all: handle custom marker in between unordered list

Given the following markup,

  [square]
  * item 1
  [circle]
  ** item 2

The list on item 2 now start with `<div class="ulist circle">`.

4 files changed, 296 insertions, 10 deletions

diff --git a/testdata/list_unordered_test.txt b/testdata/list_unordered_test.txt
index 01c62a8..6e9b627 100644
--- a/testdata/list_unordered_test.txt
+++ b/testdata/list_unordered_test.txt
@@ -155,3 +155,157 @@ a quote
 </li>
 </ul>
 </div>
+
+>>> with_title
+
+.Possible DefOps manual locations
+* West wood maze
+** Maze heart
+*** Reflection pool
+** Secret exit
+* Untracked file in git repository
+
+<<< with_title
+
+<div class="ulist">
+<div class="title">Possible DefOps manual locations</div>
+<ul>
+<li>
+<p>West wood maze</p>
+<div class="ulist">
+<ul>
+<li>
+<p>Maze heart</p>
+<div class="ulist">
+<ul>
+<li>
+<p>Reflection pool</p>
+</li>
+</ul>
+</div>
+</li>
+<li>
+<p>Secret exit</p>
+</li>
+</ul>
+</div>
+</li>
+<li>
+<p>Untracked file in git repository</p>
+</li>
+</ul>
+</div>
+
+>>> with_square_marker
+
+[square]
+* one
+* two
+* three
+
+<<< with_square_marker
+
+<div class="ulist square">
+<ul class="square">
+<li>
+<p>one</p>
+</li>
+<li>
+<p>two</p>
+</li>
+<li>
+<p>three</p>
+</li>
+</ul>
+</div>
+
+>>> with_circle_marker
+
+[circle]
+* circles
+** all
+*** the
+**** way
+***** down
+
+<<< with_circle_marker
+
+<div class="ulist circle">
+<ul class="circle">
+<li>
+<p>circles</p>
+<div class="ulist">
+<ul>
+<li>
+<p>all</p>
+<div class="ulist">
+<ul>
+<li>
+<p>the</p>
+<div class="ulist">
+<ul>
+<li>
+<p>way</p>
+<div class="ulist">
+<ul>
+<li>
+<p>down</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+
+>>> with_mixed_marker
+
+[square]
+* square l1
+** square l2
+[circle]
+*** circle l3
+**** circle l4
+* circle l1
+
+<<< with_mixed_marker
+
+<div class="ulist square">
+<ul class="square">
+<li>
+<p>square l1</p>
+<div class="ulist">
+<ul>
+<li>
+<p>square l2</p>
+<div class="ulist circle">
+<ul class="circle">
+<li>
+<p>circle l3</p>
+<div class="ulist">
+<ul>
+<li>
+<p>circle l4</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+<li>
+<p>circle l1</p>
+</li>
+</ul>
+</div>
diff --git a/testdata/test.adoc b/testdata/test.adoc
index 869d720..ee99271 100644
--- a/testdata/test.adoc
+++ b/testdata/test.adoc
@@ -429,8 +429,11 @@ This line separated by comment.
 * square two
 
 [circle]
-* circle one
-* circle two
+* circles
+** all
+*** the
+**** way
+***** down
 
 [disc]
 * disc one
@@ -452,6 +455,17 @@ This line separated by comment.
 * what one
 * what two
 
+With mixed marker,
+
+[square]
+* square l1
+** square l2
+[circle]
+*** circle l3
+**** circle l4
+* circle l1
+
+
 === Checklist
 
 * [*] checked
diff --git a/testdata/test.exp.html b/testdata/test.exp.html
index ba0aa6f..b057ec1 100644
--- a/testdata/test.exp.html
+++ b/testdata/test.exp.html
@@ -972,10 +972,35 @@ This line separated by comment.</p>
 <div class="ulist circle">
 <ul class="circle">
 <li>
-<p>circle one</p>
-</li>
+<p>circles</p>
+<div class="ulist">
+<ul>
 <li>
-<p>circle two</p>
+<p>all</p>
+<div class="ulist">
+<ul>
+<li>
+<p>the</p>
+<div class="ulist">
+<ul>
+<li>
+<p>way</p>
+<div class="ulist">
+<ul>
+<li>
+<p>down</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
 </li>
 </ul>
 </div>
@@ -1029,6 +1054,40 @@ This line separated by comment.</p>
 </li>
 </ul>
 </div>
+<div class="paragraph">
+<p>With mixed marker,</p>
+</div>
+<div class="ulist square">
+<ul class="square">
+<li>
+<p>square l1</p>
+<div class="ulist">
+<ul>
+<li>
+<p>square l2</p>
+<div class="ulist circle">
+<ul class="circle">
+<li>
+<p>circle l3</p>
+<div class="ulist">
+<ul>
+<li>
+<p>circle l4</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+<li>
+<p>circle l1</p>
+</li>
+</ul>
+</div>
 </div>
 <div class="sect2">
 <h3 id="checklist"><a class="anchor" href="#checklist"></a><a class="link" href="#checklist">15.2. Checklist</a></h3>
@@ -2995,7 +3054,7 @@ this sidebar.</p>
 <div id="footer">
 <div id="footer-text">
  1.1.1<br>
-Last updated 2023-05-28 15:37:46 +0700
+Last updated 2023-05-30 01:01:33 +0700
 </div>
 </div>
 </body>
diff --git a/testdata/test.got.html b/testdata/test.got.html
index aba6b1f..0d72804 100644
--- a/testdata/test.got.html
+++ b/testdata/test.got.html
@@ -970,10 +970,35 @@ This line separated by comment.</p>
 <div class="ulist circle">
 <ul class="circle">
 <li>
-<p>circle one</p>
-</li>
+<p>circles</p>
+<div class="ulist">
+<ul>
 <li>
-<p>circle two</p>
+<p>all</p>
+<div class="ulist">
+<ul>
+<li>
+<p>the</p>
+<div class="ulist">
+<ul>
+<li>
+<p>way</p>
+<div class="ulist">
+<ul>
+<li>
+<p>down</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
 </li>
 </ul>
 </div>
@@ -1027,6 +1052,40 @@ This line separated by comment.</p>
 </li>
 </ul>
 </div>
+<div class="paragraph">
+<p>With mixed marker,</p>
+</div>
+<div class="ulist square">
+<ul class="square">
+<li>
+<p>square l1</p>
+<div class="ulist">
+<ul>
+<li>
+<p>square l2</p>
+<div class="ulist circle">
+<ul class="circle">
+<li>
+<p>circle l3</p>
+<div class="ulist">
+<ul>
+<li>
+<p>circle l4</p>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+</ul>
+</div>
+</li>
+<li>
+<p>circle l1</p>
+</li>
+</ul>
+</div>
 </div>
 <div class="sect2">
 <h3 id="checklist"><a class="anchor" href="#checklist"></a><a class="link" href="#checklist">15.2. Checklist</a></h3>
@@ -2997,7 +3056,7 @@ this sidebar.</p>
 <div id="footer">
 <div id="footer-text">
  1.1.1<br>
-Last updated 2023-05-28 15:37:46 +0700
+Last updated 2023-05-30 01:01:33 +0700
 </div>
 </div>
 </body>