metanorma-iso 1.10.1 → 1.10.5

data/lib/isodoc/iso/html/style-human.css

@@ -75,6 +75,12 @@ code *, pre *, tt *, kbd *, samp * {
   font-family: {{monospacefont}} !important;
   font-variant-ligatures: none; }
 
+p code, dt code, li code, label code, legend code, caption code, th code, td code,
+p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
+p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
+p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
+  font-size: {{monospacefontsize}}; }
+
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
   display: block; }
@@ -86,6 +92,9 @@ table {
 h1, h2, h3, h4, h5, h6 {
   font-family: {{headerfont}}; }
 
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: {{headerfont}}; }
+
 blockquote, q {
   quotes: none; }
   blockquote:before, blockquote:after, q:before, q:after {
@@ -338,23 +347,24 @@ span.title {
   font-size: 0.9em; }
 
 /* TYPOGRAPHY */
-h1 {
+h1, .h1 {
   font-weight: 900; }
 
 h2,
 h3,
 h4,
 h5,
-h6 {
+h6,
+.h2, .h3, .h4, .h5, .h6 {
   font-weight: 700; }
 
-h1 {
+h1, .h1 {
   font-size: 1.5em;
   line-height: 2em;
   margin-top: 2em;
   margin-bottom: 1em; }
 
-h2 {
+h2, .h2 {
   font-size: 1.2em;
   line-height: 1.5em;
   margin-top: 2em;
@@ -365,12 +375,13 @@ h2,
 h3,
 h4,
 h5,
-h6 {
+h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
   line-height: 1.2; }
 
 /* override for amendments */
 {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-weight: normal;
   font-size: initial;
   font-style: italic;
@@ -379,7 +390,7 @@ h1, h2, h3, h4, h5, h6 {
   margin-bottom: 1em; }
 
 {% endif %}
-h2 p {
+h2 p, .h2 p {
   display: inline; }
 
 p {
@@ -401,7 +412,7 @@ a {
   color: black;
   text-decoration-color: black; }
 
-h2 p {
+h2 p, .h2 p {
   display: inline; }
 
 ul > li {
@@ -429,7 +440,6 @@ p.AltTerms {
   margin-left: 2em; }
 
 p.Terms {
-  font-weight: bold;
   margin-top: 0em; }
 
 /* Navigation*/
@@ -977,3 +987,24 @@ span.keyword {
 .Admonition p,
 .admonition p {
   margin: 0; }
+
+/* Collapse TOC */
+.collapse-group {
+  display: flex;
+  align-items: center;
+  position: relative; }
+
+.collapse-button {
+  position: absolute;
+  right: 0;
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  cursor: pointer;
+  background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg>'); }
+
+.collapse {
+  display: none; }
+
+.expand {
+  transform: rotateZ(-180deg); }

data/lib/isodoc/iso/html/style-human.scss

@@ -140,7 +140,7 @@ span.title {
 
 /* TYPOGRAPHY */
 
-h1 {
+h1, .h1 {
     font-weight: 900;
 }
 
@@ -148,18 +148,19 @@ h2,
 h3,
 h4,
 h5,
-h6 {
+h6, 
+.h2, .h3, .h4, .h5, .h6{
     font-weight: 700;
 }
 
-h1 {
+h1, .h1 {
     font-size: 1.5em;
     line-height: 2em;
     margin-top: 2em;
     margin-bottom: 1em;
 }
 
-h2 {
+h2, .h2 {
     font-size: 1.2em;
     line-height: 1.5em;
     margin-top: 2em;
@@ -171,7 +172,8 @@ h2,
 h3,
 h4,
 h5,
-h6 {
+h6, 
+.h1, .h2, .h3, .h4, .h5, .h6 {
     line-height: 1.2;
 }
 
@@ -179,7 +181,7 @@ h6 {
 
 {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: normal;
     font-size: initial;
     font-style: italic;
@@ -190,7 +192,7 @@ h1, h2, h3, h4, h5, h6 {
 
 {% endif %}
 
-h2 p {
+h2 p, .h2 p {
     display: inline;
 }
 
@@ -218,7 +220,7 @@ a {
     text-decoration-color: black;
 }
 
-h2 p {
+h2 p, .h2 p {
     display: inline;
 }
 
@@ -252,7 +254,6 @@ p.AltTerms {
 }
 
 p.Terms {
-    font-weight: bold;
     margin-top: 0em;
 }
 
@@ -693,3 +694,29 @@ span.keyword {
 .admonition p {
     margin: 0;
 }
+
+/* Collapse TOC */
+
+                .collapse-group {
+                        display: flex;
+                        align-items: center;
+                        position: relative;
+                }
+
+                .collapse-button {
+                        position: absolute;
+                        right: 0;
+                        display: inline-block;
+                        height: 20px;
+                        width: 20px;
+                        cursor: pointer;
+                        background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg>');
+                }
+
+                .collapse {
+                        display: none;
+                }
+
+                .expand {
+                        transform: rotateZ(-180deg);
+                }

data/lib/isodoc/iso/html/style-iso.css

@@ -75,6 +75,12 @@ code *, pre *, tt *, kbd *, samp * {
   font-family: {{monospacefont}} !important;
   font-variant-ligatures: none; }
 
+p code, dt code, li code, label code, legend code, caption code, th code, td code,
+p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
+p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
+p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
+  font-size: {{monospacefontsize}}; }
+
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
   display: block; }
@@ -86,6 +92,9 @@ table {
 h1, h2, h3, h4, h5, h6 {
   font-family: {{headerfont}}; }
 
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: {{headerfont}}; }
+
 blockquote, q {
   quotes: none; }
   blockquote:before, blockquote:after, q:before, q:after {
@@ -315,23 +324,23 @@ span.partlabel {
   font-size: 0.9em; }
 
 /* TYPOGRAPHY */
-h1 {
+h1, .h1 {
   font-size: 1.5em;
   line-height: 2em;
   margin-top: 2em;
   margin-bottom: 1em; }
 
-h2 {
+h2, .h2 {
   font-size: 1.2em;
   line-height: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em; }
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   line-height: 1.2; }
 
 {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-weight: normal;
   font-size: initial;
   font-style: italic; }
@@ -355,7 +364,7 @@ a {
   color: black;
   text-decoration-color: black; }
 
-h2 p {
+h2 p, .h2 p {
   display: inline; }
 
 ul > li {
@@ -378,7 +387,6 @@ p.AltTerms {
   margin-left: 2em; }
 
 p.Terms {
-  font-weight: bold;
   margin-top: 0em; }
 
 /* Navigation*/
@@ -1005,3 +1013,24 @@ span.keyword {
 
 .Admonition p, .admonition p {
   margin: 0; }
+
+/* Collapse TOC */
+.collapse-group {
+  display: flex;
+  align-items: center;
+  position: relative; }
+
+.collapse-button {
+  position: absolute;
+  right: 0;
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  cursor: pointer;
+  background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg>'); }
+
+.collapse {
+  display: none; }
+
+.expand {
+  transform: rotateZ(-180deg); }

data/lib/isodoc/iso/html/style-iso.scss

@@ -112,27 +112,27 @@ span.partlabel {
 
 /* TYPOGRAPHY */
 
-h1 {
+h1, .h1 {
     font-size: 1.5em;
     line-height: 2em;
     margin-top: 2em;
     margin-bottom: 1em;
 }
 
-h2 {
+h2, .h2 {
     font-size: 1.2em;
     line-height: 1.5em;
     margin-top: 2em;
     margin-bottom: 1em;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     line-height: 1.2;
 }
 
 {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: normal;
     font-size: initial;
     font-style: italic;
@@ -164,7 +164,7 @@ a {
     text-decoration-color: black;
 }
 
-h2 p {
+h2 p, .h2 p {
     display: inline;
 }
 
@@ -193,7 +193,6 @@ p.AltTerms {
 }
 
 p.Terms {
-    font-weight: bold;
     margin-top: 0em;
 }
 
@@ -710,3 +709,29 @@ font-weight: 600;
 .Admonition p, .admonition p {
     margin: 0;
 }
+
+/* Collapse TOC */
+
+                .collapse-group {
+                        display: flex;
+                        align-items: center;
+                        position: relative;
+                }
+
+                .collapse-button {
+                        position: absolute;
+                        right: 0;
+                        display: inline-block;
+                        height: 20px;
+                        width: 20px;
+                        cursor: pointer;
+                        background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg>');
+                }
+
+                .collapse {
+                        display: none;
+                }
+
+                .expand {
+                        transform: rotateZ(-180deg);
+                }

data/lib/isodoc/iso/html/wordstyle.css

@@ -289,7 +289,7 @@ p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxS
 div.figure, p.figure {
   text-align: center; }
 
-h1 {
+h1, .h1 {
   mso-style-priority: 1;
   mso-style-unhide: no;
   mso-style-qformat: yes;
@@ -304,8 +304,6 @@ h1 {
   line-height: 13.5pt;
   mso-pagination: widow-orphan;
   page-break-after: avoid;
-  mso-outline-level: 1;
-  mso-list: l1 level1 lfo6;
   mso-hyphenate: none;
   tab-stops: 20.0pt list 21.6pt left 28.0pt;
   {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
@@ -324,6 +322,10 @@ h1 {
   mso-fareast-language: JA;
   mso-bidi-font-weight: normal; }
 
+h1 {
+  mso-outline-level: 1;
+  mso-list: l1 level1 lfo6; }
+
 h1.ForewordTitle {
   font-size: 13.0pt;
   font-style: normal;
@@ -358,7 +360,7 @@ h1.Annex {
   mso-fareast-language: JA;
   mso-bidi-font-weight: normal; }
 
-.h2Annex, h2 {
+.h2Annex, h2, .h2 {
   mso-style-priority: 2;
   mso-style-unhide: no;
   mso-style-qformat: yes;
@@ -395,7 +397,7 @@ h2 {
   mso-list: l1 level2 lfo6;
   mso-outline-level: 2; }
 
-.h3Annex, h3 {
+.h3Annex, h3, .h3 {
   mso-style-priority: 3;
   mso-style-unhide: no;
   mso-style-qformat: yes;
@@ -432,7 +434,7 @@ h3 {
   mso-list: l1 level3 lfo6;
   mso-outline-level: 3; }
 
-.h4Annex, h4 {
+.h4Annex, h4, .h4 {
   mso-style-priority: 4;
   mso-style-unhide: no;
   mso-style-qformat: yes;
@@ -467,7 +469,7 @@ h4 {
   mso-list: l1 level4 lfo6;
   mso-outline-level: 4; }
 
-.h5Annex, h5 {
+.h5Annex, h5, .h5 {
   mso-style-priority: 5;
   mso-style-unhide: no;
   mso-style-qformat: yes;
@@ -502,7 +504,7 @@ h5 {
   mso-list: l1 level5 lfo6;
   mso-outline-level: 5; }
 
-h6 {
+h6, .h6 {
   mso-style-priority: 6;
   mso-style-unhide: no;
   mso-style-qformat: yes;

data/lib/isodoc/iso/html/wordstyle.scss

@@ -269,7 +269,7 @@ p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxS
 div.figure, p.figure
         {text-align: center;}
 
-h1
+h1, .h1
 	{mso-style-priority:1;
 	mso-style-unhide:no;
 	mso-style-qformat:yes;
@@ -284,8 +284,6 @@ h1
 	line-height:13.5pt;
 	mso-pagination:widow-orphan;
 	page-break-after:avoid;
-	mso-outline-level:1;
-	mso-list:l1 level1 lfo6;
 	mso-hyphenate:none;
 	tab-stops:20.0pt list 21.6pt left 28.0pt;
 {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
@@ -303,6 +301,10 @@ h1
 	mso-ansi-language:EN-GB;
 	mso-fareast-language:JA;
 	mso-bidi-font-weight:normal;}
+h1 {
+	mso-outline-level:1;
+	mso-list:l1 level1 lfo6;
+}
 h1.ForewordTitle {
         font-size:13.0pt;
         font-style: normal ;
@@ -336,7 +338,7 @@ h1.Annex
 	mso-ansi-language:EN-GB;
 	mso-fareast-language:JA;
 	mso-bidi-font-weight:normal;}
-.h2Annex, h2
+.h2Annex, h2, .h2
         {mso-style-priority:2;
         mso-style-unhide:no;
         mso-style-qformat:yes;
@@ -372,7 +374,7 @@ h2
 	{ mso-list:l1 level2 lfo6;
         mso-outline-level:2;
         }
-.h3Annex, h3
+.h3Annex, h3, .h3
 	{mso-style-priority:3;
 	mso-style-unhide:no;
 	mso-style-qformat:yes;
@@ -407,7 +409,7 @@ h2
 h3      {mso-list:l1 level3 lfo6;
 	mso-outline-level:3;
         }
-.h4Annex, h4
+.h4Annex, h4, .h4
 	{mso-style-priority:4;
 	mso-style-unhide:no;
 	mso-style-qformat:yes;
@@ -440,7 +442,7 @@ h3      {mso-list:l1 level3 lfo6;
 h4      {mso-list:l1 level4 lfo6;
 	mso-outline-level:4;
         }
-.h5Annex, h5
+.h5Annex, h5, .h5
 	{mso-style-priority:5;
 	mso-style-unhide:no;
 	mso-style-qformat:yes;
@@ -473,7 +475,7 @@ h4      {mso-list:l1 level4 lfo6;
 h5      {mso-list:l1 level5 lfo6;
 	mso-outline-level:5;
         }
-h6
+h6, .h6
 	{mso-style-priority:6;
 	mso-style-unhide:no;
 	mso-style-qformat:yes;

data/lib/isodoc/iso/html_convert.rb

@@ -10,39 +10,98 @@ module IsoDoc
         super
       end
 
-      def googlefonts()
-      <<~HEAD.freeze
-      <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,900" rel="stylesheet">
-      HEAD
-    end
+      def googlefonts
+        <<~HEAD.freeze
+          <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
+          <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,900" rel="stylesheet">
+        HEAD
+      end
 
       def default_fonts(options)
         {
-          bodyfont: (options[:script] == "Hans" ? '"Source Han Sans",serif' :
-                     options[:alt] ? '"Lato",sans-serif' : '"Cambria",serif'),
-        headerfont: (options[:script] == "Hans" ? '"Source Han Sans",sans-serif' :
-                     options[:alt] ? '"Lato",sans-serif' : '"Cambria",serif'),
-        monospacefont: (options[:alt] ?  '"Space Mono",monospace' :
-                        '"Courier New",monospace'),
-                        normalfontsize: "1.0em",
-                        smallerfontsize: "0.9em",
-                        footnotefontsize: "0.9em",
-                        monospacefontsize: "0.8em",
+          bodyfont: (if options[:script] == "Hans"
+                       '"Source Han Sans",serif'
+                     else
+                       options[:alt] ? '"Lato",sans-serif' : '"Cambria",serif'
+                     end),
+          headerfont: (if options[:script] == "Hans"
+                         '"Source Han Sans",sans-serif'
+                       else
+                         options[:alt] ? '"Lato",sans-serif' : '"Cambria",serif'
+                       end),
+          monospacefont: (if options[:alt]
+                            '"Space Mono",monospace'
+                          else
+                            '"Courier New",monospace'
+                          end),
+          normalfontsize: "1.0em",
+          smallerfontsize: "0.9em",
+          footnotefontsize: "0.9em",
+          monospacefontsize: "0.8em",
         }
       end
 
       def default_file_locations(options)
         {
-          htmlstylesheet: (options[:alt] ? html_doc_path("style-human.scss") :
-                           html_doc_path("style-iso.scss")),
-        htmlcoverpage: html_doc_path("html_iso_titlepage.html"),
-        htmlintropage: html_doc_path("html_iso_intro.html"),
+          htmlstylesheet: (if options[:alt]
+                             html_doc_path("style-human.scss")
+                           else
+                             html_doc_path("style-iso.scss")
+                           end),
+          htmlcoverpage: html_doc_path("html_iso_titlepage.html"),
+          htmlintropage: html_doc_path("html_iso_intro.html"),
         }
       end
 
-      def footnote_reference_format(a)
-        a.content = a.content + ")"
+      def footnote_reference_format(link)
+        link.content += ")"
+      end
+
+      def html_toc_entry(level, header)
+        if level == "h1" && header.parent.at(".//h2[not(@class = 'TermNum')]"\
+                                             "[not(@class = 'noTOC')][text()]")
+          <<~HDR
+            <li class="#{level}"><div class="collapse-group"><a href="##{header['id']}">#{header_strip(header)}</a></li>
+            <div class="collapse-button"></div></div>
+          HDR
+        else
+          %(<li class="#{level}"><a href="##{header['id']}">\
+      #{header_strip(header)}</a></li>)
+        end
+      end
+
+      def html_toc(docxml)
+        super
+        docxml.xpath("//div[@id = 'toc']/ul[li[@class = 'h2']]").each do |u|
+          html_toc1(u)
+        end
+        docxml
+      end
+
+      def html_toc1(ulist)
+        u2 = nil
+        ulist.xpath("./li").each do |l|
+          if l["class"] != "h2"
+            u2 = nil
+          elsif u2 then u2.add_child(l.remove)
+          else
+            u2 = l.replace("<ul class='content collapse'>#{l}</ul>").first
+            p = u2.previous_element and p << u2
+          end
+        end
+      end
+
+      def inject_script(doc)
+        scr = <<~HEAD.freeze
+          <script>
+          $(".collapse-button").click(function () {
+          $(this).toggleClass('expand'); // expand: the class to change the collapse button shape
+          // collapse: the class to collapse/expand the li elements with the h2 class
+          $(this).closest('li').children(".content").toggleClass('collapse');})
+          </script>
+        HEAD
+        a = super.split(%r{</body>})
+        "#{a[0]}#{scr}</body>#{a[1]}"
       end
 
       def table_th_center(docxml)