{
	list: {
		mode: <"horizontal" ou "vertical">,
		cols: <nombre de colonnes>,
		rows: <nombre de lignes>,
		width: <largeur de la liste : valeur en pixels "Xpx" ou en pourcentage "X%", "content" ou "max-content">
		height: <hauteur de la liste : valeur en pixels "Xpx" ou en pourcentage "X%", "content" ou "max-content">
		gap: <espace entre les options : valeur entière en pixels>
	},
	option: {
		width: <largeur d'une option, exclusion faite de sa bordure : valeur entière en pixels, "content", "track" ou "list">,
		height: <hauteur d'une option, exclusion faite de sa bordure : valeur entière en pixels, "content", "track" ou "list">
	},
	scrollbar: {
		width: <largeur d'une scrollbar verticale : valeur entière en pixels, par défaut DEFAULT_SCROLLBAR_WIDTH>
		height: <hauteur d'une scrollbar horizontale : valeur entière en pixels, par défaut DEFAULT_SCROLLBAR_HEIGHT>
	}
}

• Largeur d'une option :

  (valeur)	Largeur (valeur) en pixels
  content	Largeur de son contenu
  track	Largeur de la plus large des options de sa colonne
  list	***** Uniquement si la largeur de la liste est (valeur), sinon cette dernière est forcée à DEFAULT_LIST_WIDTH ***** ***** Dans une liste à scrolling vertical, ne fait sens que si la liste ne contient qu'une colonne ***** Largeur de la liste

• Hauteur d'une option :

  (valeur)	Hauteur (valeur) en pixels
  content	Hauteur de son contenu
  track	Hauteur de la plus haute des options de sa ligne
  list	***** Uniquement si la hauteur de la liste est (valeur), sinon cette dernière est forcée à DEFAULT_LIST_WIDTH ***** ***** Dans une liste à scrolling horizontal, ne fait sens que si la liste ne contient qu'une ligne ***** Largeur de la liste

• Largeur de la liste :

  (valeur)	Largeur (valeur) en pixels
  content	***** Uniquement si la largeur d'option est (valeur), sinon la largeur de la liste est forcée à DEFAULT_LIST_WIDTH ***** Nombre de colonnes * Largeur (valeur) d'une option
  max-content	(Nombre de colonnes * Largeur de la plus large de toutes les options) + Largeur de la scrollbar

• Hauteur de la liste :

  (valeur)	Hauteur (valeur) en pixels
  content	***** Uniquement si la hauteur d'option est (valeur) sinon la hauteur de la liste est forcée à DEFAULT_LIST_HEIGHT ***** Nombre de lignes * Hauteur (valeur) d'une option
  max-content	(Nombre de lignes * Hauteur de la plus haute de toutes les options) + Hauteur de la scrollbar

.layout {
	.list {
		.mode: "vertical",
		.cols: 1,
		.rows: <nombre de lignes d'options>,
		.width: "100%",	// ou une valeur "px"
		.height: "max-content"
	}
	.option {
		.width: "list",
		.height: "content"
	}
}

<div data-id="$applet">
	...
</div>

<!-- D'abord, il faut contraindre les dimensions des lignes et des colonnes de la grille non seulement par grid-template-columns mais aussi par grid-template-rows, sinon la hauteur de la grille correspondra à laquelle des hauteurs de l'applet et de la zone de drop est la plus grande, ce qui laissera à l'applet la liberté de s'étendre en hauteur, rendant impossible l'utilisation d'une (valeur) en pourcentage pour .layout.list.height -->

<div style="display:grid;grid-template-columns:repeat(2,200px);gap:5px;grid-template-rows:400px">

	<!-- Ensuite, il faut introduire un élément auquel $applet va être rattaché. Pour indiquer que $applet doit recouvrir toute la surface de la cellule de la grille qui contient cet élément, il faut que ce dernier recouvre toute cette surface. De plus, tout comme les dimensions de cet élément sont contraintes par celui qui le contient, il faut contraindre celles du contenu de cet élément aux dimensions de cet élément. Cet élément étant un <div> comme celui qui le contient, le même problème appelle la même solution : il faut que cet élément soit une grille avec grid-template-columns:100% et grid-template-rows:100% -->

	<div data-id="$list" style="display:grid;grid-template-columns:100%;grid-template-rows:100%"></div>
		<div id="$applet">

			<!-- Le template de la liste se trouvera dans le shadow DOM de $applet -->

		</div>
	</div>
	<div data-id="$drop" style="background-color:green;height:100%"></div>
</div>

{
	.background: <valeur CSS>
}

{
	border: {
		radius: <valeur CSS>,
		thickness: <valeur CSS>,
		style: <valeur CSS>,
		color: <valeur CSS>
	},
	background: <valeur CSS>,
	focused: {
		border: {
			style: <valeur CSS>,
			color: <valeur CSS>
		}
	},
	hovered: {
		background: <valeur CSS>
	},
	selected: {
		background: <valeur CSS>
	}
}