Something went wrong. Try again.
small gleam coding and persistent agent daemon with a detachable cli and a canvas ui forked from okami.mom/albedo
Something went wrong. Try again.
123456789101112131415161718192021222324<script lang="ts"> import type { Snippet } from 'svelte'; import type { ConnectorBox } from './connectorOcclusion';
let { holes, lifted = false, children }: { holes: ConnectorBox[]; lifted?: boolean; children: Snippet } = $props(); const uid = $props.id(); const FAR = 100_000;</script>
<!-- Intersect the outside of each window, rather than putting every hole in one even-odd path: overlapping windows must not cancel each other's hole. Unlike a mask, clipping also keeps invisible clickable lines from taking a window's text selection or clicks. --><defs> {#each holes as hole, index (index)} <clipPath id="{uid}-{index}" clipPathUnits="userSpaceOnUse" clip-path={index ? `url(#${uid}-${index - 1})` : undefined}> <path clip-rule="evenodd" d="M{-FAR} {-FAR}H{FAR}V{FAR}H{-FAR}Z M{hole.x} {hole.y}h{hole.width}v{hole.height}h{-hole.width}Z" /> </clipPath> {/each}</defs><g class="connector-lines" clip-path={!lifted && holes.length ? `url(#${uid}-${holes.length - 1})` : undefined}> {@render children()}</g>