Update timber core - freeze plugin discontinued - loadmedia added by default

Author: ChristianLundgren

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timbercss",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "author": "UnlimitDesign",
   "description": "A CSS Framework for Rapid Website Prototyping",
   "keywords": [],

src/js/_tm.core.js

@@ -1,34 +1,34 @@
 // Copyright © UnlimitDesign 2019
 // Plugin: Timber core
-// Version: 1.0.0
+// Version: 1.0.1
 // URL: @UnlimitDesign
 // Author: UnlimitDesign, Christian Lundgren, Shu Miyao
 // Description: Creates instances of timber plugins
 // License: MIT
 
 // Utilities
 import tmInView from './utilities/_tm.inview.js';
+import tmLoadMedia from './utilities/_tm.loadmedia.js';
 
 // Components
 import tmAccordion from './components/_tm.accordion.js';
-import tmTabs from './components/_tm.tabs.js';
 import tmCollapsable from './components/_tm.collapsable.js';
-import tmRollover from './components/_tm.rollover.js';
 import tmDismissable from './components/_tm.dismissable.js';
 import tmDropdown from './components/_tm.dropdown.js';
+import tmOverlayNavigation from './components/_tm.overlaynavigation.js';
+import tmRollover from './components/_tm.rollover.js';
 import tmScrollTo from './components/_tm.scrollto.js';
 import tmSideNavigation from './components/_tm.sidenavigation.js';
-import tmOverlayNavigation from './components/_tm.overlaynavigation.js';
 import tmToggleSubMenu from './components/_tm.togglesubmenu.js';
+import tmTabs from './components/_tm.tabs.js';
 
 // Plugins
-import tmMasonryGrid from './plugins/_tm.masonrygrid.js';
-import tmFreeze from './plugins/_tm.freeze.js';
-import tmStickyHeader from './plugins/_tm.stickyheader.js';
-import tmLightbox from './plugins/_tm.lightbox.js';
 import tmHorizon from './plugins/_tm.horizon.js';
+import tmLightbox from './plugins/_tm.lightbox.js';
+import tmMasonryGrid from './plugins/_tm.masonrygrid.js';
 import tmParallax from './plugins/_tm.parallax.js';
 import tmResponsiveVideo from './plugins/_tm.responsivevideo.js';
