@builder.io/sdk-svelte 1.0.28 → 1.0.30

package/lib/browser/blocks/accordion/accordion.svelte

@@ -1,6 +1,6 @@
 <script>import Blocks from "../../components/blocks/index";
-import { convertOrderNumberToString } from "./helpers";
 import "../../functions/camel-to-kebab-case";
+import { convertOrderNumberToString } from "./helpers";
 export let grid = undefined;
 export let oneAtATime = undefined;
 export let items;

package/lib/browser/blocks/columns/columns.svelte

@@ -1,6 +1,7 @@
 <script context="module"></script>
 
 <script>import Blocks from "../../components/blocks/blocks.svelte";
+import "../../components/dynamic-div.svelte";
 import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer.svelte";
 import InlinedStyles from "../../components/inlined-styles.svelte";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
@@ -9,7 +10,6 @@ import "../../functions/deopt";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { mapStyleObjToStrIfNeeded } from "../../functions/get-style";
 import { getColumnsClass } from "./helpers";
-import "../../components/dynamic-div.svelte";
 export let space = undefined;
 export let columns = undefined;
 export let stackColumnsAt = undefined;

package/lib/browser/blocks/form/form/form.svelte

@@ -58,12 +58,12 @@ function onSubmit(event) {
             return;
         }
         event.preventDefault();
-        const el = event.currentTarget;
+        const el = event.currentTarget || event.target;
         const headers = customHeaders || {};
         let body;
         const formData = new FormData(el);
         // TODO: maybe support null
