budibase/packages/client/src/components/SelectionIndicator.svelte

<script>
  import { builderStore } from "../store"
  import IndicatorSet from "./IndicatorSet.svelte"
</script>

<IndicatorSet
  componentId={$builderStore.selectedComponentId}
  color="rgb(66, 133, 244)"
  zIndex="910"
  transition
/>
Render builder preview selection indicators via top level component instead of via styleable healper. Add indiciator on hover and add name to indicator 2021-06-08 15:19:03 +02:00			`<script>`
			`import { builderStore } from "../store"`
Use IntersectionObservers to determine visibility of selected and hovered components 2021-06-10 16:13:51 +02:00			`import IndicatorSet from "./IndicatorSet.svelte"`
Render builder preview selection indicators via top level component instead of via styleable healper. Add indiciator on hover and add name to indicator 2021-06-08 15:19:03 +02:00			`</script>`

Use IntersectionObservers to determine visibility of selected and hovered components 2021-06-10 16:13:51 +02:00			`<IndicatorSet`
			`componentId={$builderStore.selectedComponentId}`
			`color="rgb(66, 133, 244)"`
			`zIndex="910"`
			`transition`
			`/>`