Styles
Positioning
{#each Object.entries(layouts) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('layout', key, _value)}
values={layout[key] || newValue(meta.length)}
{meta}
{size}
type="text" />
{/each}
Positioning
{#each Object.entries(positions) as [key, [name, meta, size]] (component._id + key)}
{name}:
onStyleChanged('position', key, _value)}
values={layout[key] || newValue(meta.length)}
{meta}
{size} />
{/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} />
{/each}
Z-Index
{#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}