{#each widgets as component, index} {@const checkboxInput = narrowWidgetProps(component.props, "CheckboxInput")} {#if checkboxInput} updateLayout(index, detail)} /> {/if} {@const colorInput = narrowWidgetProps(component.props, "ColorButton")} {#if colorInput} updateLayout(index, detail)} /> {/if} {@const curvesInput = narrowWidgetProps(component.props, "CurveInput")} {#if curvesInput} debouncer((value) => updateLayout(index, value), { debounceTime: 120 }).debounceUpdateValue(detail)} /> {/if} {@const dropdownInput = narrowWidgetProps(component.props, "DropdownInput")} {#if dropdownInput} updateLayout(index, detail)} /> {/if} {@const fontInput = narrowWidgetProps(component.props, "FontInput")} {#if fontInput} updateLayout(index, detail)} /> {/if} {@const parameterExposeButton = narrowWidgetProps(component.props, "ParameterExposeButton")} {#if parameterExposeButton} updateLayout(index, undefined)} /> {/if} {@const iconButton = narrowWidgetProps(component.props, "IconButton")} {#if iconButton} updateLayout(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) => updateLayout(index, value)).debounceUpdateValue(detail)} incrementCallbackIncrease={() => updateLayout(index, "Increment")} incrementCallbackDecrease={() => updateLayout(index, "Decrement")} /> {/if} {@const pivotInput = narrowWidgetProps(component.props, "PivotInput")} {#if pivotInput} updateLayout(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} updateLayout(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} updateLayout(index, detail)} /> {/if} {@const textButton = narrowWidgetProps(component.props, "TextButton")} {#if textButton} updateLayout(index, undefined)} /> {/if} {@const breadcrumbTrailButtons = narrowWidgetProps(component.props, "BreadcrumbTrailButtons")} {#if breadcrumbTrailButtons} updateLayout(index, index)} /> {/if} {@const textInput = narrowWidgetProps(component.props, "TextInput")} {#if textInput} updateLayout(index, detail)} /> {/if} {@const textLabel = narrowWidgetProps(component.props, "TextLabel")} {#if textLabel} {textLabel.value} {/if} {/each}