updateProperty("number.units", value, component, onPropertyChange)} /> {/snippet} {#snippet ProgressBarOptions()} {#snippet main()} {#snippet headerActions()} { 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, ) }} /> {/snippet}

{#each component.properties.items || [] as progress, index}

{ updateProperty("items", updatedArray, component, onPropertyChange) }} />

{ const progresses = (component.properties?.items || []).map((p: { name?: string; class?: string }, i: number) => i === index ? { ...p, name: value } : p, ) updateProperty("items", progresses, component, onPropertyChange) }} /> {#if forConstructor} option.value !== "bg-max")} value={findColorOption($optionsStore.COLOR_OPTIONS, progress.class)} onUpdate={(value) => { const progresses = (component.properties?.items || []).map((p: { name?: string; class?: string }, i: number) => i === index ? { ...p, class: (value as UI.IOption).value } : p, ) updateProperty("items", progresses, component, onPropertyChange) }} /> {:else} { const base = component.properties?.value || component.properties?.items.map((item: { name?: string; class?: string }, i: number) => ({ Name: item.name, Value: i == index ? value : 0, })) const progresses = base.map((p: { Name?: string; Value?: number }, i: number) => (i === index ? { ...p, Value: value } : p)) 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} {/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 ProgressBarOptions()} {/if}