@builder.io/sdk-svelte 2.0.28 → 2.0.29

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 (24) hide show
  1. package/lib/browser/blocks/accordion/accordion.svelte +9 -7
  2. package/lib/browser/blocks/columns/columns.svelte +1 -1
  3. package/lib/browser/blocks/tabs/tabs.svelte +2 -2
  4. package/lib/browser/components/blocks/blocks-wrapper.svelte +11 -4
  5. package/lib/browser/constants/sdk-version.d.ts +1 -1
  6. package/lib/browser/constants/sdk-version.js +1 -1
  7. package/lib/edge/blocks/accordion/accordion.svelte +9 -7
  8. package/lib/edge/blocks/columns/columns.svelte +1 -1
  9. package/lib/edge/blocks/tabs/tabs.svelte +2 -2
  10. package/lib/edge/components/blocks/blocks-wrapper.svelte +11 -4
  11. package/lib/edge/constants/sdk-version.d.ts +1 -1
  12. package/lib/edge/constants/sdk-version.js +1 -1
  13. package/lib/node/blocks/accordion/accordion.svelte +9 -7
  14. package/lib/node/blocks/columns/columns.svelte +1 -1
  15. package/lib/node/blocks/tabs/tabs.svelte +2 -2
  16. package/lib/node/components/blocks/blocks-wrapper.svelte +11 -4
  17. package/lib/node/constants/sdk-version.d.ts +1 -1
  18. package/lib/node/constants/sdk-version.js +1 -1
  19. package/package.json +1 -1
  20. package/src/blocks/accordion/accordion.svelte +9 -7
  21. package/src/blocks/columns/columns.svelte +1 -1
  22. package/src/blocks/tabs/tabs.svelte +2 -2
  23. package/src/components/blocks/blocks-wrapper.svelte +11 -4
  24. package/src/constants/sdk-version.ts +1 -1
package/lib/browser/blocks/accordion/accordion.svelte CHANGED
@@ -117,13 +117,15 @@ let open = [];
117
117
  <div
118
118
  style={stringifyStyles({
119
119
  ...accordionTitleStyles(),
120
- width: grid ? gridRowWidth : undefined,
121
- ...{
122
- order:
123
- openGridItemOrder() !== null
124
- ? convertOrderNumberToString(index)
125
- : convertOrderNumberToString(index + 1),
126
- },
120
+ ...(grid && {
121
+ width: gridRowWidth,
122
+ ...{
123
+ order:
124
+ openGridItemOrder() !== null
125
+ ? convertOrderNumberToString(index)
126
+ : convertOrderNumberToString(index + 1),
127
+ },
128
+ }),
127
129
  })}
128
130
  class={getAccordionTitleClassName(index)}
129
131
  data-index={index}
package/lib/browser/blocks/columns/columns.svelte CHANGED
@@ -168,7 +168,7 @@ $: flexDir = () => {
168
168
  actionAttributes={{}}
169
169
  attributes={getAttributes(column, index)}
170
170
  ><Blocks
171
- path={`component.options.columns.${index}.blocks`}
171
+ path={`columns.${index}.blocks`}
172
172
  parent={builderBlock.id}
173
173
  styleProp={{
174
174
  flexGrow: "1",
package/lib/browser/blocks/tabs/tabs.svelte CHANGED
@@ -55,7 +55,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
55
55
  }}
56
56
  ><Blocks
57
57
  parent={builderBlock.id}
58
- path={`component.options.tabs.${index}.label`}
58
+ path={`tabs.${index}.label`}
59
59
  blocks={tab.label}
60
60
  context={builderContext}
61
61
  registeredComponents={builderComponents}
@@ -68,7 +68,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
68
68
  <div>
69
69
  <Blocks
70
70
  parent={builderBlock.id}
71
- path={`component.options.tabs.${activeTab}.content`}
71
+ path={`tabs.${activeTab}.content`}
72
72
  blocks={activeTabContent(activeTab)}
73
73
  context={builderContext}
74
74
  registeredComponents={builderComponents}
package/lib/browser/components/blocks/blocks-wrapper.svelte CHANGED
@@ -4,8 +4,8 @@
4
4
  import { isEditing } from "../../functions/is-editing";
5
5
  export let blocks;
6
6
  export let classNameProp = undefined;
7
- export let parent;
8
7
  export let path;
8
+ export let parent;
9
9
  export let styleProp;
10
10
  export let BlocksWrapperProps;
11
11
  export let BlocksWrapper;
@@ -25,7 +25,7 @@ function onClick() {
25
25
  type: "builder.clickEmptyBlocks",
26
26
  data: {
27
27
  parentElementId: parent,
28
- dataPath: path,
28
+ dataPath: dataPath(),
29
29
  },
30
30
  }, "*");
