Sortable Paginated Table

content/bottom/sortable-pagination-table.php

@@ -1,6 +1,6 @@
 <script type="module">
-    import sortableTables from './js/modules/sortable-tables.js';
     import paginationTables from "./js/modules/paginate.js";
+    import sortableTables from './js/modules/sortable-tables.js';
     import showcode from "./js/enable-libs/showcode.js";
 
     function normalizeNumber(numString) {
@@ -9,14 +9,13 @@ function normalizeNumber(numString) {
         const rSplit = r.split(/ /);
         if (rSplit.length === 2) {
             const suffix = rSplit[1].trim();
-            switch(suffix) {
-                case "billion":
+            switch (suffix) {
+                case 'billion':
                     multiplier = 1000000000;
                     break;
-                case "trillion":
+                case 'trillion':
                     multiplier = 1000000000000;
                     break;
-                case 'Mn':
                 case 'million':
                     multiplier = 1000000;
                     break;
@@ -31,22 +30,20 @@ function normalizeNumber(numString) {
         return r;
     }
 
-
     function exampleCustomCompare(a, b) {
         const normalA = normalizeNumber(a + '');
         const normalB = normalizeNumber(b + '');
 
-
-        return (normalA - normalB);
+        return normalA - normalB;
     }
 
     sortableTables.addSortFunction('exampleCustomCompare', exampleCustomCompare);
 
     sortableTables.init({
-        onBeforeSort: paginationTables.showAll,
-        onAfterSort: paginationTables.renderTable
+    onBeforeSort: paginationTables.showAll,
+    onAfterSort: paginationTables.renderTable,
     });
-    
+
     paginationTables.init();
 
     showcode.addJsObj('paginationTables', paginationTables);

js/modules/es4/ablePlayerCustomizations.js

@@ -14,6 +14,10 @@
  ******************************************************************************/
 
 /* global AblePlayer, jQuery */
+import '../../enable-node-libs/jquery/dist/jquery.min.js';
+import '../enable-libs/ableplayer/thirdparty/js.cookie.js';
+import { AblePlayerInstances } from '../enable-libs/ableplayer/build/ableplayer.js';
+
 let hasClicked = false;
 
 function ablePlayerCustomizations($, extraCustomizations) {
@@ -111,4 +115,6 @@ function ablePlayerCustomizations($, extraCustomizations) {
 
 }
 
-ablePlayerCustomizations(jQuery);
+ablePlayerCustomizations(jQuery);
+
+export { ablePlayerCustomizations, AblePlayerInstances };

js/modules/es4/accessibility.module.js

@@ -860,3 +860,4 @@ accessibility = {
     this.initGroup(el, options);
   }
 };
+export default accessibility;

js/modules/es4/checkbox.js

@@ -13,7 +13,7 @@
 * Released under the MIT License.
 ******************************************************************************/
 
-const checkbox = new (function() {
+const checkbox = new function () {
 
   this.navigate = (evt) => {
     // ref is the element that fired the event.
@@ -65,4 +65,7 @@ const checkbox = new (function() {
 
   this.init();
 
-});
+};
+
+
+export default checkbox;

js/modules/es4/combobox.js

@@ -16,6 +16,10 @@
  * Released under the MIT License.
  ******************************************************************************/
 
+import accessibility from "../../enable-node-libs/accessibility-js-routines/dist/accessibility.module.js";
+import { interpolate } from "./interpolate.js";
+
+
 const EnableCombobox = function(componentRoot) {
   let root = null,
     form = null,
@@ -509,7 +513,7 @@ const EnableCombobox = function(componentRoot) {
   this.initCombo(componentRoot);
 };
 
-const enableComboboxes = new (function() {
+const enableComboboxes = new function() {
   this.isKeyboardUser = false;
 
   this.list = [];
@@ -536,4 +540,7 @@ const enableComboboxes = new (function() {
 
     document.addEventListener('keyup', keyUpEvent);
   }
-})
+}
+
+
+export default enableComboboxes;

js/modules/es4/enable-animatedGif.js

@@ -18,7 +18,7 @@
 * Released under the MIT License.
 ******************************************************************************/
 
-const animatedGifPause = new (function() {
+const animatedGifPause = new function () {
     const detailsQuery = '.pausable-animated-gif details';
     let summaryPauseClass;
 
@@ -100,4 +100,7 @@ const animatedGifPause = new (function() {
     }
 
     this.init();
-})
+}
+
+
+export default animatedGifPause;

js/modules/es4/enable-carousel.js

@@ -13,6 +13,8 @@
  * Released under the MIT License.
  ******************************************************************************/
 
+import '../../enable-node-libs/glider-js/glider.js';
+
 let counter = 0;
 
 const EnableCarousel = function (container, options, gliderOptions) {
@@ -312,3 +314,5 @@ const EnableCarousel = function (container, options, gliderOptions) {
     }
   };
 }
+
+export default EnableCarousel;

js/modules/es4/enable-character-count.js

@@ -1,4 +1,6 @@
-const enableCharacterCount = new (function() {
+import { interpolate } from "./interpolate.js";
+
+const enableCharacterCount = new function() {
   'use strict';
 
   const defaultReadCharacterCountKey = 'Escape';
@@ -201,4 +203,6 @@ const enableCharacterCount = new (function() {
     const characterCountText = target.dataset.characterCountText ?? 'Character Count: ${numChars} out of ${maxLength}. ${charsRemaining} characters remaining.'
     return interpolate(characterCountText, { numChars, maxLength, charsRemaining });
   }
-})
+}
+
+export default enableCharacterCount;

js/modules/es4/enable-dialog.js

@@ -13,7 +13,9 @@
  * Released under the MIT License.
  ******************************************************************************/
 
-const enableDialog = new (function() {
+import accessibility from '../../enable-node-libs/accessibility-js-routines/dist/accessibility.module.js';
+
+const enableDialog = new function() {
   /**
    * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't
    * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.
@@ -111,4 +113,6 @@ const enableDialog = new (function() {
       this.registerFocusRestoreDialog(favDialog);
     }
   }
-});
+}
+
+export default enableDialog;

js/modules/es4/enable-drawer.js

@@ -14,7 +14,7 @@
 ******************************************************************************/
 
 
-const enableDrawer = new (function() {
+const enableDrawer = new function() {
   this.init = function() {
     document.body.addEventListener("click", function(e) {
       var target = e.target;
@@ -40,4 +40,6 @@ const enableDrawer = new (function() {
       }
     });
   }
-})
+}
+
+export default enableDrawer;

js/modules/es4/enable-flyout.js

@@ -13,11 +13,13 @@
  * 
  * Released under the MIT License.
  ******************************************************************************/
+import accessibility from "../../enable-node-libs/accessibility-js-routines/dist/accessibility.module.js"
+
 let EnableFlyout;
 
 
 
-EnableFlyout = new (function() {
+EnableFlyout = new function() {
   // cache all the queries, classes, node lists and media queries.
   const menuSel = '.enable-flyout__open-menu-button';
   const topNavSel = '.enable-flyout__top-level';
@@ -389,4 +391,8 @@ EnableFlyout = new (function() {
 
     $root.classList.add('enable-flyout--initialized');
   }
-})
+}
+
+// EnableFlyout.init();
+
+export default EnableFlyout;

js/modules/es4/enable-listbox.js

@@ -13,7 +13,9 @@
  * Released under the MIT License.
  ******************************************************************************/
 
-const enableListbox = new (function() {
+import accessibility from '../../enable-node-libs/accessibility-js-routines/dist/accessibility.module.js';
+
+const enableListbox = new function() {
 
   const showEvent = new CustomEvent('enable-listbox-show', {
     bubbles: true
@@ -247,4 +249,7 @@ const enableListbox = new (function() {
       this.collapse(buttonEl, listboxEl, true);
     });
   }
-});
+}
+
+
+export default enableListbox;

js/modules/es4/enable-slider.js

@@ -17,6 +17,11 @@
  * Released under the MIT License.
  ******************************************************************************/
 
+import { interpolate, htmlToDomNode } from "../modules/interpolate.js";
+
+/**
+ * keyCodes() is an object to contain key code values for the application
+ */
 const keyCodes = function() {
     // Define values for keycodes
     this.backspace = 8;
@@ -34,7 +39,7 @@ const keyCodes = function() {
     this.up = 38;
     this.right = 39;
     this.down = 40;
-  };
+  } // end keyCodes
 
 /**
  *
@@ -855,3 +860,5 @@ const enableSliders = new(function() {
     }
   };
 })();
+
+export default enableSliders;

js/modules/es4/enable-toc.js

@@ -14,7 +14,12 @@
  ******************************************************************************/
 
 // import tooltip from './tooltip.js'; // Temp: disable init of tooltip since it causes unexpected behavior
-const tableOfContents = new (function() {
+import { addMissingIDToHeading, getCookie, setCookie } from "./helpers.js";
+
+/**
+ * Represents the table of contents.
+ */
+const tableOfContents = new function() {
     this.toc;
 
     /**
@@ -404,4 +409,6 @@ const tableOfContents = new (function() {
         // Add the tooltip component
         // tooltip.init(); // Temp: disable init of tooltip since it causes unexpected behavior
     }
-});
+}
+
+export default tableOfContents;