align templates with UI model

- align templates with Antora's UI model
- add relativize helper to relativize a root relative URL to the current page
- add detag helper to strip HTML tags from content
- detag page title in HTML title element
- replace the term "domain" with "component"
- rename navigation-component to navigation-menu
- update navigation JavaScript to activate path to current page in navigation tree
- update build preview task to assign correct properties on model
- update sample UI model
- remove page-versions and has-versions helpers
- compare selected/latest/current using equality instead of checking boolean property

3 files changed, 15 insertions, 15 deletions

diff --git a/src/css/navigation-explore.css b/src/css/navigation-explore.css
index f954c90..9389213 100644
--- a/src/css/navigation-explore.css
+++ b/src/css/navigation-explore.css
@@ -35,7 +35,7 @@
   padding: 0 1.5rem 0 0;
 }
 
-.navigation-explore .domains {
+.navigation-explore .components {
   flex-grow: 1;
   box-shadow: inset 0 1px 5px #e1e1e1;
   background-color: #f0f0f0;
@@ -46,19 +46,19 @@
   display: block;
 }
 
-.navigation-explore:not(.is-active) .domains {
+.navigation-explore:not(.is-active) .components {
   display: none;
 }
 
-.navigation-explore .domain {
+.navigation-explore .component {
   display: block;
 }
 
-.navigation-explore .domain + .domain {
+.navigation-explore .component + .component {
   margin-top: 0.5rem;
 }
 
-.navigation-explore .domain .title {
+.navigation-explore .component .title {
   font-weight: 500;
 }
 
@@ -68,29 +68,29 @@
   padding-left: 0.5rem;
 }
 
-.navigation-explore .domain .version {
+.navigation-explore .component .version {
   display: block;
   font-size: 0.95em;
 }
 
-.navigation-explore .domain .version a {
+.navigation-explore .component .version a {
   color: #4a4a4a;
   text-decoration: none;
   white-space: nowrap;
 }
 
-.navigation-explore .domain .version.is-current {
+.navigation-explore .component .version.is-current {
   font-weight: 500;
 }
 
-.navigation-explore .domain .version.is-latest a::after {
+.navigation-explore .component .version.is-latest a::after {
   content: ' (latest)';
 }
 
-.navigation-explore .domain .version a:hover {
+.navigation-explore .component .version a:hover {
   text-decoration: underline;
 }
 
-.navigation-explore .domain .version + .version {
+.navigation-explore .component .version + .version {
   padding-left: 0.5em;
 }
diff --git a/src/css/navigation-domain.css b/src/css/navigation-menu.css
index 31b3a71..d752341 100644
--- a/src/css/navigation-domain.css
+++ b/src/css/navigation-menu.css
@@ -2,21 +2,21 @@ html.is-clipped--nav {
   overflow-y: hidden;
 }
 
-.navigation-domain {
+.navigation-menu {
   flex-grow: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
 
-.navigation-domain:not(.is-active) {
+.navigation-menu:not(.is-active) {
   display: none;
 }
 
 .nav-menu {
   flex-grow: 1;
   min-height: 0;
-  /* QUESTION move padding to .navigation-domain? */
+  /* QUESTION move padding to .navigation-menu? */
   /*
   padding: 0.5rem;
   */
diff --git a/src/css/site.css b/src/css/site.css
index 92a88d4..ed50af4 100644
--- a/src/css/site.css
+++ b/src/css/site.css
@@ -3,7 +3,7 @@
 @import "base.css";
 @import "main.css";
 @import "navigation.css";
-@import "navigation-domain.css";
+@import "navigation-menu.css";
 @import "navigation-explore.css";
 @import "toolbar.css";
 @import "breadcrumbs.css";