trellis-touch.svelte (1195B)
1 <script lang="ts"> 2 import type { ITrellisBasisTouch } from "$lib/types/components/trellis"; 3 import type { ThemeLayer } from "@radroots/themes"; 4 import TrellisEnd from "./trellis-end.svelte"; 5 import TrellisLine from "./trellis-line.svelte"; 6 import TrellisRowDisplayValue from "./trellis-row-display-value.svelte"; 7 import TrellisRowLabel from "./trellis-row-label.svelte"; 8 9 let { 10 basis, 11 layer, 12 hide_active, 13 hide_border_b, 14 hide_border_t, 15 }: { 16 basis: ITrellisBasisTouch; 17 layer: ThemeLayer; 18 hide_active: boolean; 19 hide_border_b: boolean; 20 hide_border_t: boolean; 21 } = $props(); 22 </script> 23 24 <TrellisLine {layer} {hide_border_b} {hide_border_t} callback={basis.callback}> 25 <TrellisRowLabel basis={basis.label} {layer} {hide_active} /> 26 {#if basis.display} 27 <TrellisRowDisplayValue 28 basis={{ 29 ...basis.display, 30 }} 31 {layer} 32 {hide_active} 33 /> 34 {/if} 35 {#snippet el_end()} 36 {#if basis.end} 37 <TrellisEnd basis={basis.end} {layer} {hide_active} /> 38 {/if} 39 {/snippet} 40 </TrellisLine>