{#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()}

{$T("constructor.props.bits.title")}

{#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}

{#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={$optionsStore.COLOR_OPTIONS.find((c) => (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) }} /> { const options = [...(component.properties?.options || [])] options[index]["disabled"] = value updateProperty("options", options, component, onPropertyChange) }} /> { const options = [...(component.properties?.options || [])] options.splice(index, 1) updateProperty("options", options, component, onPropertyChange) }} />

{/each}

{/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}