+
+
+
+
+ {#snippet switchCtrl(sw: SwitchDef, index: number)}
+
+ 
+ Simulator
+
+
+ {status}
+
+ {sw.name}
+
+ {/snippet}
+
+ {#snippet lcdScreen()}
+ handleSwitchTrackClick(index, sw, e)}
+ onkeydown={(e) => handleSwitchKey(index, sw, e)}>
+ {#if sw.type === '3POS'}
+
+
+
+ {:else}
+
+
+ {/if}
+
+
+ handleSwitchDrag(index, sw, e)}
+ ontouchstart={(e) => handleSwitchTouchDrag(index, sw, e)}
+ >
+
+ {#key canvasKey}
+
+ {/key}
+
+ {/snippet}
+
+ {#snippet leftGimbalBlock()}
+
+ {#if (currentRadio?.trims?.length ?? 0) >= 4}
+
+ {/snippet}
+
+ {#snippet rightGimbalBlock()}
+
+
+ T3
+
+
+ {/if}
+
+
+ Left Stick
+ handleGimbalDown('left', e)}
+ ontouchstart={(e) => handleGimbalTouchStart('left', e)}
+ role="slider"
+ aria-label="Left gimbal"
+ tabindex="0"
+ aria-valuemin={-1024}
+ aria-valuemax={1024}
+ aria-valuenow={analogValues[getStickIndices().lh] ?? 0}
+ >
+
+
+
+
+ {#if (currentRadio?.trims?.length ?? 0) >= 4}
+
+
+ T4
+
+
+ {/if}
+
+
+ {/snippet}
+
+ {#snippet flexCtrl(input: InputDef, index: number)}
+ {#if input.default === 'MULTIPOS'}
+
+
+ {#if (currentRadio?.trims?.length ?? 0) >= 2}
+ Right Stick
+ handleGimbalDown('right', e)}
+ ontouchstart={(e) => handleGimbalTouchStart('right', e)}
+ role="slider"
+ aria-label="Right gimbal"
+ tabindex="0"
+ aria-valuemin={-1024}
+ aria-valuemax={1024}
+ aria-valuenow={analogValues[getStickIndices().rv] ?? 0}
+ >
+
+
+
+
+ {#if (currentRadio?.trims?.length ?? 0) >= 2}
+
+
+ T1
+
+
+ {/if}
+
+
+ T2
+
+
+ {/if}
+
+ {input.label}
+
+
+
+ {:else}
+ {@render potCtrl(input, index)}
+ {/if}
+ {/snippet}
+
+ {#snippet potsRow()}
+ {#if getPotsAndMultipos().length > 0}
+
+ {#if getCustomSwitches().length > 0}
+
+ {#each getLeftPotsAndMultipos() as { input, index }}
+ {@render flexCtrl(input, index)}
+ {/each}
+ {#each getCustomSwitches() as { sw, index: swIdx }, csIdx}
+
+ {/if}
+ {/snippet}
+
+ {#snippet customSwitchesRow()}
+ {#if getCustomSwitches().length > 0}
+
+
+ {sw.name}
+
+ {/each}
+ {#each getRightPotsAndMultipos() as { input, index }}
+ {@render flexCtrl(input, index)}
+ {/each}
+ {:else}
+
+ {#each getPotsAndMultipos() as { input, index }}
+ {@render flexCtrl(input, index)}
+ {/each}
+ {/if}
+
+ {#each getCustomSwitches() as { sw, index }, csIdx}
+
+ {/if}
+ {/snippet}
+
+ {#snippet potCtrl(input: InputDef, index: number)}
+
+
+ {sw.name}
+
+ {/each}
+
+ {input.label}
+ handlePotChange(index, e)}
+ class="pot-knob" />
+ {analogValues[index]}
+
+ {/snippet}
+
+ {#snippet keyRow()}
+ {#if currentRadio?.keys?.length}
+
+ {#each getLeftKeys() as keyDef}
+
+ {/each}
+ {#each getRightKeys() as keyDef}
+
+ {/each}
+
+ {/if}
+ {/snippet}
+
+ {#snippet extraTrims()}
+ {#if (currentRadio?.trims?.length ?? 0) > 4}
+
+ {#each (currentRadio?.trims ?? []).slice(4) as trim, i}
+
+ {/if}
+ {/snippet}
+
+
+
+ {trim.name}
+
+
+ {/each}
+
+ {#if isPortrait && currentRadio}
+
+
+
+
+
+
+
+ {#if getPotsAndMultipos().length === 0}
+ {@render customSwitchesRow()}
+ {/if}
+ {@render extraTrims()}
+
+ {:else}
+
+
+
+
+
+
+ {#each getLeftSwitches() as { sw, index }}
+ {@render switchCtrl(sw, index)}
+ {/each}
+
+ {#if getLeftPotsAndMultipos().length > 0}
+
+ {#each getLeftPotsAndMultipos() as { input, index }}
+ {@render flexCtrl(input, index)}
+ {/each}
+
+ {/if}
+ {#if getSliders().length > 0}
+
+ {/if}
+ {@render leftGimbalBlock()}
+
+ {@render lcdScreen()}
+ {@render keyRow()}
+
+
+
+
+
+
+ {#each getRightSwitches() as { sw, index }}
+ {@render switchCtrl(sw, index)}
+ {/each}
+
+ {#if getRightPotsAndMultipos().length > 0}
+
+ {#each getRightPotsAndMultipos() as { input, index }}
+ {@render flexCtrl(input, index)}
+ {/each}
+
+ {/if}
+ {#if getSliders().length > 1}
+
+ {/if}
+ {@render rightGimbalBlock()}
+
+ {#if currentRadio?.keys?.length}
+
+
+ {#if currentRadio}
+ {@render potsRow()}
+ {#if getPotsAndMultipos().length === 0}
+ {@render customSwitchesRow()}
+ {/if}
+
+
+ {#each getLeftKeys() as keyDef}
+
+ {/each}
+
+ {/if}
+ {@render lcdScreen()}
+ {#if currentRadio?.keys?.length}
+
+ {#each getRightKeys() as keyDef}
+
+ {/each}
+
+ {/if}
+
+
+
+ {@render extraTrims()}
+ {/if}
+ {/if}
+
+ {#each getLeftSwitches() as { sw, index }}
+ {@render switchCtrl(sw, index)}
+ {/each}
+
+
+ {#if getSliders().length > 0}
+
+ {/if}
+
+ {@render leftGimbalBlock()}
+ {@render rightGimbalBlock()}
+
+ {#if getSliders().length > 1}
+
+ {/if}
+
+
+ {#each getRightSwitches() as { sw, index }}
+ {@render switchCtrl(sw, index)}
+ {/each}
+
+
+
+Trace output{#if running}{fps} fps{/if}
+{traceLog}
+