examples/rendering-test.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>🌻 Rendering Test - Sequential Workflow Designer</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<link rel="icon" href="./assets/favicon.ico">

	<link rel="stylesheet" href="./assets/common.css">
	<style>
		html, body {width: 100vw; height: 100vh; overflow: hidden;}
		body {display: flex; flex-direction: column;}
		#designer {flex: 1;}

		.sqd-editor {padding: 10px;}
	</style>
</head>
<body>
	<header class="title-bar">
		<div class="column flex-1 hidden-mobile">
			<h1>🌻 Rendering Test Example</h1>
		</div>

		<div class="column">
			Test case:
			<select id="testCases"></select>
		</div>

		<div class="column text-end flex-1">
			<a href="https://github.com/nocode-js/sequential-workflow-designer" target="_blank">GitHub</a>
		</div>
	</header>

	<div id="designer"></div>

	<script src="./assets/lib.js"></script>
	<script src="./assets/rendering-test.js"></script>
</body>
</html>