docgen-tool 3.5.0 → 3.7.0

package/dist/include/require/styles/framework.css

@@ -972,71 +972,249 @@ button .icon svg,
 /*
  icons
 */
-.w-icon {
-  width: 25px;
-  height: 25px;
-  display: inline-block;
-  margin: 0;
-  overflow: hidden;
+.dgIcon.small svg {
+  width: 20px;
+  height: 20px;
 }
-
-.w-icon svg {
-  margin: 0;
-  fill: rgb(1, 3, 4);
+.dgIcon.large svg {
+  width: 36px;
+  height: 36px;
+}
+.dgIcon.success svg {
+  color: #3c8039;
+}
+.dgIcon.warning svg {
+  color: #987924;
+}
+.dgIcon.error svg {
+  color: #922429;
+}
+.dgIcon.info svg {
+  color: #296995;
 }
 
 /*table icons*/
-.w-table td > .w-icon {
+.w-table td > .dgIcon {
   vertical-align: middle;
 }
 
-/*button icons*/
-.w-icon-button {
-  padding-left: 2px;
+.w-table td.center {
+  display: table-cell;
+}
+
+#dg-coverInfo {
+  margin-top: 100px;
+  margin-bottom: 50px;
+  width: 100%;
+}
+
+#dg-coverInfo {
+  border-collapse: separate; /*http://stackoverflow.com/questions/7625586/*/
+}
+
+#dg-coverInfo th {
+  background-color: rgb(46, 113, 225);
+  color: white;
+  font-size: 34px;
+  padding: 20px;
+  border: 1px solid rgb(46, 113, 225);
+  border-radius: 10px 10px 0 0;
+}
+
+#dg-coverInfo tr td {
+  border-top: 2px solid rgb(46, 113, 225);
+  border-left: 2px solid rgb(46, 113, 225);
+  border-bottom: none;
+  border-right: none;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+#dg-coverInfo td:last-child {
+  border-right: 2px solid rgb(46, 113, 225);
+}
+
+#dg-coverInfo .dg-finalRow td {
+  border-bottom: 2px solid rgb(46, 113, 225);
+}
+
+#dg-summary {
+  margin-bottom: 100px;
+}
+
+/*
+  PDF header
+*/
+#dg-pdf-header {
+  text-align: right;
 }
-.w-icon-button .w-icon {
+
+/*
+  PDF cover
+*/
+#dg-pdfLogo {
   display: inline-block;
-  float: left;
-  width: 28px;
-  height: 28px;
-  padding: 0;
+  float: right;
+}
+
+#dg-pdf-cover-footer {
+  width: 100%;
+  text-align: center;
+}
+
+/*
+  PDF footer
+*/
+#dg-pdf-footer {
+  border-top: 1px solid #385691;
+  padding-top: 10px;
+}
+
+#dg-pdf-footer table {
+  width: 100%;
+  text-align: center;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+
+#dg-pdf-footer a {
+  text-decoration: none;
+  color: #444;
+}
+
+pre {
+  font-size: 12px; /*todo - move to base styles*/
+}
+
+section blockquote p,
+section li p {
   margin: 0;
 }