31
31
  }
@@ -36,7 +36,7 @@ function onMouseEnter() {
36
36
  type: "builder.hoverEmptyBlocks",
37
37
  data: {
38
38
  parentElementId: parent,
39
- dataPath: path,
39
+ dataPath: dataPath(),
40
40
  },
41
41
  }, "*");
42
42
  }
@@ -46,6 +46,13 @@ $: className = () => {
46
46
  .filter(Boolean)
47
47
  .join(" ");
48
48
  };
49
+ $: dataPath = () => {
50
+ if (!path) {
51
+ return undefined;
52
+ }
53
+ const pathPrefix = "component.options.";
54
+ return path.startsWith(pathPrefix) ? path : `${pathPrefix}${path || ""}`;
55
+ };
49
56
  let blocksWrapperRef;
50
57
  onMount(() => { });
51
58
  </script>
@@ -55,7 +62,7 @@ onMount(() => { });
55
62
  style={stringifyStyles(styleProp)}
56
63
  bind:this={blocksWrapperRef}
57
64
  class={className() + " svelte-element"}
58
- builder-path={path}
65
+ builder-path={dataPath()}
59
66
  builder-parent-id={parent}
60
67
  {...{}}
61
68
  on:click={(event) => {
package/lib/browser/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "2.0.28";
1
+ export declare const SDK_VERSION = "2.0.29";
package/lib/browser/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "2.0.28";
1
+ export const SDK_VERSION = "2.0.29";
package/lib/edge/blocks/accordion/accordion.svelte CHANGED
@@ -117,13 +117,15 @@ let open = [];
117
117
  <div
118
118
  style={stringifyStyles({
119
119
  ...accordionTitleStyles(),
120
- width: grid ? gridRowWidth : undefined,
121
- ...{
122
- order:
123
- openGridItemOrder() !== null
124
- ? convertOrderNumberToString(index)
125
- : convertOrderNumberToString(index + 1),
126
- },
120
+ ...(grid && {
121
+ width: gridRowWidth,
122
+ ...{
123
+ order:
124
+ openGridItemOrder() !== null
125
+ ? convertOrderNumberToString(index)
126
+ : convertOrderNumberToString(index + 1),
127
+ },
128
+ }),
127
129
  })}
128
130
  class={getAccordionTitleClassName(index)}
129
131
  data-index={index}
package/lib/edge/blocks/columns/columns.svelte CHANGED
@@ -168,7 +168,7 @@ $: flexDir = () => {
168
168
  actionAttributes={{}}
169
169
  attributes={getAttributes(column, index)}
170
170
  ><Blocks
171
- path={`component.options.columns.${index}.blocks`}
171
+ path={`columns.${index}.blocks`}
172
172
  parent={builderBlock.id}
173
173
  styleProp={{
174
174
  flexGrow: "1",
package/lib/edge/blocks/tabs/tabs.svelte CHANGED
@@ -55,7 +55,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
55
55
  }}
56
56
  ><Blocks
57
57
  parent={builderBlock.id}
58
- path={`component.options.tabs.${index}.label`}
58
+ path={`tabs.${index}.label`}
59
59
  blocks={tab.label}
60
60
  context={builderContext}
61
61
  registeredComponents={builderComponents}
@@ -68,7 +68,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
68
68
  <div>
69
69
  <Blocks
70
70
  parent={builderBlock.id}
71
- path={`component.options.tabs.${activeTab}.content`}
71
+ path={`tabs.${activeTab}.content`}
72
72
  blocks={activeTabContent(activeTab)}
73
73
  context={builderContext}
74
74
  registeredComponents={builderComponents}
package/lib/edge/components/blocks/blocks-wrapper.svelte CHANGED
@@ -4,8 +4,8 @@
4
4
  import { isEditing } from "../../functions/is-editing";
5
5
  export let blocks;
6
6
  export let classNameProp = undefined;
7
- export let parent;
8
7
  export let path;
8
+ export let parent;
9
9
  export let styleProp;
10
10
  export let BlocksWrapperProps;
11
11
  export let BlocksWrapper;
@@ -25,7 +25,7 @@ function onClick() {
25
25
  type: "builder.clickEmptyBlocks",
26
26
  data: {
27
27
  parentElementId: parent,
28
- dataPath: path,
28
+ dataPath: dataPath(),
29
29
  },
30
30
  }, "*");
31
31
  }
@@ -36,7 +36,7 @@ function onMouseEnter() {
36
36
  type: "builder.hoverEmptyBlocks",
37
37
  data: {
38
38
  parentElementId: parent,
39
- dataPath: path,
39
+ dataPath: dataPath(),
40
40
  },
41
41
  }, "*");
