{#snippet WidgetSettingsLabel()}
updateProperty("settings.label", value, component, onPropertyChange)}
/>
{/snippet}
{#snippet WidgetSettingsColor()}
{
updateProperty("settings.class", twMerge(component.properties.settings.class, bgClass), component, onPropertyChange)
updateProperty("icons.class", twMerge(component.properties.icons.class, deriveIconColorClass(bgClass)), component, onPropertyChange)
}}
/>
{/snippet}
{#snippet WidgetType()}
o.value == component.properties.settings.type)}
onUpdate={(option) => {
updateProperty("settings.type", (option as UI.IOption).value as string, component, onPropertyChange)
}}
/>
{/snippet}
{#snippet WidgetSwitchCaptions()}
updateProperty("settings.switch.captionLeft", value as string, component, onPropertyChange)}
/>
updateProperty("settings.switch.captionRight", value as string, component, onPropertyChange)}
/>
{/snippet}
{#snippet WidgetUnits()}
updateProperty("settings.number.units", value, component, onPropertyChange)}
/>
{/snippet}
{#snippet WidgetSwitchingMode()}
updateProperty("icons.cycling", value, component, onPropertyChange)}
/>
{/snippet}
{#snippet WidgetIcons()}
updateProperty("icons.array", icons as string[], component, onPropertyChange),
icons: { array: ICONS_ARRAY, selectArray: true },
}}
{component}
{onPropertyChange}
/>
{/snippet}
{#if forConstructor}
{@render WidgetUnits()}
{@render WidgetIcons()}
{@render WidgetSwitchingMode()}
{@render WidgetSettingsLabel()}
{@render WidgetSettingsColor()}
{@render WidgetType()}
{#if component.properties.settings.type == "input" || component.properties.settings.type == "slider"}
{
updateProperty(`settings.${property}`, Number(value), component, onPropertyChange)
},
}}
{component}
{onPropertyChange}
/>
{:else if component.properties.settings.type == "switch"}
{@render WidgetSwitchCaptions()}
{/if}
{:else}
{@render WidgetUnits()}
{@render WidgetSettingsLabel()}
{@render WidgetIcons()}
{@render WidgetSwitchingMode()}
{@render WidgetSettingsColor()}
{@render WidgetType()}
{#if component.properties.settings.type == "input" || component.properties.settings.type == "slider"}
{
updateProperty(`settings.${property}`, Number(value), component, onPropertyChange)
},
}}
{component}
{onPropertyChange}
/>
{:else if component.properties.settings.type == "switch"}
{@render WidgetSwitchCaptions()}
{/if}
{/if}