{$T("constructor.props.options.title")}
{
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)
}}
/>
{#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}
(c.value as string).includes(option.class.split(" ").find((cls: string) => cls.startsWith("bg-"))))}
onUpdate={(option) => {
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}
{#if forConstructor}
{@render SelectArgument()}
{@render SelectType()}
{@render SelectValueType()}
{@render SelectSettings()}
{@render SelectOptions()}
{:else}