Trim dynamic grids' collapsed extra rows/cols from the computed template

[ruggi]

Problem:

In grid templates when using repeat functions and auto-fit/auto-fill, the computed style might contain extra rows/cols, collapsed to a 0px size. Normally this is not an issue, but since for dynamic templates we display the grid wireframe based on the computed dimensions, those extra dimensions would appear visible on the canvas as zombies. This behavior of appending extra collapsed tracks is explained in https://www.w3.org/TR/css-grid-1/#repeat-notation.

Fix:

When parsing the templates, first parse the fromProps template.
Then, after parsing the computed template, if the fromProps template it contains dynamic tracks, trim any dangling collapsed elements in the computed template dimensions array.
This is not necessarily optimal (if you have an explicit 0px sized column in your template, it will be hidden from the canvas), but concretely it will do "the right thing" and you can always use the inspector to target any 0-sized cols/rows (which you would have to do anyways).

Fixes #6495

[github-actions]

Try me

[relativeci]

#14639 Bundle Size — 57.74MiB (~+0.01%).

bee4923(current) vs 916e8b9 master#14635(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14639	Baseline #14635
Initial JS	40.74MiB(~+0.01%)	40.74MiB
Initial CSS	0B	0B
Cache Invalidation	17.97%	18.24%
Chunks	21	21
Assets	23	23
Modules	4113	4113
Duplicate Modules	213	213
Duplicate Code	27.41%	27.41%
Packages	475	475
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #14639	Baseline #14635
JS	57.73MiB (~+0.01%)	57.73MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch fix/trim-dynamic-empty-grid-dims Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}