-.w-icon-button .w-icon > svg {
-  fill: #444;
+
+.w-table {
+  width: 100%;
 }
-.w-icon-button span:nth-child(2) {
-  display: inline-block;
-  padding: 4px 0 0 2px;
+
+/******************************** TABLE OF CONTENTS ****************************/
+/*Table of contents button to initiate show/hide*/
+#dg-navigator {
+  float: right;
+  background-color: rgb(26, 34, 49);
+  color: white;
+  text-align: right;
+  padding: 10px 20px 10px 20px;
+  margin-right: 200px;
+  border-radius: 0 0 10px 10px;
+  cursor: pointer;
+  font-weight: bold;
 }
-.w-icon-button.w-large {
-  padding-left: 8px;
+
+/*Table of contents container*/
+#dg-toc {
+  color: white;
+  background-color: rgb(26, 34, 49);
 }
 
-/*message icons*/
-.w-message > .w-icon {
-  width: 21px;
-  height: 21px;
-  float: left;
-  margin-right: 5px;
+#dg-toc table {
+  table-layout: auto;
+  width: 100%;
 }
 
-.w-success > .w-icon svg {
-  fill: #218900;
+#dg-toc div {
+  padding: 15px 0 15px 0;
 }
 
-.w-warning > .w-icon svg {
-  fill: #8a6b00;
+/*Columns in table of contents*/
+#dg-toc td {
+  border-right: 1px solid #666;
+  vertical-align: top;
+  text-align: left;
+  padding: 0 20px 0 20px;
 }
 
-.w-error > .w-icon svg {
-  fill: #b30000;
+#dg-toc ul {
+  padding: 0;
+  list-style-type: none;
 }
 
-.w-information > .w-icon svg {
-  fill: #0e3d9a;
+#dg-toc li {
+  font-weight: bold;
 }
 
-td.center {
-  display: table-cell;
+#dg-toc table td a {
+  color: white;
+  font-weight: normal;
+  text-decoration: none;
+  margin-left: 10px;
+}
+
+#dg-toc table td a:hover {
+  text-decoration: underline;
+}
+
+#dg-tocFixedColumn {
+  border-right: none;
+}
+
+#dg-toc table #dg-tocFixedColumn a {
+  vertical-align: middle;
+  margin-left: 4px;
+}
+
+.dg-tocGroup {
+  width: 22%;
+}
+
+.dg-tocHeading {
+  font-size: 16px;
+}
+
+.dgWebTocAttribution li {
+  display: flex;
+  align-items: center;
+}
+.dgWebTocAttribution .dgIcon {
+  width: 18px;
+  height: 18px;
+}
+.dgWebTocAttribution .dgIcon svg {
+  width: 18px;
+  height: 18px;
+}
+
+/*
+	Page table of contents
+*/
+.dg-pageToc {
+  list-style: none;
+  padding: 10px;
+  border: 1px solid #999;
+  background-color: #eee;
+}
+
+/*
+	Class to make a heading look invisible in web page, but still appear in the PDF table of contents
+		- display:none, visibily: hidden, zero dimensions, and offscreen positioning don't work
+		- so instead take it out of the flow and make it small and translucent
+*/
+.dg-hiddenTitle {
+  display: block;
+  border: none;
+  margin: 0;
+  padding: 0;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  background-color: transparent;
+}
+
+.dg-fakeHeading {
+  text-decoration: none;
+  font-weight: bold;
+  color: #385691;
+  border-bottom: 1px solid #999;
+  margin: 20px 0 20px 0;
+  font-size: 16px;
+  padding-bottom: 4px;
 }

package/dist/include/require/styles/framework.js

@@ -5410,11 +5410,30 @@
 */
 
 function svgInject() {
-  this.inject = function (container) {
+  this.inject = (container) => {
     container = typeof container !== 'undefined' ? container : ''; //default value
-    $(container + ' .w-icon').each(function () {
-      var name = $(this).data('name');
+    $(container + ' .dgIcon').each(function () {
+      const name = $(this).data('name');
       $(this).html(w_icons[name]);
     });
   };
 }
+
+$(document).ready(() => {
+  $('#dg-toc').hide(); //hide the table of contents
+
+  //instantiate svg injector to show SVG icons
+  const injector = new svgInject();
+  injector.inject();
+
+  //code syntax highlighting
+  $('pre code, .w-inline-code').each((i, block) => {
+    hljs.highlightBlock(block);
+  });
+
+  //toggle visibility of table of contents
+  $('#dg-navigator').click(() => {
+    $('#dg-toc').slideToggle('fast');
+    $(this).toggleClass('active');
+  });
+});