{#each widgets as component, index} {@const checkboxInput = narrowWidgetProps(component.props, "CheckboxInput")} {#if checkboxInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const colorInput = narrowWidgetProps(component.props, "ColorInput")} {#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} { return widgetValueUpdate(index, detail); }} on:hoverOutEntry={({ detail }) => { return widgetValueUpdate(index, detail); }} on:selectedIndex={({ detail }) => 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 imageButton = narrowWidgetProps(component.props, "ImageButton")} {#if imageButton} widgetValueCommitAndUpdate(index, undefined)} /> {/if} {@const nodeCatalog = narrowWidgetProps(component.props, "NodeCatalog")} {#if nodeCatalog} widgetValueCommitAndUpdate(index, e.detail)} /> {/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 referencePointInput = narrowWidgetProps(component.props, "ReferencePointInput")} {#if referencePointInput} widgetValueCommitAndUpdate(index, detail)} /> {/if} {@const popoverButton = narrowWidgetProps(component.props, "PopoverButton")} {#if popoverButton} {/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, breadcrumbIndex)} /> {/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}