<?= VV::include("modules/snippet/Snippet.php") ?>
<?php // General information ?>
<section class="md">
	<container>
		<p>(Vegvisir 3)</p>
		<h1><code>vegvisir.Navigation.POSITION</code></h1>
		<p>Change where content should be placed when <a href=""><code>.navigate()</code></a> is used.</p>
	</container>
</section>
<section class="md">
	<container>
		<h1>Description</h1>
		<?= Snippet::put("docs/API/JS/Navigation/POSITION/description", Snippet::JAVASCRIPT) ?>
	</container>
</section>

<?php // Method parameters ?>
<section class="md">
	<container>
		<h2>Values</h2>
		<p>The effect of <code>Navigation.POSITION</code> depend on the <a href=""><code>Navigation.MODE</code></a> used for the current navigation.</p>
		<p>The default <code>Navigation.POSITION</code> for <a href=""><code>.navigate()</code></a> is <a href=""><code>beforeend</code></a> and the default mode is <a href=""><code>replace</code></a>.</p>
	</container>
</section>
<section class="md inset">
	<container>
		<h3><code>afterend</code></h3>
		<ul>
			<li><p>Mode: <code>replace</code> = Replace the <a href=""><code>target</code></a> element itself.</li>
			<li><p>Mode: <code>insert</code> = Append after the <a href=""><code>target</code></a> element itself.</p></li>
		</ul>
	</container>
</section>
<section class="md inset">
	<container>
		<h3><code>beforeend</code></h3>
		<p>This is the default position for <a href=""><code>.navigate()</code></a>.</p>
		<ul>
			<li><p>Mode: <code>replace</code> = Replace the inner contents of the <a href=""><code>target</code></a> element.</li>
			<li><p>Mode: <code>insert</code> = Append just inside the <a href=""><code>target</code></a> element, after its last child.</p></li>
		</ul>
	</container>
</section>
<section class="md inset">
	<container>
		<h3><code>afterbegin</code></h3>
		<ul>
			<li><p>Mode: <code>replace</code> = Replace the inner contents of the <a href=""><code>target</code></a> element.</li>
			<li><p>Mode: <code>insert</code> = Prepend just inside the <a href=""><code>target</code></a> element, before its first child.</p></li>
		</ul>
	</container>
</section>
<section class="md inset">
	<container>
		<h3><code>beforebegin</code></h3>
		<ul>
			<li><p>Mode: <code>replace</code> = Replace the <a href=""><code>target</code></a> element itself.</p></li>
			<li><p>Mode: <code>insert</code> = Prepend before the <a href=""><code>target</code></a> element itself.</p></li>
		</ul>
	</container>
</section>

<?php // Contribute ?>

<?= VV::shell("shells/docs") ?>