What's Changed

• Fix grid item width and height calculation for correct spacing by @gitryder in #82
• Bump vite from 5.1.3 to 5.1.7 by @dependabot in #78
• 🐚 Stop updating Grid recursively when collision=compress by @cuire in #83

New Contributors

• @gitryder made their first contribution in #82

Full Changelog: v1.2.0...v1.2.1

What's Changed

• 🖌️ Update svelte-package and other deps, format and lint by @cuire in #70
• 👹 Add gridController.compress() method and autoCompress prop by @cuire in #69

Full Changelog: v1.1.4...v1.2.0

What's Changed

• containerWidth | containerHeight strikes back by @cuire in #56

Full Changelog: v1.1.3...v1.1.4

What's Changed

• Bump get-func-name from 2.0.0 to 2.0.2 by @dependabot in #46
• Bump postcss from 8.4.18 to 8.4.31 by @dependabot in #49
• invalidate item when compressing items (fix) by @fabiot21 in #54

Full Changelog: v1.1.1...v1.1.3

What's Changed

• Remove scroll on move/resize #50
• Remove containerWidth and containerHeight #52

Full Changelog: v1.1.1...v1.1.2

What's Changed

• update grid params after gridSettings updates by @fabiot21 in #45

Full Changelog: v1.1.0...v1.1.1

What's Changed

• Pass props to GridItem default slot by @cuire in #43
• [feat] grid controller by @fabiot21 in #41

Full Changelog: https://github.com/cuire/svelte-grid-extended/compare/[email protected]

A LOT OF CHANGES 🍾

😎 New API #23

<Grid cols={10} rows={10}>
	<GridItem x={0} y={0}>Content<GridItem />
	<GridItem x={1} y={1}>Content<GridItem />
</Grid>

✏️ Easy to use Component customization

Cusomize handles with svelte slots

<script lang="ts">
	import Grid, { GridItem } from 'svelte-grid-extended';
</script>

<Grid cols={10} rows={10}>
	<GridItem x={0} y={0}>
		<div slot="moveHandle" let:moveStart>
			<div on:pointerdown={moveStart}>MOVE</div>
		</div>

		<div slot="resizeHandle" let:resizeStart>
			<div on:pointerdown={resizeStart}>Resize</div>
		</div>

		<!-- content -->
	</GridItem>
</Grid>

💖 New collision API (@fabiot21)

New collision prop controls how the grid handles collisions. There are three available options: none, push, and compress.

<Grid {itemSize} cols={10} collision="push">
	{#each items as item}
		<GridItem x={item.x} y={item.y} w={item.w} h={item.h}>
			<div class="item">{item.id}</div>
		</GridItem>
	{/each}
</Grid>

🪨 SOME SMALL IMPROVEMENTS

• Moved itemchanged and previewchanged events to <GridItem /> component.
• Tested two wa binding (that wasnt easy tbh)
• Fix bug when rows and cols were dynamically set to 0 and not asserted

💖 THANK YOU SO MUCH, EVERYONE. This release would not have been possible without you.

Full Changelog: https://github.com/cuire/svelte-grid-extended/compare/[email protected]@1.0.0

What's Changed

• Bump semver from 6.3.0 to 6.3.1 by @dependabot in #31
• Add compress prop (collision) by @fabiot21 (full changelog #35)

Full Changelog: https://github.com/cuire/svelte-grid-extended/compare/[email protected]@0.4.0

What's Changed

• add animation to non active items when collision is active by @fabiot21 in #34

New Contributors

• @fabiot21 made their first contribution in #34

Full Changelog: https://github.com/cuire/svelte-grid-extended/compare/[email protected]@0.3.2