@builder.io/sdk-svelte 0.5.8 → 0.6.0

package/package/blocks/symbol/symbol.svelte

@@ -1,66 +0,0 @@
-<script context="module"></script>
-
-<script>import { onMount } from "svelte";
-import ContentVariants from "../../components/content-variants/content-variants.svelte";
-import { filterAttrs } from "../helpers.js";
-import { setAttrs } from "../helpers.js";
-import { fetchSymbolContent } from "./symbol.helpers.js";
-export let js;
-export let attributes;
-export let symbol;
-export let dynamic;
-export let builderContext;
-export let builderComponents;
-function setContent() {
-    if (contentToUse)
-        return;
-    fetchSymbolContent({
-        symbol: symbol,
-        builderContextValue: $builderContext,
-    }).then((newContent) => {
-        if (newContent) {
-            contentToUse = newContent;
-        }
-    });
-}
-$: className = () => {
-    return [
-        ...[attributes.class],
-        "builder-symbol",
-        symbol?.inline ? "builder-inline-symbol" : undefined,
-        symbol?.dynamic || dynamic ? "builder-dynamic-symbol" : undefined,
-    ]
-        .filter(Boolean)
-        .join(" ");
-};
-let contentToUse = symbol?.content;
-onMount(() => {
-    setContent();
-});
-function onUpdateFn_0(..._args) {
-    setContent();
-}
-$: onUpdateFn_0(...[symbol]);
-</script>
-
-<div
-  {...filterAttrs(attributes, "on:", false)}
-  {...{}}
-  class={className()}
-  use:setAttrs={filterAttrs(attributes, "on:", true)}
->
-  <ContentVariants
-    __isNestedRender={true}
-    apiVersion={$builderContext.apiVersion}
-    apiKey={$builderContext.apiKey}
-    context={$builderContext.context}
-    customComponents={Object.values(builderComponents)}
-    data={{
-      ...symbol?.data,
-      ...$builderContext.localState,
-      ...contentToUse?.data?.state,
-    }}
-    model={symbol?.model}
-    content={contentToUse}
-  />
-</div>

package/package/blocks/symbol/symbol.svelte.d.ts

@@ -1,42 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */ export interface SymbolInfo {
-    model?: string;
-    entry?: string;
-    data?: any;
-    content?: BuilderContent;
-    inline?: boolean;
-    dynamic?: boolean;
-}
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */ export interface SymbolProps extends BuilderComponentsProp {
-    symbol?: SymbolInfo;
-    dataOnly?: boolean;
-    dynamic?: boolean;
-    attributes?: any;
-    inheritState?: boolean;
-}
-import type { BuilderContent } from "../../types/builder-content.js";
-import type { BuilderComponentsProp, PropsWithBuilderData } from "../../types/builder-props.js";
-declare const __propDef: {
-    props: {
-        js: any;
-        attributes: PropsWithBuilderData<SymbolProps>["attributes"];
-        symbol: PropsWithBuilderData<SymbolProps>["symbol"];
-        dynamic: PropsWithBuilderData<SymbolProps>["dynamic"];
-        builderContext: PropsWithBuilderData<SymbolProps>["builderContext"];
-        builderComponents: PropsWithBuilderData<SymbolProps>["builderComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SymbolProps = typeof __propDef.props;
-export type SymbolEvents = typeof __propDef.events;
-export type SymbolSlots = typeof __propDef.slots;
-export default class Symbol extends SvelteComponentTyped<SymbolProps, SymbolEvents, SymbolSlots> {
-}
-export {};

package/package/blocks/text/text.svelte

@@ -1,22 +0,0 @@
-<script context="module"></script>
-
-<script>export let text;
-function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-        if (p.startsWith("--")) {
-            node.style.setProperty(p, v);
-        }
-        else {
-            node.style[p] = v;
-        }
-    });
-}
-</script>
-
-<span
-  use:mitosis_styling={{
-    outline: "none",
-  }}
-  class="builder-text"
-  {...{}}>{@html text?.toString() || ""}</span
->