42
42
  }
@@ -46,6 +46,13 @@ $: className = () => {
46
46
  .filter(Boolean)
47
47
  .join(" ");
48
48
  };
49
+ $: dataPath = () => {
50
+ if (!path) {
51
+ return undefined;
52
+ }
53
+ const pathPrefix = "component.options.";
54
+ return path.startsWith(pathPrefix) ? path : `${pathPrefix}${path || ""}`;
55
+ };
49
56
  let blocksWrapperRef;
50
57
  onMount(() => { });
51
58
  </script>
@@ -55,7 +62,7 @@ onMount(() => { });
55
62
  style={stringifyStyles(styleProp)}
56
63
  bind:this={blocksWrapperRef}
57
64
  class={className() + " svelte-element"}
58
- builder-path={path}
65
+ builder-path={dataPath()}
59
66
  builder-parent-id={parent}
60
67
  {...{}}
61
68
  on:click={(event) => {
package/lib/edge/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "2.0.28";
1
+ export declare const SDK_VERSION = "2.0.29";
package/lib/edge/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "2.0.28";
1
+ export const SDK_VERSION = "2.0.29";
package/lib/node/blocks/accordion/accordion.svelte CHANGED
@@ -117,13 +117,15 @@ let open = [];
117
117
  <div
118
118
  style={stringifyStyles({
119
119
  ...accordionTitleStyles(),
120
- width: grid ? gridRowWidth : undefined,
121
- ...{
122
- order:
123
- openGridItemOrder() !== null
124
- ? convertOrderNumberToString(index)
125
- : convertOrderNumberToString(index + 1),
126
- },
120
+ ...(grid && {
121
+ width: gridRowWidth,
122
+ ...{
123
+ order:
124
+ openGridItemOrder() !== null
125
+ ? convertOrderNumberToString(index)
126
+ : convertOrderNumberToString(index + 1),
127
+ },
128
+ }),
127
129
  })}
128
130
  class={getAccordionTitleClassName(index)}
129
131
  data-index={index}
package/lib/node/blocks/columns/columns.svelte CHANGED
@@ -168,7 +168,7 @@ $: flexDir = () => {
168
168
  actionAttributes={{}}
169
169
  attributes={getAttributes(column, index)}
170
170
  ><Blocks
171
- path={`component.options.columns.${index}.blocks`}
171
+ path={`columns.${index}.blocks`}
172
172
  parent={builderBlock.id}
173
173
  styleProp={{
174
174
  flexGrow: "1",
package/lib/node/blocks/tabs/tabs.svelte CHANGED
@@ -55,7 +55,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
55
55
  }}
56
56
  ><Blocks
57
57
  parent={builderBlock.id}
58
- path={`component.options.tabs.${index}.label`}
58
+ path={`tabs.${index}.label`}
59
59
  blocks={tab.label}
60
60
  context={builderContext}
61
61
  registeredComponents={builderComponents}
@@ -68,7 +68,7 @@ let activeTab = defaultActiveTab ? defaultActiveTab - 1 : 0;
68
68
  <div>
69
69
  <Blocks
70
70
  parent={builderBlock.id}
71
- path={`component.options.tabs.${activeTab}.content`}
71
+ path={`tabs.${activeTab}.content`}
72
72
  blocks={activeTabContent(activeTab)}
73
73
  context={builderContext}
74
74
  registeredComponents={builderComponents}
package/lib/node/components/blocks/blocks-wrapper.svelte CHANGED
@@ -4,8 +4,8 @@
4
4
  import { isEditing } from "../../functions/is-editing";
5
5
  export let blocks;
6
6
  export let classNameProp = undefined;
7
- export let parent;
8
7
  export let path;
8
+ export let parent;
9
9
  export let styleProp;
10
10
  export let BlocksWrapperProps;
11
11
  export let BlocksWrapper;
@@ -25,7 +25,7 @@ function onClick() {
25
25
  type: "builder.clickEmptyBlocks",
26
26
  data: {
27
27
  parentElementId: parent,
28
- dataPath: path,
28
+ dataPath: dataPath(),
29
29
  },
30
30
  }, "*");
31
31
  }
@@ -36,7 +36,7 @@ function onMouseEnter() {
36
36
  type: "builder.hoverEmptyBlocks",
37
37
  data: {
38
38
  parentElementId: parent,
39
- dataPath: path,
39
+ dataPath: dataPath(),
40
40
  },
41
41
  }, "*");