-        const formPairs = Array.from(event.currentTarget.querySelectorAll("input,select,textarea"))
+        const formPairs = Array.from(el.querySelectorAll("input,select,textarea"))
             .filter((el) => !!el.name)
             .map((el) => {
             let value;
@@ -247,6 +247,7 @@ let formErrorMessage = "";
   on:submit={(event) => {
     onSubmit(event);
   }}
+  {...{}}
   {...filterAttrs(attributes, "on:", false)}
   use:setAttrs={filterAttrs(attributes, "on:", true)}
 >

package/lib/browser/blocks/symbol/symbol.svelte

@@ -1,10 +1,10 @@
 <script>import { onMount } from "svelte";
 import ContentVariants from "../../components/content-variants/index";
 import { filterAttrs } from "../helpers";
+import "../../components/dynamic-div.svelte";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { setAttrs } from "../helpers";
 import { fetchSymbolContent } from "./symbol.helpers";
-import "../../components/dynamic-div.svelte";
 export let symbol = undefined;
 export let attributes = undefined;
 export let dynamic = undefined;

package/lib/browser/components/block/block.svelte

@@ -3,13 +3,13 @@
 <script>import { onMount } from "svelte";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options";
 import { getProcessedBlock } from "../../functions/get-processed-block";
+import "../dynamic-div.svelte";
 import { bindAnimations } from "./animator";
 import { getComponent, getRepeatItemData, shouldPassLinkComponent, shouldPassRegisteredComponents, } from "./block.helpers";
 import BlockStyles from "./components/block-styles.svelte";
 import BlockWrapper from "./components/block-wrapper.svelte";
 import ComponentRef from "./components/component-ref/component-ref.svelte";
 import RepeatedBlock from "./components/repeated-block.svelte";
-import "../dynamic-div.svelte";
 export let block;
 export let context;
 export let registeredComponents;

package/lib/browser/components/block/components/block-styles.svelte

@@ -2,11 +2,11 @@
 
 <script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../../constants/device-sizes";
 import { TARGET } from "../../../constants/target";
+import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 import { getProcessedBlock } from "../../../functions/get-processed-block";
 import { createCssClass } from "../../../helpers/css";
 import { checkIsDefined } from "../../../helpers/nullable";
 import InlinedStyles from "../../inlined-styles.svelte";
-import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 export let block;
 export let context;
 $: canShowBlock = () => {

package/lib/browser/components/content/components/enable-editor.svelte

@@ -18,8 +18,8 @@ import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
 import { triggerAnimation } from "../../block/animator";
-import { getWrapperClassName } from "./styles.helpers";
 import "../../dynamic-div.svelte";
+import { getWrapperClassName } from "./styles.helpers";
 export let builderContextSignal;
 export let canTrack = undefined;
 export let apiKey;
@@ -201,7 +201,7 @@ function elementRef_onIniteditingbldr(event) {
 function elementRef_onInitpreviewingbldr(event) {
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
-    const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
+    const searchParamPreviewId = searchParams.get(`builder.overrides.${searchParamPreviewModel}`);
     const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
     /**
      * Make sure that:

package/lib/browser/components/content/content.svelte

@@ -6,12 +6,12 @@ import ComponentsContext from "../../context/components.context";
 import { serializeComponentInfo } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
+import "../dynamic-div.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-import "../dynamic-div.svelte";
 export let content = undefined;
 export let customComponents = undefined;
 export let data = undefined;

package/lib/browser/constants/builder-registered-components.js

@@ -1,3 +1,5 @@
+import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
+import { default as Accordion } from '../blocks/accordion/index';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info';
 import { default as Button } from '../blocks/button/index';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info';
@@ -16,8 +18,6 @@ import { componentInfo as tabsComponentInfo } from '../blocks/tabs/component-inf
 import { default as Tabs } from '../blocks/tabs/index';
 import { componentInfo as textComponentInfo } from '../blocks/text/component-info';
 import { default as Text } from '../blocks/text/index';
-import { default as Accordion } from '../blocks/accordion/index';
-import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
 import { getExtraComponents } from './extra-components';
 import { TARGET } from './target';
 /**

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.28";
+export declare const SDK_VERSION = "1.0.30";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.28";
+export const SDK_VERSION = "1.0.30";

package/lib/edge/blocks/accordion/accordion.svelte

@@ -1,6 +1,6 @@
 <script>import Blocks from "../../components/blocks/index";
-import { convertOrderNumberToString } from "./helpers";
 import "../../functions/camel-to-kebab-case";
+import { convertOrderNumberToString } from "./helpers";
 export let grid = undefined;
 export let oneAtATime = undefined;
 export let items;

package/lib/edge/blocks/columns/columns.svelte

@@ -1,6 +1,7 @@
 <script context="module"></script>
 
 <script>import Blocks from "../../components/blocks/blocks.svelte";
+import "../../components/dynamic-div.svelte";
 import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer.svelte";
 import InlinedStyles from "../../components/inlined-styles.svelte";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
@@ -9,7 +10,6 @@ import "../../functions/deopt";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { mapStyleObjToStrIfNeeded } from "../../functions/get-style";
 import { getColumnsClass } from "./helpers";
-import "../../components/dynamic-div.svelte";
 export let space = undefined;
 export let columns = undefined;
 export let stackColumnsAt = undefined;

package/lib/edge/blocks/form/form/form.svelte

@@ -58,12 +58,12 @@ function onSubmit(event) {
             return;
         }
         event.preventDefault();
-        const el = event.currentTarget;
+        const el = event.currentTarget || event.target;
         const headers = customHeaders || {};
         let body;
         const formData = new FormData(el);
         // TODO: maybe support null
-        const formPairs = Array.from(event.currentTarget.querySelectorAll("input,select,textarea"))
+        const formPairs = Array.from(el.querySelectorAll("input,select,textarea"))
             .filter((el) => !!el.name)
             .map((el) => {
             let value;
@@ -247,6 +247,7 @@ let formErrorMessage = "";
   on:submit={(event) => {
     onSubmit(event);
   }}
+  {...{}}
   {...filterAttrs(attributes, "on:", false)}
   use:setAttrs={filterAttrs(attributes, "on:", true)}
 >

package/lib/edge/blocks/symbol/symbol.svelte

@@ -1,10 +1,10 @@
 <script>import { onMount } from "svelte";
 import ContentVariants from "../../components/content-variants/index";
 import { filterAttrs } from "../helpers";
+import "../../components/dynamic-div.svelte";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { setAttrs } from "../helpers";
 import { fetchSymbolContent } from "./symbol.helpers";
-import "../../components/dynamic-div.svelte";
 export let symbol = undefined;
 export let attributes = undefined;
 export let dynamic = undefined;

package/lib/edge/components/block/block.svelte

@@ -3,13 +3,13 @@
 <script>import { onMount } from "svelte";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options";
 import { getProcessedBlock } from "../../functions/get-processed-block";
+import "../dynamic-div.svelte";
 import { bindAnimations } from "./animator";
 import { getComponent, getRepeatItemData, shouldPassLinkComponent, shouldPassRegisteredComponents, } from "./block.helpers";
 import BlockStyles from "./components/block-styles.svelte";
 import BlockWrapper from "./components/block-wrapper.svelte";
 import ComponentRef from "./components/component-ref/component-ref.svelte";
 import RepeatedBlock from "./components/repeated-block.svelte";
-import "../dynamic-div.svelte";
 export let block;
 export let context;
 export let registeredComponents;

package/lib/edge/components/block/components/block-styles.svelte

@@ -2,11 +2,11 @@
 
 <script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../../constants/device-sizes";
 import { TARGET } from "../../../constants/target";
+import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 import { getProcessedBlock } from "../../../functions/get-processed-block";
 import { createCssClass } from "../../../helpers/css";
 import { checkIsDefined } from "../../../helpers/nullable";
 import InlinedStyles from "../../inlined-styles.svelte";
-import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 export let block;
 export let context;
 $: canShowBlock = () => {

package/lib/edge/components/content/components/enable-editor.svelte

@@ -18,8 +18,8 @@ import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
 import { triggerAnimation } from "../../block/animator";
-import { getWrapperClassName } from "./styles.helpers";
 import "../../dynamic-div.svelte";
+import { getWrapperClassName } from "./styles.helpers";
 export let builderContextSignal;
 export let canTrack = undefined;
 export let apiKey;
@@ -201,7 +201,7 @@ function elementRef_onIniteditingbldr(event) {
 function elementRef_onInitpreviewingbldr(event) {
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
-    const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
+    const searchParamPreviewId = searchParams.get(`builder.overrides.${searchParamPreviewModel}`);
     const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
     /**
      * Make sure that:

package/lib/edge/components/content/content.svelte

@@ -6,12 +6,12 @@ import ComponentsContext from "../../context/components.context";
 import { serializeComponentInfo } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
+import "../dynamic-div.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-import "../dynamic-div.svelte";
 export let content = undefined;
 export let customComponents = undefined;
 export let data = undefined;

package/lib/edge/constants/builder-registered-components.js

@@ -1,3 +1,5 @@
+import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
+import { default as Accordion } from '../blocks/accordion/index';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info';
 import { default as Button } from '../blocks/button/index';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info';
@@ -16,8 +18,6 @@ import { componentInfo as tabsComponentInfo } from '../blocks/tabs/component-inf
 import { default as Tabs } from '../blocks/tabs/index';
 import { componentInfo as textComponentInfo } from '../blocks/text/component-info';
 import { default as Text } from '../blocks/text/index';
-import { default as Accordion } from '../blocks/accordion/index';
-import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
 import { getExtraComponents } from './extra-components';
 import { TARGET } from './target';
 /**

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.28";
+export declare const SDK_VERSION = "1.0.30";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.28";
+export const SDK_VERSION = "1.0.30";

package/lib/node/blocks/accordion/accordion.svelte

@@ -1,6 +1,6 @@
 <script>import Blocks from "../../components/blocks/index";
-import { convertOrderNumberToString } from "./helpers";
 import "../../functions/camel-to-kebab-case";
+import { convertOrderNumberToString } from "./helpers";
 export let grid = undefined;
 export let oneAtATime = undefined;
 export let items;

package/lib/node/blocks/columns/columns.svelte

@@ -1,6 +1,7 @@
 <script context="module"></script>
 
 <script>import Blocks from "../../components/blocks/blocks.svelte";
+import "../../components/dynamic-div.svelte";
 import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer.svelte";
 import InlinedStyles from "../../components/inlined-styles.svelte";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
@@ -9,7 +10,6 @@ import "../../functions/deopt";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { mapStyleObjToStrIfNeeded } from "../../functions/get-style";
 import { getColumnsClass } from "./helpers";
-import "../../components/dynamic-div.svelte";
 export let space = undefined;
 export let columns = undefined;
 export let stackColumnsAt = undefined;

package/lib/node/blocks/form/form/form.svelte

@@ -58,12 +58,12 @@ function onSubmit(event) {
             return;
         }
         event.preventDefault();
-        const el = event.currentTarget;
+        const el = event.currentTarget || event.target;
         const headers = customHeaders || {};
         let body;
         const formData = new FormData(el);
         // TODO: maybe support null
-        const formPairs = Array.from(event.currentTarget.querySelectorAll("input,select,textarea"))
+        const formPairs = Array.from(el.querySelectorAll("input,select,textarea"))
             .filter((el) => !!el.name)
             .map((el) => {
             let value;
@@ -247,6 +247,7 @@ let formErrorMessage = "";
   on:submit={(event) => {
     onSubmit(event);
   }}
+  {...{}}
   {...filterAttrs(attributes, "on:", false)}
   use:setAttrs={filterAttrs(attributes, "on:", true)}
 >

package/lib/node/blocks/symbol/symbol.svelte

@@ -1,10 +1,10 @@
 <script>import { onMount } from "svelte";
 import ContentVariants from "../../components/content-variants/index";
 import { filterAttrs } from "../helpers";
+import "../../components/dynamic-div.svelte";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { setAttrs } from "../helpers";
 import { fetchSymbolContent } from "./symbol.helpers";
-import "../../components/dynamic-div.svelte";
 export let symbol = undefined;
 export let attributes = undefined;
 export let dynamic = undefined;

package/lib/node/components/block/block.svelte

@@ -3,13 +3,13 @@
 <script>import { onMount } from "svelte";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options";
 import { getProcessedBlock } from "../../functions/get-processed-block";
+import "../dynamic-div.svelte";
 import { bindAnimations } from "./animator";
 import { getComponent, getRepeatItemData, shouldPassLinkComponent, shouldPassRegisteredComponents, } from "./block.helpers";
 import BlockStyles from "./components/block-styles.svelte";
 import BlockWrapper from "./components/block-wrapper.svelte";
 import ComponentRef from "./components/component-ref/component-ref.svelte";
 import RepeatedBlock from "./components/repeated-block.svelte";
-import "../dynamic-div.svelte";
 export let block;
 export let context;
 export let registeredComponents;

package/lib/node/components/block/components/block-styles.svelte

@@ -2,11 +2,11 @@
 
 <script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../../constants/device-sizes";
 import { TARGET } from "../../../constants/target";
+import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 import { getProcessedBlock } from "../../../functions/get-processed-block";
 import { createCssClass } from "../../../helpers/css";
 import { checkIsDefined } from "../../../helpers/nullable";
 import InlinedStyles from "../../inlined-styles.svelte";
-import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 export let block;
 export let context;
 $: canShowBlock = () => {

package/lib/node/components/content/components/enable-editor.svelte

@@ -18,8 +18,8 @@ import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
 import { triggerAnimation } from "../../block/animator";
-import { getWrapperClassName } from "./styles.helpers";
 import "../../dynamic-div.svelte";
+import { getWrapperClassName } from "./styles.helpers";
 export let builderContextSignal;
 export let canTrack = undefined;
 export let apiKey;
@@ -201,7 +201,7 @@ function elementRef_onIniteditingbldr(event) {
 function elementRef_onInitpreviewingbldr(event) {
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
-    const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
+    const searchParamPreviewId = searchParams.get(`builder.overrides.${searchParamPreviewModel}`);
     const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
     /**
      * Make sure that:

package/lib/node/components/content/content.svelte

@@ -6,12 +6,12 @@ import ComponentsContext from "../../context/components.context";
 import { serializeComponentInfo } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
+import "../dynamic-div.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-import "../dynamic-div.svelte";
 export let content = undefined;
 export let customComponents = undefined;
 export let data = undefined;

package/lib/node/constants/builder-registered-components.js

@@ -1,3 +1,5 @@
+import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
+import { default as Accordion } from '../blocks/accordion/index';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info';
 import { default as Button } from '../blocks/button/index';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info';
@@ -16,8 +18,6 @@ import { componentInfo as tabsComponentInfo } from '../blocks/tabs/component-inf
 import { default as Tabs } from '../blocks/tabs/index';
 import { componentInfo as textComponentInfo } from '../blocks/text/component-info';
 import { default as Text } from '../blocks/text/index';
-import { default as Accordion } from '../blocks/accordion/index';
-import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
 import { getExtraComponents } from './extra-components';
 import { TARGET } from './target';
 /**

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.28";
+export declare const SDK_VERSION = "1.0.30";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.28";
+export const SDK_VERSION = "1.0.30";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "type": "module",
   "files": [
     "lib",
@@ -47,15 +47,15 @@
     "check": "SDK_ENV=browser svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "isolated-vm": "^4.6.0"
+    "isolated-vm": "^5.0.0"
   },
   "devDependencies": {
     "@builder.io/sdks": "workspace:*",
     "@sveltejs/adapter-auto": "^2.1.0",
     "@sveltejs/kit": "^1.22.4",
     "@sveltejs/package": "^2.2.0",
-    "nx": "^16.6.0",
-    "nx-cloud": "^16.2.0",
+    "nx": "16.10.0",
+    "nx-cloud": "16.5.2",
     "svelte": "^4.1.2",
     "svelte-check": "^3.4.6",
     "svelte-preprocess": "^5.0.4",

package/src/blocks/accordion/accordion.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import Blocks from "../../components/blocks/index";
-  import type { AccordionProps } from "./accordion.types";
+  import { camelToKebabCase } from "../../functions/camel-to-kebab-case";
   import type { Dictionary } from "../../types/typescript";
+  import type { AccordionProps } from "./accordion.types";
   import { convertOrderNumberToString } from "./helpers";
-  import { camelToKebabCase } from "../../functions/camel-to-kebab-case";
 
   export let grid: AccordionProps["grid"] = undefined;
   export let oneAtATime: AccordionProps["oneAtATime"] = undefined;

package/src/blocks/columns/columns.svelte

@@ -4,6 +4,7 @@
 
 <script lang="ts">
   import Blocks from "../../components/blocks/blocks.svelte";
+  import DynamicDiv from "../../components/dynamic-div.svelte";
   import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer.svelte";
   import InlinedStyles from "../../components/inlined-styles.svelte";
   import type { SizeName } from "../../constants/device-sizes";
@@ -15,7 +16,6 @@
   import type { Dictionary } from "../../types/typescript";
   import type { Column, ColumnProps } from "./columns.types";
   import { getColumnsClass } from "./helpers";
-  import DynamicDiv from "../../components/dynamic-div.svelte";
 
   export let space: ColumnProps["space"] = undefined;
   export let columns: ColumnProps["columns"] = undefined;

package/src/blocks/form/form/form.svelte

@@ -99,7 +99,7 @@
         return;
       }
       event.preventDefault();
-      const el = event.currentTarget;
+      const el = event.currentTarget || event.target;
       const headers = customHeaders || {};
       let body: any;
       const formData = new FormData(el);
@@ -108,9 +108,7 @@
       const formPairs: {
         key: string;
         value: File | boolean | number | string | FileList;
-      }[] = Array.from(
-        event.currentTarget.querySelectorAll("input,select,textarea")
-      )
+      }[] = Array.from(el.querySelectorAll("input,select,textarea"))
         .filter((el) => !!(el as HTMLInputElement).name)
         .map((el) => {
           let value: any;
@@ -303,6 +301,7 @@
   on:submit={(event) => {
     onSubmit(event);
   }}
+  {...{}}
   {...filterAttrs(attributes, "on:", false)}
   use:setAttrs={filterAttrs(attributes, "on:", true)}
 >

package/src/blocks/symbol/symbol.svelte

@@ -4,12 +4,12 @@
   import ContentVariants from "../../components/content-variants/index";
   import type { BuilderContent } from "../../types/builder-content";
   import { filterAttrs } from "../helpers";
+  import DynamicDiv from "../../components/dynamic-div.svelte";
   import { getClassPropName } from "../../functions/get-class-prop-name";
   import type { Nullable } from "../../types/typescript";
   import { setAttrs } from "../helpers";
   import { fetchSymbolContent } from "./symbol.helpers";
   import type { SymbolProps } from "./symbol.types";
-  import DynamicDiv from "../../components/dynamic-div.svelte";
 
   export let symbol: SymbolProps["symbol"] = undefined;
   export let attributes: SymbolProps["attributes"] = undefined;

package/src/components/block/block.svelte

@@ -17,6 +17,7 @@
   import { getBlockComponentOptions } from "../../functions/get-block-component-options";
   import { getProcessedBlock } from "../../functions/get-processed-block";
   import type { BuilderBlock } from "../../types/builder-block";
+  import DynamicDiv from "../dynamic-div.svelte";
   import { bindAnimations } from "./animator";
   import {
     getComponent,
@@ -30,7 +31,6 @@
   import type { ComponentProps } from "./components/component-ref/component-ref.helpers";
   import ComponentRef from "./components/component-ref/component-ref.svelte";
   import RepeatedBlock from "./components/repeated-block.svelte";
-  import DynamicDiv from "../dynamic-div.svelte";
   import type { Writable } from "svelte/store";
 
   export let block: BlockProps["block"];

package/src/components/block/components/block-styles.svelte

@@ -12,12 +12,12 @@
   } from "../../../constants/device-sizes";
   import { TARGET } from "../../../constants/target";
   import type { BuilderContextInterface } from "../../../context/types";
+  import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
   import { getProcessedBlock } from "../../../functions/get-processed-block";
   import { createCssClass } from "../../../helpers/css";
   import { checkIsDefined } from "../../../helpers/nullable";
   import type { BuilderBlock } from "../../../types/builder-block";
   import InlinedStyles from "../../inlined-styles.svelte";
-  import { camelToKebabCase } from "../../../functions/camel-to-kebab-case";
 
   export let block: BlockStylesProps["block"];
   export let context: BlockStylesProps["context"];

package/src/components/content/components/enable-editor.svelte

@@ -41,12 +41,12 @@
   import type { ComponentInfo } from "../../../types/components";
   import type { Dictionary } from "../../../types/typescript";
   import { triggerAnimation } from "../../block/animator";
+  import DynamicDiv from "../../dynamic-div.svelte";
   import type {
     BuilderComponentStateChange,
     ContentProps,
   } from "../content.types";
   import { getWrapperClassName } from "./styles.helpers";
-  import DynamicDiv from "../../dynamic-div.svelte";
   import type { Writable } from "svelte/store";
 
   export let builderContextSignal: BuilderEditorProps["builderContextSignal"];
@@ -248,7 +248,7 @@
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
     const searchParamPreviewId = searchParams.get(
-      `builder.preview.${searchParamPreviewModel}`
+      `builder.overrides.${searchParamPreviewModel}`
     );
     const previewApiKey =
       searchParams.get("apiKey") || searchParams.get("builder.space");

package/src/components/content/content.svelte

@@ -15,6 +15,7 @@
   import type { Dictionary } from "../../types/typescript";
   import Blocks from "../blocks/blocks.svelte";
   import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
+  import DynamicDiv from "../dynamic-div.svelte";
   import InlinedScript from "../inlined-script.svelte";
   import EnableEditor from "./components/enable-editor.svelte";
   import ContentStyles from "./components/styles.svelte";
@@ -24,7 +25,6 @@
   } from "./content.helpers";
   import type { ContentProps } from "./content.types";
   import { wrapComponentRef } from "./wrap-component-ref";
-  import DynamicDiv from "../dynamic-div.svelte";
 
   export let content: ContentProps["content"] = undefined;
   export let customComponents: ContentProps["customComponents"] = undefined;

package/src/constants/builder-registered-components.ts

@@ -1,3 +1,5 @@
+import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
+import { default as Accordion } from '../blocks/accordion/index';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info';
 import { default as Button } from '../blocks/button/index';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info';
@@ -16,8 +18,6 @@ import { componentInfo as tabsComponentInfo } from '../blocks/tabs/component-inf
 import { default as Tabs } from '../blocks/tabs/index';
 import { componentInfo as textComponentInfo } from '../blocks/text/component-info';
 import { default as Text } from '../blocks/text/index';
-import { default as Accordion } from '../blocks/accordion/index';
-import { componentInfo as accordionComponentInfo } from '../blocks/accordion/component-info';
 import type { RegisteredComponent } from '../context/types';
 import { getExtraComponents } from './extra-components';
 import { TARGET } from './target';

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.28"
+export const SDK_VERSION = "1.0.30"