From dccb6fbbd93bd0aa5021b6ea9c62798b2295790e Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Mon, 20 Dec 2021 15:45:22 -0800
Subject: [PATCH] Implement initial Render component

This supports everything except the RenderStrategy/hidden/unmount type stuff, while I'll add in a later commit.
---
 src/lib/utils/Render.svelte | 41 +++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/src/lib/utils/Render.svelte b/src/lib/utils/Render.svelte
index 23e0d96..bc8a52b 100644
--- a/src/lib/utils/Render.svelte
+++ b/src/lib/utils/Render.svelte
@@ -1,6 +1,47 @@
 <script lang="ts" context="module">
+  import {
+    getElementComponent,
+    SupportedElement,
+  } from "$lib/internal/elements";
+  import { get_current_component, SvelteComponent } from "svelte/internal";
+
   export enum RenderStrategy {
     Unmount,
     Hidden,
   }
 </script>
+
+<script lang="ts">
+  import type { ActionArray } from "$lib/hooks/use-actions";
+  import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
+
+  export let name: string;
+  export let as: SvelteComponent | SupportedElement;
+  export let el: HTMLElement | null = null;
+  export let use: ActionArray = [];
+  export let slot: unknown = {};
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+
+  if (!as) {
+    throw new Error(`<${name}> did not provide an \`as\` value to <Render>`);
+  }
+
+  let element = typeof as === "string" ? getElementComponent(as) : as;
+  if (!element) {
+    throw new Error(
+      `<${name}> has an invalid or unsupported \`as\` prop: ${as}`
+    );
+  }
+
+  $: classStyle = $$props.class;
+</script>
+
+<svelte:component
+  this={element}
+  bind:el
+  use={[...use, forwardEvents]}
+  {...$$restProps}
+  class={typeof classStyle === "function" ? classStyle(slot) : classStyle}
+>
+  <slot />
+</svelte:component>