ElementProvider

basic idea

gets the contents of specified global store and provides them

• as slot prop “element” to consumer (for example for ContentElement)
• additionally in ElementProvider context as {element: store}

Special: in ChatPreview and DynamicContent you can use the syntax $ElementProvider.columnKey in a blockly prop to reference a column of the element provided through ElementProvider

Source

<script>
  import { InterkitClient } from '../'
  import { setContext } from "svelte"

  export let globalStore
  let elementDetail = globalStore ? InterkitClient.getGlobalStore(globalStore) : null;

  console.log("ElementProvider providing", $elementDetail)

  // additionaly provide context
  setContext("ElementProvider", {
    element: elementDetail
  })


</script>

<slot name="consumer" element={elementDetail ? $elementDetail : undefined}/>