j1-template 2021.1.29 → 2021.2.3

data/assets/themes/j1/modules/mdilPreviewer/css/previewer.css

@@ -0,0 +1,97 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+.icons {
+    //display: none;
+    //padding: 0 20px 10px 20px;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    column-count: 2;
+    -webkit-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+}
+
+.icons div {
+    line-height: 3rem;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.icons div span {
+    cursor: pointer;
+    font-size: 1rem;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: calc(100% - 90px);
+    overflow: hidden;
+    vertical-align: middle;
+    white-space: nowrap;
+    margin-left: .5rem;
+}
+
+.icons div code:hover,
+.icons div span:hover,
+.icons div i:hover {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.icons div code:hover {
+    border-color: #2196F3;
+}
+
+.icons div code {
+    color:  #424242;
+    background-color: #E0E0E0;
+    border: 1px solid #9E9E9E;
+    width: 80px;
+    margin-left: 2px;
+    margin-right: 4px;
+    border-radius: 4px;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.icons div i {
+    display: inline-block;
+    width: 32px;
+    height: 24px;
+    margin-right: .5rem;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    line-height: 24px;
+}
+
+.icons .mdi:before {
+    font-size: 24px;
+}
+
+div.copied {
+    position: fixed;
+    top: 100px;
+    left: 50%;
+    width: 300px;
+    text-align: center;
+    color: #FAFAFA;
+    background-color: #2196F3;
+    border: 1px solid #0D47A1;
+    padding: 10px 15px;
+    border-radius: 4px;
+    margin-left: -100px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}

data/assets/themes/j1/modules/mdilPreviewer/css/previewer.min.css

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+.icons{//display:none;//padding:0 20px 10px 20px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.icons div{line-height:3rem;color:rgba(0,0,0,0.6)}.icons div span{cursor:pointer;font-size:1rem;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 90px);overflow:hidden;vertical-align:middle;white-space:nowrap;margin-left:.5rem}.icons div code:hover,.icons div span:hover,.icons div i:hover{color:rgba(0,0,0,0.5)}.icons div code:hover{border-color:#2196f3}.icons div code{color:#424242;background-color:#e0e0e0;border:1px solid #9e9e9e;width:80px;margin-left:2px;margin-right:4px;border-radius:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:24px;cursor:pointer}.icons div i{display:inline-block;width:32px;height:24px;margin-right:.5rem;text-align:center;vertical-align:middle;cursor:pointer;line-height:24px}.icons .mdi:before{font-size:24px}div.copied{position:fixed;top:100px;left:50%;width:300px;text-align:center;color:#fafafa;background-color:#2196f3;border:1px solid #0d47a1;padding:10px 15px;border-radius:4px;margin-left:-100px;box-shadow:0 0 10px rgba(0,0,0,0.2)}

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.js

@@ -0,0 +1,125 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+;(function () {
+
+  var icons         = {};
+  var icon_database = '/assets/data/mdil_icons.json';
+  var language      = document.documentElement.lang;
+  var responseText;
+
+  function load_data_database() {
+    // Returns the icon database object
+    return $.ajax({
+      url: icon_database,
+      success: function (data) {
+        if (typeof data == 'string') {
+          icons = JSON.parse(data);
+        }
+        if (typeof data == 'object') {
+          icons = data;
+        }
+      }
+    })
+  };
+
+  $.when(load_data_database()).done(
+    function (load_database_response) {
+
+      icons.push({
+        "name": "blank",
+        "codepoint": "F68C"
+      });
+
+      var copyText = function (text) {
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var reference = document.querySelector("#mdi-icon");
+        //          var popper = document.querySelector(".my-popper");
+
+        if (language == 'en') {
+          responseText = 'Copied to Clipboard';
+        } else if (language == 'de') {
+          responseText = 'Kopiert zur Zwischenablage';
+        } else {
+          responseText = 'Copied to Clipboard';
+        }
+
+        var copyFrom = document.createElement('textarea');
+        copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
+        copyFrom.value = text;
+        document.body.appendChild(copyFrom);
+        copyFrom.select();
+        document.execCommand('copy');
+        var copied = document.createElement('div');
+        copied.setAttribute('class', 'copied');
+        copied.appendChild(document.createTextNode(responseText));
+        document.body.appendChild(copied);
+
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var popperInstance = new Popper(reference, popper, {
+        //            // popper options here
+        //              placement: 'right'
+        //          });
+
+        setTimeout(function () {
+          document.body.removeChild(copyFrom);
+          document.body.removeChild(copied);
+        }, 1500);
+      };
+      // Skip info record 0 (j=1) ???
+      for (var j=0; j<icons.length; j++) {
+        var div = document.createElement('div'),
+          i = document.createElement('i');
+        div.setAttribute("id", "mdi-icon");
+
+        i.className = 'mdil mdil-2x mdil-' + icons[j].name;
+        div.appendChild(i);
+        var code = document.createElement('code');
+        code.appendChild(document.createTextNode('#' + icons[j].codepoint));
+        div.appendChild(code);
+        var span = document.createElement('span');
+        //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
+        span.appendChild(document.createTextNode(icons[j].name));
+        div.appendChild(span);
+
+        // click on font-icon: copy icon name
+        i.onmouseup = (function (icon) {
+          return function () {
+            copyText(icon.name);
+          };
+        })(icons[j]);
+
+        // click on icon-value: copy icon value
+        code.onmouseup = (function (icon) {
+          return function () {
+            copyText('#' + icon.codepoint);
+          };
+        })(icons[j]);
+
+        // click on icon-name: copy MDI icon name
+        span.onmouseup = (function (icon) {
+          return function () {
+            copyText('mdil-' + icon.name);
+          };
+        })(icons[j]);
+
+        document.getElementById('mdil-icons').appendChild(div);
+      }
+    });
+
+})();

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+(function(){var a={};var d="/assets/data/mdil_icons.json";var e=document.documentElement.lang;var b;function c(){return $.ajax({url:d,success:function(f){if(typeof f=="string"){a=JSON.parse(f)}if(typeof f=="object"){a=f}}})}$.when(c()).done(function(l){a.push({name:"blank",codepoint:"F68C"});var m=function(o){if(e=="en"){b="Copied to Clipboard"}else{if(e=="de"){b="Kopiert zur Zwischenablage"}else{b="Copied to Clipboard"}}var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=o;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode(b));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var f=0;f<a.length;f++){var n=document.createElement("div"),g=document.createElement("i");n.setAttribute("id","mdi-icon");g.className="mdil mdil-2x mdil-"+a[f].name;n.appendChild(g);var k=document.createElement("code");k.appendChild(document.createTextNode("#"+a[f].codepoint));n.appendChild(k);var h=document.createElement("span");h.appendChild(document.createTextNode(a[f].name));n.appendChild(h);g.onmouseup=(function(i){return function(){m(i.name)}})(a[f]);k.onmouseup=(function(i){return function(){m("#"+i.codepoint)}})(a[f]);h.onmouseup=(function(i){return function(){m("mdil-"+i.name)}})(a[f]);document.getElementById("mdil-icons").appendChild(n)}})})();

data/assets/themes/j1/modules/rtable/css/theme/uno/rtable.css

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.js
+ #  ~/assets/themes/j1/modules/rtable/css/theme/uno/rtable.css
  #  Tablesaw v3.1.2 Theme for J1 Template
  #
  #  Product/Info:
@@ -157,8 +157,8 @@ $breakpoint-xs:                        	575px;
   .tablesaw-stack tbody td,
   .tablesaw-stack tbody th {
     display: block;
-/*  float: left; */
-/*  clear: left; */
+    /* float: left;
+    clear: left; */
     width: 100%;
   }
 

data/assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.js
+ #  ~/assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css
  #  Tablesaw v3.1.2 Theme for J1 Template
  #
  #  Product/Info:
@@ -16,176 +16,4 @@
  #  See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-
-/*
-// BS4 media breakpoints
-// -----------------------------------------------------------------------------
-$breakpoint-xl:                        	1200px;
-$breakpoint-lg:                        	992px;
-$breakpoint-md:                        	768px;
-$breakpoint-sm:                        	576px;
-$breakpoint-xs:                        	575px;
-*/
-
-.tablesaw {
-    width: 100%;
-    max-width: 100%;
-    empty-cells: show;
-    border-collapse: collapse;
-/*  border: 0; */
-/*  padding: 0; */
-}
-
-.tablesaw * {
-  box-sizing: border-box;
-}
-
-.tablesaw-stack td .tablesaw-cell-label,
-.tablesaw-stack th .tablesaw-cell-label {
-  display: none;
-}
-
-/* Mobile first styles: Begin with the stacked presentation at narrow widths */
-
-/* Support note IE9+: @media only all */
-
-/* Media query to show as a standard table at 560px (35em x 16px) or wider */
-
-
-/* All Media screens
--------------------------------------------------------------------------------- */
-@media all {
-  /* Show the table cells as a block level element */
-
-  .tablesaw-stack {
-    clear: both;
-  }
-
-  .tablesaw-stack td,
-  .tablesaw-stack th {
-    text-align: left;
-    display: block;
-  }
-
-  .tablesaw-stack tr {
-    clear: both;
-    display: table-row;
-  }
-
-  /* Make the label elements a percentage width */
-
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label {
-    display: inline-block;
-/*  padding: 0 .6em 0 0; */
-/*  width: 30%; */
-    width: 20%;
-  }
-
-  /*  For grouped headers, have a different style to visually
-      separate the levels by classing the first label in each
-      col group
-  */
-
-  .tablesaw-stack th .tablesaw-cell-label-top,
-  .tablesaw-stack td .tablesaw-cell-label-top {
-    display: block;
-    padding: .4em 0;
-    margin: .4em 0;
-  }
-
-  .tablesaw-cell-label {
-    display: block;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack tbody th.group {
-    margin-top: -1px;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack th.group b.tablesaw-cell-label {
-    display: none !important;
-  }
-}
-
-/* Desktop
-   @media (min-width: 40em) $grid-breakpoint-lg
--------------------------------------------------------------------------------- */
-@media screen and (min-width: 992px) {
-  .tablesaw-stack tr {
-    display: table-row;
-  }
-
-  /* Show the table header rows */
-
-  .tablesaw-stack td,
-  .tablesaw-stack th,
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th {
-    display: table-cell;
-    margin: 0;
-  }
-
-  /* Hide the labels in each cell */
-
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label {
-    display: none !important;
-  }
-}
-
-/* Mobile
-   @media (max-width: 39.9375em) {
--------------------------------------------------------------------------------- */
-@media screen and (max-width: 992px) {
-  /* Table rows have a gray bottom stroke by default */
-
-  .tablesaw-stack tbody tr {
-    display: block;
-    width: 100%;
-/*  border-bottom: 1px solid #dfdfdf; */
-  }
-
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th {
-    display: none;
-  }
-
-  .tablesaw-stack tbody td,
-  .tablesaw-stack tbody th {
-    display: block;
-/*  float: left; */
-/*  clear: left; */
-    width: 100%;
-  }
-
-/* jadams, 2020-09-15:     */
-  .tablesaw-cell-label {
-    vertical-align: top;
-    font-weight: 700 !important;
-  }
-
-/* jadams, 2020-09-65:  changed max-width: 67%   */
-  .tablesaw-cell-content {
-    display: inline-block;
-    margin-left: .5rem;
-    max-width: 100%;
-    min-width: 100%; /* is to calculated for firefox */
-  }
-
-  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
-  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-  }
-
-  .tablesaw-stack td:empty,
-  .tablesaw-stack th:empty {
-    display: none;
-  }
-}
+.tablesaw{width:100%;max-width:100%;empty-cells:show;border-collapse:collapse}.tablesaw *{box-sizing:border-box}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none}@media all{.tablesaw-stack{clear:both}.tablesaw-stack td,.tablesaw-stack th{text-align:left;display:block}.tablesaw-stack tr{clear:both;display:table-row}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:inline-block;width:20%}.tablesaw-stack th .tablesaw-cell-label-top,.tablesaw-stack td .tablesaw-cell-label-top{display:block;padding:.4em 0;margin:.4em 0}.tablesaw-cell-label{display:block}.tablesaw-stack tbody th.group{margin-top:-1px}.tablesaw-stack th.group b.tablesaw-cell-label{display:none!important}}@media screen and (min-width:992px){.tablesaw-stack tr{display:table-row}.tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th{display:table-cell;margin:0}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none!important}}@media screen and (max-width:992px){.tablesaw-stack tbody tr{display:block;width:100%}.tablesaw-stack thead td,.tablesaw-stack thead th{display:none}.tablesaw-stack tbody td,.tablesaw-stack tbody th{display:block;width:100%}.tablesaw-cell-label{vertical-align:top;font-weight:700!important}.tablesaw-cell-content{display:inline-block;margin-left:.5rem;max-width:100%;min-width:100%}.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content{display:block;width:100%;max-width:100%;padding:0}.tablesaw-stack td:empty,.tablesaw-stack th:empty{display:none}}

data/assets/themes/j1/modules/rtable/js/rtable.js

@@ -1,26 +1,22 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/js/mmenu.js
- #  Tablesaw v3.1.2 implementation for J1 Template
+ # ~/assets/themes/j1/modules/rtable/js/rtable.js
+ # Tablesaw v3.1.2 implementation for J1 Template
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/filamentgroup/tablesaw
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/filamentgroup/tablesaw
  #
- #  Copyright (C) 2021 Juergen Adams
- #  Copyright (c) 2013 Filament Group
+ # Copyright (C) 2021 Juergen Adams
+ # Copyright (c) 2013 Filament Group
  #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Tablesaw is licensed under the MIT License.
- #  See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Tablesaw is licensed under the MIT License.
+ # See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
 
-/*! Tablesaw - v3.1.2 - 2019-03-19
-* https://github.com/filamentgroup/tablesaw
-* Copyright (c) 2019 Filament Group; Licensed MIT */
-
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
     define(["jquery"], function (jQuery) {
@@ -76,26 +72,34 @@
   		(!window.blackberry || window.WebKitPoint) && // only WebKit Blackberry (OS 6+)
   		!window.operamini,
   	$: $,
-  	_init: function(element) {
+  	_init: function(element, options) {
   		Tablesaw.$(element || document).trigger("enhance.tablesaw");
+      Tablesaw.options = options;
   	},
-  	init: function(element) {
+
+    // -------------------------------------------------------------------------
+    // initializer
+    // -------------------------------------------------------------------------
+  	init: function(element, options) {
   		// Account for Tablesaw being loaded either before or after the DOMContentLoaded event is fired.
   		domContentLoadedTriggered =
   			domContentLoadedTriggered || /complete|loaded/.test(document.readyState);
   		if (!domContentLoadedTriggered) {
   			if ("addEventListener" in document) {
-  				// Use raw DOMContentLoaded instead of shoestring (may have issues in Android 2.3, exhibited by stack table)
+  				// Use raw DOMContentLoaded instead of Tablesaw (may have issues in Android 2.3, exhibited by stack table)
   				document.addEventListener("DOMContentLoaded", function() {
-  					Tablesaw._init(element);
+  					Tablesaw._init(element, options);
   				});
   			}
   		} else {
-  			Tablesaw._init(element);
+  			Tablesaw._init(element, options);
   		}
   	}
   };
 
+  // ---------------------------------------------------------------------------
+  // event handler
+  // ---------------------------------------------------------------------------
   $(document).on("enhance.tablesaw", function() {
 
   	// Extend i18n config, if one exists.
@@ -110,10 +114,16 @@
   	];
   });
 
+  // ---------------------------------------------------------------------------
+  // enhance ???
+  // ---------------------------------------------------------------------------
   if (Tablesaw.mustard) {
   	$(document.documentElement).addClass("tablesaw-enhanced");
   }
 
+  // -------------------------------------------------------------------------
+  // plugin
+  // -------------------------------------------------------------------------
   (function() {
   	var pluginName = "tablesaw";
   	var classes = {
@@ -125,16 +135,18 @@
   		refresh:  "tablesawrefresh",
   		resize:   "tablesawresize"
   	};
-  	var defaultMode =        "stack";
-  	var initSelector =       "table";
-  	var initFilterSelector = "[data-tablesaw],[data-tablesaw-mode],[data-tablesaw-sortable]";
-  	var defaultConfig = {};
+  	var defaultMode         = "stack";
+  	var initSelector        = "table";
+  	var initFilterSelector  = "[data-tablesaw],[data-tablesaw-mode],[data-tablesaw-sortable]";
+  	var defaultConfig       = {};
+    var logger              = log4javascript.getLogger('j1.rtable');
 
   	Tablesaw.events = events;
 
   	var Table = function(element) {
   		if (!element) {
   			throw new Error("Tablesaw requires an element.");
+        logger.error("Tablesaw requires an element.");
   		}
 
   		this.table = element;
@@ -182,7 +194,7 @@
   	};
 
   	Table.prototype.getConfig = function(pluginSpecificConfig) {
-  		// shoestring extend doesn’t support arbitrary args
+  		// Tablesaw extend doesn’t support arbitrary args
   		var configs = $.extend(defaultConfig, pluginSpecificConfig || {});
   		return $.extend(configs, typeof TablesawConfig !== "undefined" ? TablesawConfig : {});
   	};
@@ -548,12 +560,34 @@
 
   	var resizeTimeout;
   	$(window).on("resize", function() {
+      var winWidth;
+      $('table').each(function() {
+        var curTable = $(this);
+        var log_text;
+
+        if ($(curTable).hasClass('rtable')) {
+          winWidth = $(window).width();
+          // set show/hide all table/colgroup elements
+          //
+          if ($(window).width() < Tablesaw.options.breakpoint) {
+            log_text = '\n' + 'hide colgroups: ' + curTable.attr('id')
+            curTable.find('colgroup').hide();
+            logger.debug(log_text);
+          } else {
+            log_text = '\n' + 'show colgroup: ' + curTable.attr('id')
+            curTable.find('colgroup').show();
+            logger.debug(log_text);
+          }
+    	  }
+      });
+
   		if (!isScrolling) {
   			window.clearTimeout(resizeTimeout);
   			resizeTimeout = window.setTimeout(function() {
   				$doc.trigger(events.resize);
   			}, 150); // must be less than the scrolling timeout above.
   		}
+
   	});
 
   	Tablesaw.Table = Table;