+import tmStickyHeader from './plugins/_tm.stickyheader.js';
 
 const timberCore = (function () {
 
@@ -41,24 +41,26 @@ const timberCore = (function () {
     // Set the plugin defaults
     const defaults = {
       initialize: true,
+      inview: '.observe',
+      loadmedia: '.preload-media',
+  
       accordion: '.accordion',
       collapsable: '.collapsable',
       dismissable: '.dismissable',
       dropdown: '.dropdown',
-      freeze: '.freeze',
-      horizon: '.horizon',
-      lightbox: '.lightbox',
-      grid: '.grid.preload',
-      inview: '.observe',
       overlaynav: '.overlay-nav-show',
       rollover: '.thumbnail',
       scrollto: '.scroll-to',
       sidenav: '.side-nav-show',
-      stickyheader: '.header',
+      togglesubmenu: '.toggle-sub-menus',
       tabs: '.tabs',
-      subMenus: '.toggle-sub-menus',
+
+      horizon: '.horizon',
+      lightbox: '.lightbox',
+      masonrygrid: '.grid.preload',
       parallax: '.parallax',
-      responsiveVideo: '.video'
+      responsiveVideo: '.video',
+      stickyheader: '.header'
     };
 
     // Create an empty plugin object
@@ -71,26 +73,26 @@ const timberCore = (function () {
       plugin.defaults = defaults;
       plugin.options = options;
       plugin.settings = Object.assign({}, defaults, options);
-      plugin.module = { accordion: null, collapsable: null, dismissable: null, dropdown: null, freeze: null, horizon: null, grid: null, inview: null, overlaynavigation: null, rollover: null, scrollto: null, sidenavigation: null, stickyheader: null, tabs: null, togglesubmenu: null };
+      plugin.module = { inview: null, loadmedia: null, accordion: null, collapsable: null, dismissable: null, dropdown: null, horizon: null, masonrygrid: null, overlaynavigation: null, rollover: null, scrollto: null, sidenavigation: null, stickyheader: null, tabs: null, togglesubmenu: null };
 
       // Create instances if module exists
       if (typeof tmAccordion != 'undefined') plugin.module.accordion = new tmAccordion(plugin.settings.accordion);
       if (typeof tmCollapsable != 'undefined') plugin.module.collapsable = new tmCollapsable(plugin.settings.collapsable);
       if (typeof tmDismissable != 'undefined') plugin.module.dismissable = new tmDismissable(plugin.settings.dismissable);
       if (typeof tmDropdown != 'undefined') plugin.module.dropdown = new tmDropdown(plugin.settings.dropdown);
-      if (typeof tmFreeze != 'undefined') plugin.module.freeze = new tmFreeze(plugin.settings.freeze);
       if (typeof tmLightbox != 'undefined') plugin.module.lightbox = new tmLightbox(plugin.settings.lightbox);
       if (typeof tmHorizon != 'undefined') plugin.module.horizon = new tmHorizon(plugin.settings.horizon);
-      if (typeof tmMasonryGrid != 'undefined') plugin.module.grid = new tmMasonryGrid(plugin.settings.grid);
+      if (typeof tmMasonryGrid != 'undefined') plugin.module.masonrygrid = new tmMasonryGrid(plugin.settings.masonrygrid);
       if (typeof tmInView != 'undefined') plugin.module.inview = new tmInView(plugin.settings.inview);
+      if (typeof tmLoadMedia != 'undefined') plugin.module.loadmedia = new tmLoadMedia(plugin.settings.loadmedia);
       if (typeof tmOverlayNavigation != 'undefined') plugin.module.overlaynavigation = new tmOverlayNavigation(plugin.settings.overlaynav);
       if (typeof tmParallax != 'undefined') plugin.module.parallax = new tmParallax(plugin.settings.parallax);
       if (typeof tmRollover != 'undefined') plugin.module.rollover = new tmRollover(plugin.settings.rollover);
       if (typeof tmScrollTo != 'undefined') plugin.module.scrollto = new tmScrollTo(plugin.settings.scrollto);
       if (typeof tmSideNavigation != 'undefined') plugin.module.sidenavigation = new tmSideNavigation(plugin.settings.sidenav);
       if (typeof tmStickyHeader != 'undefined') plugin.module.stickyheader = new tmStickyHeader(plugin.settings.stickyheader);
       if (typeof tmTabs != 'undefined') plugin.module.tabs = new tmTabs(plugin.settings.tabs);
-      if (typeof tmToggleSubMenu != 'undefined') plugin.module.togglesubmenu = new tmToggleSubMenu(plugin.settings.subMenus);
+      if (typeof tmToggleSubMenu != 'undefined') plugin.module.togglesubmenu = new tmToggleSubMenu(plugin.settings.togglesubmenu);
       if (typeof tmResponsiveVideo != 'undefined') plugin.module.responsivevideo = new tmResponsiveVideo(plugin.settings.responsiveVideo);
     } catch (error) {
       console.log(`${error} - ensure module is imported or instantiate specific plugin instead of core, for example: plugin.module.moduleName.initialize();`);

src/js/plugins/_tm.freeze.js

@@ -8,7 +8,7 @@
 
 // Import utilities
 import classList from '../utilities/_chaining.js';
-import loadMedia from '../utilities/_tm.loadmedia.js';
+import tmLoadMedia from '../utilities/_tm.loadmedia.js';
 import passiveSupported from '../utilities/_passivesupported.js';
 
 const tmLightbox = (function () {
@@ -463,8 +463,8 @@ const tmLightbox = (function () {
       // Hide/show toolbar buttons based on type
       showHideZoom(mediaSrc.type);
 
-      // Create instance of loadMedia
-      lightboxItemToLoad = new loadMedia(mediaToLoad,{
+      // Create instance of tmLoadMedia
+      lightboxItemToLoad = new tmLoadMedia(mediaToLoad,{
         backgroundImage: false,
         onLoaded: function(loadedMedia){