{#each positions as position, layer} {@const { action: actionId, isApplied } = $layout[layer]?.[key.id] ?? { action: 0, isApplied: true, }} {@const { code, icon, id, display, title, keyCode, variant } = KEYMAP_CODES.get(actionId) ?? { code: actionId }} {@const dynamicMapping = keyCode && $osLayout.get(keyCode)} {@const tooltip = (title ?? id ?? `0x${code.toString(16)}`) + (variant === "left" ? " (left)" : variant === "right" ? " (right)" : "")} {@const isActive = layer === $activeLayer} {@const direction = [ Math.sign(middle[0]) * (Math.abs(middle[0]) - margin * 3) * position[0], Math.sign(middle[1]) * (Math.abs(middle[1]) - margin * 3) * position[1], ]} {@const hasIcon = !dynamicMapping && !!icon} {#if code !== 0} {dynamicMapping || icon || display || id || `0x${code.toString(16)}`} {/if} {#if !isApplied} • {/if} {/each}