Release v1.7.0

CHANGELOG.md

@@ -14,6 +14,19 @@
 - Make callback data structures consistent
 - Improve docs
 
+## Version 1.7.0 - 2024.04.28
+
+- [Issue 138](https://github.com/jamietre/ImageMapster/issues/138) 📘 Docs incorrectly state that highlighting will be disabled when staticState option is specified
+- [Issue 228](https://github.com/jamietre/ImageMapster/issues/228) 📘 onClick event will not fire if `clickNavigate` is set to `true`
+- [Issue 322](https://github.com/jamietre/ImageMapster/issues/322) 📘 Migrate website to github
+- [Issue 382](https://github.com/jamietre/ImageMapster/issues/382) 📘 rebind docs are not correct regarding preserving selected state
+- [Issue 408](https://github.com/jamietre/ImageMapster/issues/408) 🐞 navigate example pages are unresponsive
+- [Issue 410](https://github.com/jamietre/ImageMapster/issues/410) 🐞 grunt docco task failing with Fatal error: marked is not a function
+- [Issue 412](https://github.com/jamietre/ImageMapster/issues/412) ✨ Improve ability to run tests with all supported libraries & versions
+- [Issue 414](https://github.com/jamietre/ImageMapster/issues/414) 🐞 configTimeout not respected for value specified
+- [Issue 415](https://github.com/jamietre/ImageMapster/issues/415) ✨ Add ESM support
+- [Issue 418](https://github.com/jamietre/ImageMapster/issues/418) 🐞 fadeDuration specified in area options is not honored for tooltips
+
 ## Version 1.6.0 - 2024.03.12
 
 - [Issue 394](https://github.com/jamietre/ImageMapster/issues/394) \[TouchScreen only] Weird highlight glitch when touch on the other area beside the map.

README.md

@@ -13,7 +13,7 @@ ImageMapster activates the areas in HTML image maps so you can highlight and sel
 
 ## Documentation
 
-Available on the [ImageMapster Website](https://jamietre.github.io/ImageMapster).
+See the [ImageMapster website](https://jamietre.github.io/ImageMapster) for full documentation including [how to get started](https://jamietre.github.io/ImageMapster/overview/getting-started/), [demos](https://jamietre.github.io/ImageMapster/overview/demos/), and [live examples](https://jamietre.github.io/ImageMapster/resources/live-examples/).
 
 ## Release Information
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ImageMapster",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "homepage": "https://jamietre.github.io/ImageMapster",
   "description": "jQuery plugin that activates areas in HTML image maps with support for highlighting, selecting, tooltips, resizing and more",
   "main": "dist/jquery.imagemapster.min.js",

dist/jquery.imagemapster.js

@@ -1,6 +1,6 @@
 /*!
-* imagemapster - v1.6.0 - 2024-04-05
-* https://github.com/jamietre/ImageMapster/
+* imagemapster - v1.7.0 - 2024-04-29
+* https://jamietre.github.io/ImageMapster
 * Copyright (c) 2011 - 2024 James Treworgy
 * License: MIT
 */
@@ -106,7 +106,7 @@
 (function ($) {
   'use strict';
 
-  var mapster_version = '1.6.0';
+  var mapster_version = '1.7.0';
 
   // all public functions in $.mapster.impl are methods
   $.fn.mapster = function (method) {
@@ -139,7 +139,8 @@
       includeKeys: '',
       altImage: null,
       altImageId: null, // used internally
-      altImages: {}
+      altImages: {},
+      altImageOpacity: null
     },
     defaults: {
       clickNavigate: false,
@@ -148,7 +149,7 @@
       wrapCss: null,
       onGetList: null,
       sortList: false,
-      listenToList: false,
+      // listenToList: false, // not used - see mapdata.js line 1002
       mapKey: '',
       mapValue: '',
       singleSelect: false,
@@ -170,7 +171,6 @@
       autoResizeDelay: 0,
       autoResizeDuration: 0,
       onAutoResize: null,
-      safeLoad: false,
       areas: []
     },
     shared_defaults: {
@@ -357,6 +357,9 @@
       isFunction: function (obj) {
         return typeof obj === 'function';
       },
+      isNumeric: function (obj) {
+        return !isNaN(parseFloat(obj));
+      },
       // evaluates "obj", if function, calls it with args
       // (todo - update this to handle variable lenght/more than one arg)
       ifFunction: function (obj, that, args) {
@@ -571,7 +574,7 @@
    * invoked on an image, or an area; then queues the command if the MapData is in an active state.
    *
    * @param {[jQuery]}    that        The target of the invocation
-   * @param {[function]}  func_map    The callback if the target is an imagemap
+   * @param {[function]}  func_map    The callback if the target is an image map
    * @param {[function]}  func_area   The callback if the target is an area
    * @param {[object]}    opt         Options: { key: a map key if passed explicitly
    *                                             name: the command name, if it can be queued,
@@ -1203,11 +1206,11 @@
     };
     return me;
   })();
-
+  console.log('foo3456');
   $.mapster.impl.init();
 })(jQuery);
 
-/* 
+/*
   graphics.js
   Graphics object handles all rendering.
 */
@@ -1758,17 +1761,18 @@
   );
 })(jQuery);
 
-/* 
+/*
   mapimage.js
-  The MapImage object, repesents an instance of a single bound imagemap
+  The MapImage object, repesents an instance of a single bound image map
 */
 
 (function ($) {
   'use strict';
 
   var m = $.mapster,
     u = m.utils,
-    ap = [];
+    ap = [],
+    configCheckInterval = 50;
   /**
    * An object encapsulating all the images used by a MapData.
    */
@@ -1927,7 +1931,7 @@
     bind: function () {
       var me = this,
         promise,
-        triesLeft = me.owner.options.configTimeout / 200,
+        triesLeft = me.owner.options.configTimeout / configCheckInterval,
         /* A recursive function to continue checking that the images have been
                loaded until a timeout has elapsed */
 
@@ -1953,7 +1957,7 @@
             if (triesLeft-- > 0) {
               me.imgTimeout = window.setTimeout(function () {
                 check.call(me, true);
-              }, 50);
+              }, configCheckInterval);
             } else {
               me.imageLoadError.call(me);
             }
@@ -2039,7 +2043,7 @@
 
 /*
   mapdata.js
-  The MapData object, repesents an instance of a single bound imagemap
+  The MapData object, repesents an instance of a single bound image map
 */
 
 (function ($) {
@@ -2809,7 +2813,7 @@
       me.wrapper = wrap;
 
       // me.images[1] is the copy of the original image. It should be loaded & at its native size now so we can obtain the true
-      // width & height. This is needed to scale the imagemap if not being shown at its native size. It is also needed purely
+      // width & height. This is needed to scale the image map if not being shown at its native size. It is also needed purely
       // to finish binding in case the original image was not visible. It can be impossible in some browsers to obtain the
       // native size of a hidden image.
 
@@ -2900,7 +2904,7 @@
         $img = $(me.image),
         opts = me.options;
 
-      if (opts.onConfigured && typeof opts.onConfigured === 'function') {
+      if (u.isFunction(opts.onConfigured)) {
         opts.onConfigured.call($img, true);
       }
     },
@@ -3505,7 +3509,7 @@
 
   /**
    * Compute positions that will place a target with dimensions [width,height] outside
-   * but near the boundaries of the elements "elements". When an imagemap is passed, the
+   * but near the boundaries of the elements "elements". When an image map is passed, the
    *
    * @param  {Element|Element[]} elements An element or an array of elements (such as a jQuery object)
    * @param  {Element} image The image to which area elements are bound, if this is an image map.
@@ -3682,7 +3686,7 @@
   };
 })(jQuery);
 
-/* 
+/*
   scale.js
   Resize and zoom functionality
   Requires areacorners.js
@@ -3737,7 +3741,7 @@
   /**
    * Resize the image map. Only one of newWidth and newHeight should be passed to preserve scale
    *
-   * @param  {int}   width       The new width OR an object containing named parameters matching this function sig
+   * @param  {int}   width       The new width
    * @param  {int}   height      The new height
    * @param  {int}   effectDuration Time in ms for the resize animation, or zero for no animation
    * @param  {function} callback    A function to invoke when the operation finishes
@@ -4073,7 +4077,7 @@
     */
 })(jQuery);
 
-/* 
+/*
   tooltip.js
   Tooltip functionality
   Requires areacorners.js
@@ -4348,7 +4352,7 @@
     options.fadeDuration =
       options.fadeDuration ||
       (md.options.toolTipFade
-        ? md.options.fadeDuration || areaOpts.fadeDuration
+        ? u.isNumeric(areaOpts.fadeDuration) ? areaOpts.fadeDuration : md.options.fadeDuration
         : 0);
 
     target = ad.area