{$T("constructor.props.progressbar.title")}
{
const newProgress = {
name: `Label ${component.properties?.items.length + 1}`,
class: "bg-blue",
}
const progresses = [...(component.properties?.items || []), newProgress]
updateProperty("items", progresses, component, onPropertyChange)
updateProperty(
"value",
Array.from(component.properties?.items, (x: { name?: string; class?: string }) => {
return { Name: x.name, Value: (component.properties.number.maxNum - component.properties.number.minNum) / 2 }
}),
component,
onPropertyChange,
)
}}
/>
{#each component.properties.items || [] as progress, index}
{
updateProperty("items", updatedArray, component, onPropertyChange)
}}
/>
{
const progresses = [...(component.properties?.items || [])]
progresses[index]["name"] = value
updateProperty("items", progresses, component, onPropertyChange)
}}
/>
{#if forConstructor}
option.value !== "bg-max")}
value={$optionsStore.COLOR_OPTIONS.find((c) =>
(c.value as string).includes(progress.class.split(" ").find((cls: string) => cls.startsWith("bg-"))),
)}
onUpdate={(value) => {
const progresses = [...(component.properties?.items || [])]
progresses[index]["class"] = (value as UI.IOption).value
updateProperty("items", progresses, component, onPropertyChange)
}}
/>
{:else}
{
const progresses = [
...(component.properties?.value ||
component.properties?.items.map((item: { name?: string; class?: string }, i: number) => {
return {
Name: item.name,
Value: i == index ? value : 0,
}
})),
]
progresses[index].Value = value
updateProperty("value", progresses, component, onPropertyChange)
}}
/>
{
const progresses = [...(component.properties?.items || [])]
progresses[index]["class"] = value
updateProperty("items", progresses, component, onPropertyChange)
}}
/>
{/if}
{
const progresses = [...(component.properties?.items || [])]
progresses.splice(index, 1)
updateProperty("items", progresses, component, onPropertyChange)
}}
/>
{/each}
{/snippet}
{#if forConstructor}
{@render ProgressBarType()}
{
updateProperty(property, Number(value), component, onPropertyChange)
let newValue = component.properties.value?.map((pr: UI.IReceivingDataObject) => {
return { ...pr, Value: component.properties.number.minNum + (component.properties.number.maxNum - component.properties.number.minNum) / 2 }
})
updateProperty("value", newValue, component, onPropertyChange)
},
}}
{component}
{onPropertyChange}
/>
{@render ProgressBarUnits()}
{@render ProgressBarOptions()}
{:else}
{@render ProgressBarType()}
{
updateProperty(property, Number(value), component, onPropertyChange)
let newValue = component.properties.value?.map((pr: UI.IReceivingDataObject) => {
return { ...pr, Value: component.properties.number.minNum + (component.properties.number.maxNum - component.properties.number.minNum) / 2 }
})
updateProperty("value", newValue, component, onPropertyChange)
},
}}
{component}
{onPropertyChange}
/>
{@render ProgressBarUnits()}
{@render ProgressBarOptions()}
{/if}