{#snippet SwitchType()} (component.properties.bitMode && o.value == "checkbox" ? { ...o, disabled: true } : o))} value={$optionsStore.SWITCH_OPTIONS.find((option) => option.value == component.properties.type)} onUpdate={(option) => updateProperty("type", (option as UI.IOption).value as string, component, onPropertyChange)} /> {/snippet} {#snippet SwitchCaptions()} {#if component.properties.type == "horizontal"} updateProperty("label.captionLeft", value as string, component, onPropertyChange)} /> updateProperty("label.captionRight", value as string, component, onPropertyChange)} /> {/if} {/snippet} {#snippet SwitchDisabled()} { const options = [...(component.properties?.options || [])] options[0]["disabled"] = value updateProperty("options", options, component, onPropertyChange) }} /> {/snippet} {#snippet SwitchBitmode()} { updateProperty("bitMode", value, component, onPropertyChange) updateProperty("value", 0, component, onPropertyChange) // if (!component.properties.bitMode) updateProperty("value", 0, component, onPropertyChange) }} /> {/snippet} {#snippet SwitchOptions()} {#snippet main()} {#snippet headerActions()} {#if component.properties.options.length < 32} { const newOption: IOption = { id: crypto.randomUUID(), name: component.properties?.options.length, value: component.properties?.options.length, class: "bg-blue", } const options = [...(component.properties?.options || []), newOption] updateProperty("options", options, component, onPropertyChange) }} /> {/if} {/snippet} {#each component.properties.options || [] as option, index (option.id)}
{ 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) }} /> option.value !== "bg-max" && option.value !== "bg-gray")} value={findColorOption($optionsStore.COLOR_OPTIONS, option.class)} onUpdate={(option) => { const options = [...(component.properties?.options || [])] options[index]["class"] = (option as UI.IOption).value updateProperty("options", options, component, onPropertyChange) }} /> { const options = [...(component.properties?.options || [])] options[index]["disabled"] = value updateProperty("options", options, component, onPropertyChange) }} />
{#if (component.properties.options?.length ?? 0) > 1} { const options = [...(component.properties?.options || [])] options.splice(index, 1) updateProperty("options", options, component, onPropertyChange) }} /> {/if}
{/each} {/snippet} {/snippet} {#snippet SwitchHeight()} updateProperty("height", value as string, component, onPropertyChange)} /> {/snippet} {#snippet SwitchValue()} updateProperty("value", value as number, component, onPropertyChange)} /> {/snippet} {#if forConstructor}
{@render SwitchType()} {#if !component.properties.bitMode} {@render SwitchCaptions()} {@render SwitchDisabled()} {/if} {#if !component.properties.bitMode} { const options = [...(component.properties?.options || [])] options[0]["class"] = (option as UI.IOption).value updateProperty("options", options, component, onPropertyChange) }, }} {component} {onPropertyChange} /> {/if} {#if component.properties.type != "checkbox"} {@render SwitchBitmode()} {/if}
{#if component.properties.bitMode} {@render SwitchOptions()} {/if} {:else}
{#if !component.properties.bitMode} { const options = [...(component.properties?.options || [])] options[0]["class"] = (option as UI.IOption).value updateProperty("options", options, component, onPropertyChange) }, }} {component} {onPropertyChange} /> {/if} {@render SwitchType()} {#if !component.properties.bitMode} {@render SwitchCaptions()} {/if} {@render SwitchHeight()} {@render SwitchValue()} {#if !component.properties.bitMode} {@render SwitchDisabled()} {/if} {#if component.properties.type != "checkbox"} {@render SwitchBitmode()} {/if}
{#if component.properties.bitMode} {@render SwitchOptions()} {/if} {/if}