{#snippet SelectArgument()} onPropertyChange({ eventHandler: { Argument: value as string } })} /> {/snippet} {#snippet SelectContentAlign()} updateProperty("componentClass", twMerge(component.properties.componentClass, (option as UI.IOption).value), component, onPropertyChange)} /> {/snippet} {#snippet SelectType()} { if ((option as UI.IOption).value !== "buttons" && Array.isArray(component.properties.value)) updateProperty("value", component.properties.value[0], component, onPropertyChange) updateProperty("type", (option as UI.IOption).value as string, component, onPropertyChange) }} /> {/snippet} {#snippet SelectValueType()} { currentValueType = value as ValueTypeOption const options = [...(component.properties?.options || [])] const newType = !Array.isArray(value) ? value.value : value[0].value options.forEach((option) => { if (newType === "number") option.value = option.value !== undefined ? Number(option.value) : 0 else option.value = option.value !== undefined ? String(option.value) : "" }) updateProperty("options", options, component, onPropertyChange) }} /> {/snippet} {#snippet SelectSettings()} { updateProperty("bitMode", value, component, onPropertyChange) const options = [...(component.properties?.options || [])] const maxNumber = Math.pow(2, component.properties.range.end - component.properties.range.start + 1) - 1 options.forEach((option) => { option.value = option.value !== undefined && option.value > 0 ? (option.value > maxNumber ? maxNumber : Number(option.value)) : 0 }) updateProperty("options", options, component, onPropertyChange) }} /> {#if component.properties.type === "buttons" && !component.properties.bitMode} { updateProperty("multiSelect", value, component, onPropertyChange) }} /> {/if} {#if component.properties.bitMode} { if (Array.isArray(value)) { updateProperty("range.start", value[0] as number, component, onPropertyChange) updateProperty("range.end", value[1] as number, component, onPropertyChange) } }} /> {/if} {/snippet} {#snippet SelectOptions()} {#snippet main()} {#snippet headerActions()} { const newOption: IOption = { id: crypto.randomUUID(), name: `Option ${component.properties?.options.length + 1}`, value: component.properties?.options.length + 1, class: "bg-max", } const options = [...(component.properties?.options || []), newOption] updateProperty("options", options, component, onPropertyChange) }} /> {/snippet}
{#each component.properties.options || [] as option, index (option.id)}
{ updateProperty("options", updatedArray, component, onPropertyChange) }} />
{ const options = [...(component.properties?.options || [])] options[index]["name"] = value updateProperty("options", options, component, onPropertyChange) }} /> { const options = [...(component.properties?.options || [])] options[index]["value"] = value updateProperty("options", options, component, onPropertyChange) }} /> {#if forConstructor} { const options = [...(component.properties?.options || [])] options[index]["class"] = (option as UI.IOption).value updateProperty("options", options, component, onPropertyChange) }} /> {:else} { const options = [...(component.properties?.options || [])] options[index]["class"] = value as string updateProperty("options", options, component, onPropertyChange) }} /> {/if}
{ const options = [...(component.properties?.options || [])] options.splice(index, 1) updateProperty("options", options, component, onPropertyChange) }} />
{/each}
{/snippet} {/snippet} {#if forConstructor}
{@render SelectArgument()} {@render SelectType()} {@render SelectValueType()} {@render SelectContentAlign()} {@render SelectSettings()}
{@render SelectOptions()} {:else}
{@render SelectContentAlign()} {@render SelectType()} {@render SelectValueType()} {@render SelectSettings()}
{@render SelectOptions()} {/if}