{#snippet ButtonHeaderArgument()} onPropertyChange({ eventHandler: { Header: (option as IOption).value as string } })} /> onPropertyChange({ eventHandler: { Argument: value as string } })} /> {/snippet} {#snippet ButtonVariables()} {#if component.eventHandler.Argument !== "ModCfg" || Header.value === "SET"} onPropertyChange({ eventHandler: { Value: value as string } })} /> {/if} onPropertyChange({ eventHandler: { Variables: (value as string).trim().split(/\s+/) } })} /> {/snippet} {#snippet ButtonName()} updateIconProperty("content.name", value as string)} /> {/snippet} {#snippet ButtonHeight()} {#if !(!component.properties.content.name?.trim() && component.properties.content.icon)} updateProperty("componentClass", twMerge(component.properties.componentClass, (option as IOption).value), component, onPropertyChange)} /> {/if} {/snippet} {#snippet ButtonInfo()} updateProperty("content.info.text", value as string, component, onPropertyChange)} /> {/snippet} {#snippet ButtonInfoSide()} h.value === component.properties.content.info.side)} onUpdate={(option) => updateProperty("content.info.side", (option as IOption).value as string, component, onPropertyChange)} /> {/snippet} {#snippet ButtonComponentClass()} updateProperty("componentClass", value as string, component, onPropertyChange)} /> {/snippet} {#snippet ButtonColors()}

) => updateButtonColor(option), }} {component} {onPropertyChange} />

{/snippet} {#if forConstructor}

{@render ButtonHeaderArgument()}

{@render ButtonVariables()} {@render ButtonColors()}

{@render ButtonName()} updateIconProperty("content.icon", icon as string), icons: { array: ICONS }, }} {component} {onPropertyChange} /> {@render ButtonHeight()}

{:else}

{@render ButtonName()} {@render ButtonInfo()} {@render ButtonInfoSide()}

{@render ButtonComponentClass()} {@render ButtonColors()} updateIconProperty("content.icon", icon as string), icons: { array: ICONS }, }} {component} {onPropertyChange} />

{/if}