{#each widgets as component, index} {@const checkboxInput = narrowWidgetProps(component.props, "CheckboxInput")} {#if checkboxInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const colorInput = narrowWidgetProps(component.props, "ColorButton")} {#if colorInput} widgetValueUpdate(index, detail)} on:startHistoryTransaction={() => widgetValueCommit(index, colorInput.value)} /> {/if} {@const curvesInput = narrowWidgetProps(component.props, "CurveInput")} {#if curvesInput} debouncer((value) => widgetValueCommitAndUpdate(index, value), { debounceTime: 120 }).debounceUpdateValue(detail)} /> {/if} {@const dropdownInput = narrowWidgetProps(component.props, "DropdownInput")} {#if dropdownInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const fontInput = narrowWidgetProps(component.props, "FontInput")} {#if fontInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const parameterExposeButton = narrowWidgetProps(component.props, "ParameterExposeButton")} {#if parameterExposeButton} widgetValueCommitAndUpdate(index, undefined)} /> {/if} {@const iconButton = narrowWidgetProps(component.props, "IconButton")} {#if iconButton} widgetValueCommitAndUpdate(index, undefined)} /> {/if} {@const iconLabel = narrowWidgetProps(component.props, "IconLabel")} {#if iconLabel} {/if} {@const imageLabel = narrowWidgetProps(component.props, "ImageLabel")} {#if imageLabel} {/if} {@const numberInput = narrowWidgetProps(component.props, "NumberInput")} {#if numberInput} debouncer((value) => widgetValueUpdate(index, value)).debounceUpdateValue(detail)} on:startHistoryTransaction={() => widgetValueCommit(index, numberInput.value)} incrementCallbackIncrease={() => widgetValueCommitAndUpdate(index, "Increment")} incrementCallbackDecrease={() => widgetValueCommitAndUpdate(index, "Decrement")} /> {/if} {@const pivotInput = narrowWidgetProps(component.props, "PivotInput")} {#if pivotInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const popoverButton = narrowWidgetProps(component.props, "PopoverButton")} {#if popoverButton} {popoverButton.header} {#if popoverButton.optionsWidget?.length} {:else} {popoverButton.text} {/if} {/if} {@const radioInput = narrowWidgetProps(component.props, "RadioInput")} {#if radioInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const separator = narrowWidgetProps(component.props, "Separator")} {#if separator} {/if} {@const workingColorsInput = narrowWidgetProps(component.props, "WorkingColorsInput")} {#if workingColorsInput} {/if} {@const textAreaInput = narrowWidgetProps(component.props, "TextAreaInput")} {#if textAreaInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const textButton = narrowWidgetProps(component.props, "TextButton")} {#if textButton} widgetValueCommitAndUpdate(index, undefined)} /> {/if} {@const breadcrumbTrailButtons = narrowWidgetProps(component.props, "BreadcrumbTrailButtons")} {#if breadcrumbTrailButtons} widgetValueCommitAndUpdate(index, index)} /> {/if} {@const textInput = narrowWidgetProps(component.props, "TextInput")} {#if textInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const textLabel = narrowWidgetProps(component.props, "TextLabel")} {#if textLabel} {textLabel.value} {/if} {/each}