package/package/blocks/text/text.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export interface TextProps {
-    text?: string;
-}
-declare const __propDef: {
-    props: {
-        text: TextProps["text"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TextProps = typeof __propDef.props;
-export type TextEvents = typeof __propDef.events;
-export type TextSlots = typeof __propDef.slots;
-export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
-}
-export {};

package/package/blocks/textarea/textarea.svelte

@@ -1,19 +0,0 @@
-<script context="module"></script>
-
-<script>import { filterAttrs } from "../helpers.js";
-import { setAttrs } from "../helpers.js";
-export let attributes;
-export let placeholder;
-export let name;
-export let value;
-export let defaultValue;
-</script>
-
-<textarea
-  {...filterAttrs(attributes, "on:", false)}
-  {placeholder}
-  {name}
-  {value}
-  {defaultValue}
-  use:setAttrs={filterAttrs(attributes, "on:", true)}
-/>

package/package/blocks/textarea/textarea.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */ export interface TextareaProps {
-    attributes?: any;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    placeholder?: string;
-}
-declare const __propDef: {
-    props: {
-        attributes: TextareaProps["attributes"];
-        placeholder: TextareaProps["placeholder"];
-        name: TextareaProps["name"];
-        value: TextareaProps["value"];
-        defaultValue: TextareaProps["defaultValue"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TextareaProps = typeof __propDef.props;
-export type TextareaEvents = typeof __propDef.events;
-export type TextareaSlots = typeof __propDef.slots;
-export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
-}
-export {};

package/package/blocks/video/video.svelte

@@ -1,76 +0,0 @@
-<script context="module"></script>
-
-<script>export let autoPlay;
-export let muted;
-export let controls;
-export let loop;
-export let playsInline;
-export let attributes;
-export let preload;
-export let fit;
-export let position;
-export let video;
-export let posterImage;
-function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-        if (p.startsWith("--")) {
-            node.style.setProperty(p, v);
-        }
-        else {
-            node.style[p] = v;
-        }
-    });
-}
-$: videoProps = () => {
-    return {
-        ...(autoPlay === true
-            ? {
-                autoPlay: true,
-            }
-            : {}),
-        ...(muted === true
-            ? {
-                muted: true,
-            }
-            : {}),
-        ...(controls === true
-            ? {
-                controls: true,
-            }
-            : {}),
-        ...(loop === true
-            ? {
-                loop: true,
-            }
-            : {}),
-        ...(playsInline === true
-            ? {
-                playsInline: true,
-            }
-            : {}),
-    };
-};
-$: spreadProps = () => {
-    return {
-        ...attributes,
-        ...videoProps(),
-    };
-};
-</script>
-
-<video
-  use:mitosis_styling={{
-    width: "100%",
-    height: "100%",
-    ...attributes?.style,
-    objectFit: fit,
-    objectPosition: position,
-    // Hack to get object fit to work as expected and
-    // not have the video overflow
-    borderRadius: 1,
-  }}
-  {...spreadProps()}
-  preload={preload || "metadata"}
-  src={video || "no-src"}
-  poster={posterImage}
-/>

package/package/blocks/video/video.svelte.d.ts

@@ -1,43 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export interface VideoProps {
-    attributes?: any;
-    video?: string;
-    autoPlay?: boolean;
-    controls?: boolean;
-    muted?: boolean;
-    loop?: boolean;
-    playsInline?: boolean;
-    aspectRatio?: number;
-    width?: number;
-    height?: number;
-    fit?: "contain" | "cover" | "fill";
-    preload?: "auto" | "metadata" | "none";
-    position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
-    posterImage?: string;
-    lazyLoad?: boolean;
-}
-declare const __propDef: {
-    props: {
-        autoPlay: VideoProps["autoPlay"];
-        muted: VideoProps["muted"];
-        controls: VideoProps["controls"];
-        loop: VideoProps["loop"];
-        playsInline: VideoProps["playsInline"];
-        attributes: VideoProps["attributes"];
-        preload: VideoProps["preload"];
-        fit: VideoProps["fit"];
-        position: VideoProps["position"];
-        video: VideoProps["video"];
-        posterImage: VideoProps["posterImage"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type VideoProps = typeof __propDef.props;
-export type VideoEvents = typeof __propDef.events;
-export type VideoSlots = typeof __propDef.slots;
-export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
-}
-export {};

package/package/components/block/block.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type BlockProps = {
-    block: BuilderBlock;
-    context: Writable<BuilderContextInterface>;
-    registeredComponents: RegisteredComponents;
-};
-import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        block: BlockProps["block"];
-        context: BlockProps["context"];
-        registeredComponents: BlockProps["registeredComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BlockProps = typeof __propDef.props;
-export type BlockEvents = typeof __propDef.events;
-export type BlockSlots = typeof __propDef.slots;
-export default class Block extends SvelteComponentTyped<BlockProps, BlockEvents, BlockSlots> {
-}
-export {};

package/package/components/block/components/block-styles.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type BlockStylesProps = {
-    block: BuilderBlock;
-    context: BuilderContextInterface;
-};
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
-declare const __propDef: {
-    props: {
-        block: BlockStylesProps["block"];
-        context: BlockStylesProps["context"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BlockStylesProps = typeof __propDef.props;
-export type BlockStylesEvents = typeof __propDef.events;
-export type BlockStylesSlots = typeof __propDef.slots;
-export default class BlockStyles extends SvelteComponentTyped<BlockStylesProps, BlockStylesEvents, BlockStylesSlots> {
-}
-export {};

package/package/components/block/components/block-wrapper.svelte.d.ts

@@ -1,33 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */ type BlockWrapperProps = {
-    Wrapper: string;
-    block: BuilderBlock;
-    context: Writable<BuilderContextInterface>;
-    hasChildren: boolean;
-};
-import type { PropsWithChildren } from "../../../types/typescript.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        Wrapper: PropsWithChildren<BlockWrapperProps>["Wrapper"];
-        block: PropsWithChildren<BlockWrapperProps>["block"];
-        context: PropsWithChildren<BlockWrapperProps>["context"];
-        hasChildren: PropsWithChildren<BlockWrapperProps>["hasChildren"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type BlockWrapperProps = typeof __propDef.props;
-export type BlockWrapperEvents = typeof __propDef.events;
-export type BlockWrapperSlots = typeof __propDef.slots;
-export default class BlockWrapper extends SvelteComponentTyped<BlockWrapperProps, BlockWrapperEvents, BlockWrapperSlots> {
-}
-export {};

package/package/components/block/components/component-ref/component-ref.svelte

@@ -1,37 +0,0 @@
-<script>import BlockStyles from "../block-styles.svelte";
-import Block from "../../block.svelte";
-import InteractiveElement from "../interactive-element.svelte";
-import { getWrapperProps } from "./component-ref.helpers.js";
-export let isInteractive;
-export let componentRef;
-export let componentOptions;
-export let builderBlock;
-export let context;
-export let includeBlockProps;
-export let blockChildren;
-export let registeredComponents;
-let Wrapper = isInteractive ? InteractiveElement : componentRef;
-</script>
-
-{#if componentRef}
-  <svelte:component
-    this={Wrapper}
-    {...getWrapperProps({
-      componentOptions: componentOptions,
-      builderBlock: builderBlock,
-      context: context,
-      componentRef: componentRef,
-      includeBlockProps: includeBlockProps,
-      isInteractive: isInteractive,
-      contextValue: $context,
-    })}
-  >
-    {#each blockChildren as child ("block-" + child.id)}
-      <Block block={child} {context} {registeredComponents} />
-    {/each}
-
-    {#each blockChildren as child ("block-style-" + child.id)}
-      <BlockStyles block={child} context={$context} />
-    {/each}
-  </svelte:component>
-{/if}

package/package/components/block/components/component-ref/component-ref.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ComponentProps } from "./component-ref.helpers.js";
-declare const __propDef: {
-    props: {
-        isInteractive: ComponentProps["isInteractive"];
-        componentRef: ComponentProps["componentRef"];
-        componentOptions: ComponentProps["componentOptions"];
-        builderBlock: ComponentProps["builderBlock"];
-        context: ComponentProps["context"];
-        includeBlockProps: ComponentProps["includeBlockProps"];
-        blockChildren: ComponentProps["blockChildren"];
-        registeredComponents: ComponentProps["registeredComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ComponentRefProps = typeof __propDef.props;
-export type ComponentRefEvents = typeof __propDef.events;
-export type ComponentRefSlots = typeof __propDef.slots;
-export default class ComponentRef extends SvelteComponentTyped<ComponentRefProps, ComponentRefEvents, ComponentRefSlots> {
-}
-export {};

package/package/components/block/components/interactive-element.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type InteractiveElementProps = {
-    Wrapper: any;
-    block: BuilderBlock;
-    context: Writable<BuilderContextInterface>;
-    wrapperProps: object;
-};
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
-import type { PropsWithChildren } from "../../../types/typescript.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        Wrapper: PropsWithChildren<InteractiveElementProps>["Wrapper"];
-        wrapperProps: PropsWithChildren<InteractiveElementProps>["wrapperProps"];
-        block: PropsWithChildren<InteractiveElementProps>["block"];
-        context: PropsWithChildren<InteractiveElementProps>["context"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type InteractiveElementProps = typeof __propDef.props;
-export type InteractiveElementEvents = typeof __propDef.events;
-export type InteractiveElementSlots = typeof __propDef.slots;
-export default class InteractiveElement extends SvelteComponentTyped<InteractiveElementProps, InteractiveElementEvents, InteractiveElementSlots> {
-}
-export {};

package/package/components/block/components/repeated-block.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type Props = {
-    block: BuilderBlock;
-    repeatContext: BuilderContextInterface;
-    registeredComponents: RegisteredComponents;
-};
-import type { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
-declare const __propDef: {
-    props: {
-        repeatContext: Props["repeatContext"];
-        block: Props["block"];
-        registeredComponents: Props["registeredComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RepeatedBlockProps = typeof __propDef.props;
-export type RepeatedBlockEvents = typeof __propDef.events;
-export type RepeatedBlockSlots = typeof __propDef.slots;
-export default class RepeatedBlock extends SvelteComponentTyped<RepeatedBlockProps, RepeatedBlockEvents, RepeatedBlockSlots> {
-}
-export {};

package/package/components/blocks/blocks-wrapper.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type BlocksWrapperProps = {
-    blocks: BuilderBlock[] | undefined;
-    parent: string | undefined;
-    path: string | undefined;
-    styleProp: Record<string, any> | undefined;
-};
-import type { BuilderBlock } from "../../types/builder-block.js";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        blocks: PropsWithChildren<BlocksWrapperProps>["blocks"];
-        parent: PropsWithChildren<BlocksWrapperProps>["parent"];
-        path: PropsWithChildren<BlocksWrapperProps>["path"];
-        styleProp: PropsWithChildren<BlocksWrapperProps>["styleProp"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type BlocksWrapperProps = typeof __propDef.props;
-export type BlocksWrapperEvents = typeof __propDef.events;
-export type BlocksWrapperSlots = typeof __propDef.slots;
-export default class BlocksWrapper extends SvelteComponentTyped<BlocksWrapperProps, BlocksWrapperEvents, BlocksWrapperSlots> {
-}
-export {};

package/package/components/blocks/blocks.svelte

@@ -1,36 +0,0 @@
-<script context="module"></script>
-
-<script>import { getContext } from "svelte";
-import BlockStyles from "../block/components/block-styles.svelte";
-import Block from "../block/block.svelte";
-import BlocksWrapper from "./blocks-wrapper.svelte";
-import BuilderContext from "../../context/builder.context.js";
-import ComponentsContext from "../../context/components.context.js";
-export let blocks;
-export let parent;
-export let path;
-export let styleProp;
-export let context;
-export let registeredComponents;
-let builderContext = getContext(BuilderContext.key);
-let componentsContext = getContext(ComponentsContext.key);
-</script>
-
-<BlocksWrapper {blocks} {parent} {path} {styleProp}>
-  {#if blocks}
-    {#each blocks as block ("render-block-" + block.id)}
-      <Block
-        {block}
-        context={context || builderContext}
-        registeredComponents={registeredComponents ||
-          componentsContext.registeredComponents}
-      />
-    {/each}
-  {/if}
-
-  {#if blocks}
-    {#each blocks as block ("block-style-" + block.id)}
-      <BlockStyles {block} context={$context || $builderContext} />
-    {/each}
-  {/if}
-</BlocksWrapper>

package/package/components/blocks/blocks.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
-    context?: Writable<BuilderContextInterface>;
-    registeredComponents?: RegisteredComponents;
-};
-import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
-import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        blocks: BlocksProps["blocks"];
-        parent: BlocksProps["parent"];
-        path: BlocksProps["path"];
-        styleProp: BlocksProps["styleProp"];
-        context: BlocksProps["context"];
-        registeredComponents: BlocksProps["registeredComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BlocksProps = typeof __propDef.props;
-export type BlocksEvents = typeof __propDef.events;
-export type BlocksSlots = typeof __propDef.slots;
-export default class Blocks extends SvelteComponentTyped<BlocksProps, BlocksEvents, BlocksSlots> {
-}
-export {};