42
42
  }
@@ -46,6 +46,13 @@ $: className = () => {
46
46
  .filter(Boolean)
47
47
  .join(" ");
48
48
  };
49
+ $: dataPath = () => {
50
+ if (!path) {
51
+ return undefined;
52
+ }
53
+ const pathPrefix = "component.options.";
54
+ return path.startsWith(pathPrefix) ? path : `${pathPrefix}${path || ""}`;
55
+ };
49
56
  let blocksWrapperRef;
50
57
  onMount(() => { });
51
58
  </script>
@@ -55,7 +62,7 @@ onMount(() => { });
55
62
  style={stringifyStyles(styleProp)}
56
63
  bind:this={blocksWrapperRef}
57
64
  class={className() + " svelte-element"}
58
- builder-path={path}
65
+ builder-path={dataPath()}
59
66
  builder-parent-id={parent}
60
67
  {...{}}
61
68
  on:click={(event) => {
package/lib/node/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "2.0.28";
1
+ export declare const SDK_VERSION = "2.0.29";
package/lib/node/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "2.0.28";
1
+ export const SDK_VERSION = "2.0.29";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-svelte",
3
3
  "description": "Builder.io SDK for Svelte",
4
- "version": "2.0.28",
4
+ "version": "2.0.29",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "lib",
package/src/blocks/accordion/accordion.svelte CHANGED
@@ -154,13 +154,15 @@
154
154
  <div
155
155
  style={stringifyStyles({
156
156
  ...accordionTitleStyles(),
157
- width: grid ? gridRowWidth : undefined,
158
- ...{
159
- order:
160
- openGridItemOrder() !== null
161
- ? convertOrderNumberToString(index)
162
- : convertOrderNumberToString(index + 1),
163
- },
157
+ ...(grid && {
158
+ width: gridRowWidth,
159
+ ...{
160
+ order:
161
+ openGridItemOrder() !== null
162
+ ? convertOrderNumberToString(index)
163
+ : convertOrderNumberToString(index + 1),
164
+ },
165
+ }),
164
166
  })}
165
167
  class={getAccordionTitleClassName(index)}
166
168
  data-index={index}
package/src/blocks/columns/columns.svelte CHANGED
@@ -192,7 +192,7 @@
192
192
  actionAttributes={{}}
193
193
  attributes={getAttributes(column, index)}
194
194
  ><Blocks
195
- path={`component.options.columns.${index}.blocks`}
195
+ path={`columns.${index}.blocks`}
196
196
  parent={builderBlock.id}
197
197
  styleProp={{
198
198
  flexGrow: "1",
package/src/blocks/tabs/tabs.svelte CHANGED
@@ -61,7 +61,7 @@
61
61
  }}
62
62
  ><Blocks
63
63
  parent={builderBlock.id}
64
- path={`component.options.tabs.${index}.label`}
64
+ path={`tabs.${index}.label`}
65
65
  blocks={tab.label}
66
66
  context={builderContext}
67
67
  registeredComponents={builderComponents}
@@ -74,7 +74,7 @@
74
74
  <div>
75
75
  <Blocks
76
76
  parent={builderBlock.id}
77
- path={`component.options.tabs.${activeTab}.content`}
77
+ path={`tabs.${activeTab}.content`}
78
78
  blocks={activeTabContent(activeTab)}
79
79
  context={builderContext}
80
80
  registeredComponents={builderComponents}
package/src/components/blocks/blocks-wrapper.svelte CHANGED
@@ -25,8 +25,8 @@
25
25
 
26
26
  export let blocks: BlocksWrapperProps["blocks"];
27
27
  export let classNameProp: BlocksWrapperProps["classNameProp"] = undefined;
28
- export let parent: BlocksWrapperProps["parent"];
29
28
  export let path: BlocksWrapperProps["path"];
29
+ export let parent: BlocksWrapperProps["parent"];
30
30
  export let styleProp: BlocksWrapperProps["styleProp"];
31
31
  export let BlocksWrapperProps: BlocksWrapperProps["BlocksWrapperProps"];
32
32
  export let BlocksWrapper: BlocksWrapperProps["BlocksWrapper"];
@@ -49,7 +49,7 @@
49
49
  type: "builder.clickEmptyBlocks",
50
50
  data: {
51
51
  parentElementId: parent,
52
- dataPath: path,
52
+ dataPath: dataPath(),
53
53
  },
54
54
  },
55
55
  "*"
@@ -63,7 +63,7 @@
63
63
  type: "builder.hoverEmptyBlocks",
64
64
  data: {
65
65
  parentElementId: parent,
66
- dataPath: path,
66
+ dataPath: dataPath(),
67
67
  },
68
68
  },
69
69
  "*"
@@ -75,6 +75,13 @@
75
75
  .filter(Boolean)
76
76
  .join(" ");
77
77
  };
78
+ $: dataPath = () => {
79
+ if (!path) {
80
+ return undefined;
81
+ }
82
+ const pathPrefix = "component.options.";
83
+ return path.startsWith(pathPrefix) ? path : `${pathPrefix}${path || ""}`;
84
+ };
78
85
 
79
86
  let blocksWrapperRef;
80
87
 
@@ -86,7 +93,7 @@
86
93
  style={stringifyStyles(styleProp)}
87
94
  bind:this={blocksWrapperRef}
88
95
  class={className() + " svelte-element"}
89
- builder-path={path}
96
+ builder-path={dataPath()}
90
97
  builder-parent-id={parent}
91
98
  {...{}}
92
99
  on:click={(event) => {
package/src/constants/sdk-version.ts CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "2.0.28"
1
+ export const SDK_VERSION = "2.0.29"