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

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

<IndicatorSet
  componentId={$builderStore.selectedComponentId}
  color="var(--spectrum-global-color-static-blue-600)"
  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>`
Refactor client component structure, fix select bar z index, add titles to container bar settings 2021-06-10 19:42:41 +02:00			`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}`
Update colors of selection and hover indicators in client apps 2021-07-05 10:37:06 +02:00			`color="var(--spectrum-global-color-static-blue-600)"`
Use IntersectionObservers to determine visibility of selected and hovered components 2021-06-10 16:13:51 +02:00			`zIndex="910"`
			`transition`
			`/>`