Layout
{#each Object.entries(display) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('layout', key, _value)}
values={layout[key] || newValue(meta.length)}
propertyName={name}
{meta}
{size}
type="text" />
{/each}
Spacing
{#each Object.entries(spacing) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('position', key, _value)}
values={layout[key] || newValue(meta.length)}
{meta}
{size}
type="text" />
{/each}
Size
{#each Object.entries(size) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('position', key, _value)}
values={layout[key] || newValue(meta.length)}
type="text"
{meta}
{size} />
{/each}
Order
{#each Object.entries(zindex) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('position', key, _value)}
values={layout[key] || newValue(meta.length)}
{meta}
{size} />
{/each}