vis-util 5.0.3 → 5.0.4

package/esnext/umd/vis-util.js

@@ -4,8 +4,8 @@
  *
  * utilitie collection for visjs
  *
- * @version 5.0.3
- * @date    2022-03-04T18:53:16.725Z
+ * @version 5.0.4
+ * @date    2023-09-13T20:29:32.256Z
  *
  * @copyright (c) 2011-2017 Almende B.V, http://almende.com
  * @copyright (c) 2017-2019 visjs contributors, https://github.com/visjs
@@ -29,11 +29,6 @@
   typeof define === 'function' && define.amd ? define(['exports', 'component-emitter', '@egjs/hammerjs'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.vis = global.vis || {}, global.Emitter, global.Hammer));
 })(this, (function (exports, Emitter, RealHammer) {
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var Emitter__default = /*#__PURE__*/_interopDefaultLegacy(Emitter);
-  var RealHammer__default = /*#__PURE__*/_interopDefaultLegacy(RealHammer);
-
   /**
    * Use this symbol to delete properies in deepObjectAssign.
    */
@@ -246,7 +241,7 @@
 
   const Hammer$1 =
     typeof window !== "undefined"
-      ? window.Hammer || RealHammer__default["default"]
+      ? window.Hammer || RealHammer
       : function () {
           // hammer.js is only available in a browser, not in node.js. Replacing it with a mock object.
           return hammerMock();
@@ -331,7 +326,7 @@
   }
 
   // turn into an event emitter
-  Emitter__default["default"](Activator$1.prototype);
+  Emitter(Activator$1.prototype);
 
   // The currently active activator
   Activator$1.current = null;
@@ -1334,29 +1329,21 @@
       const value = maxRGB;
       return { h: hue, s: saturation, v: value };
   }
-  const cssUtil = {
-      // split a string with css styles into an object with key/values
-      split(cssText) {
-          const styles = {};
-          cssText.split(";").forEach((style) => {
-              if (style.trim() != "") {
-                  const parts = style.split(":");
-                  const key = parts[0].trim();
-                  const value = parts[1].trim();
-                  styles[key] = value;
-              }
-          });
-          return styles;
-      },
-      // build a css text string from an object with key/values
-      join(styles) {
-          return Object.keys(styles)
-              .map(function (key) {
-              return key + ": " + styles[key];
-          })
-              .join("; ");
-      },
-  };
+  /**
+   * Split a string with css styles into an object with key/values.
+   *
+   * @param cssText - CSS source code to split into key/value object.
+   * @returns Key/value object corresponding to {@link cssText}.
+   */
+  function splitCSSText(cssText) {
+      const tmpEllement = document.createElement("div");
+      const styles = {};
+      tmpEllement.style.cssText = cssText;
+      for (let i = 0; i < tmpEllement.style.length; ++i) {
+          styles[tmpEllement.style[i]] = tmpEllement.style.getPropertyValue(tmpEllement.style[i]);
+      }
+      return styles;
+  }
   /**
    * Append a string with css styles to an element.
    *
@@ -1364,13 +1351,10 @@
    * @param cssText - The styles to be appended.
    */
   function addCssText(element, cssText) {
-      const currentStyles = cssUtil.split(element.style.cssText);
-      const newStyles = cssUtil.split(cssText);
-      const styles = {
-          ...currentStyles,
-          ...newStyles,
-      };
-      element.style.cssText = cssUtil.join(styles);
+      const cssStyle = splitCSSText(cssText);
+      for (const [key, value] of Object.entries(cssStyle)) {
+          element.style.setProperty(key, value);
+      }
   }
   /**
    * Remove a string with css styles from an element.
@@ -1379,14 +1363,10 @@
    * @param cssText - The styles to be removed.
    */
   function removeCssText(element, cssText) {
-      const styles = cssUtil.split(element.style.cssText);
-      const removeStyles = cssUtil.split(cssText);
-      for (const key in removeStyles) {
-          if (Object.prototype.hasOwnProperty.call(removeStyles, key)) {
-              delete styles[key];
-          }
+      const cssStyle = splitCSSText(cssText);
+      for (const key of Object.keys(cssStyle)) {
+          element.style.removeProperty(key);
       }
-      element.style.cssText = cssUtil.join(styles);
   }
   /**
    * Convert HSV \<0, 1\> into RGB color object.
@@ -2107,7 +2087,7 @@
   /**
    * @param {number} [pixelRatio=1]
    */
-  class ColorPicker$1 {
+  let ColorPicker$1 = class ColorPicker {
     /**
      * @param {number} [pixelRatio=1]
      */
@@ -2752,7 +2732,7 @@
         this.color.a +
         ")";
     }
-  }
+  };
 
   /**
    * Wrap given text (last argument) in HTML elements (all preceding arguments).
@@ -2781,7 +2761,7 @@
    *
    * The options are matched with their counterparts in each of the modules and the values used in the configuration are
    */
-  class Configurator$1 {
+  let Configurator$1 = class Configurator {
     /**
      * @param {object} parentModule        | the location where parentModule.setOptions() can be called
      * @param {object} defaultContainer    | the default container of the module
@@ -3550,12 +3530,12 @@
       }
       return options;
     }
-  }
+  };
 
   /**
    * Popup is a class to create a popup window with some text
    */
-  class Popup$1 {
+  let Popup$1 = class Popup {
     /**
      * @param {Element} container       The container object.
      * @param {string}  overflowMethod  How the popup should act to overflowing ('flip' or 'cap')
@@ -3687,7 +3667,7 @@
     destroy() {
       this.frame.parentNode.removeChild(this.frame); // Remove element from DOM
     }
-  }
+  };
 
   let errorFound = false;
   let allOptions;
@@ -3697,7 +3677,7 @@
   /**
    *  Used to validate options.
    */
-  class Validator$1 {
+  let Validator$1 = class Validator {
     /**
      * Main function to be called
      *
@@ -3714,7 +3694,7 @@
       if (subObject !== undefined) {
         usedOptions = referenceOptions[subObject];
       }
-      Validator$1.parse(options, usedOptions, []);
+      Validator.parse(options, usedOptions, []);
       return errorFound;
     }
 
@@ -3729,7 +3709,7 @@
     static parse(options, referenceOptions, path) {
       for (const option in options) {
         if (Object.prototype.hasOwnProperty.call(options, option)) {
-          Validator$1.check(option, options, referenceOptions, path);
+          Validator.check(option, options, referenceOptions, path);
         }
       }
     }
@@ -3748,7 +3728,7 @@
         referenceOptions[option] === undefined &&
         referenceOptions.__any__ === undefined
       ) {
-        Validator$1.getSuggestion(option, referenceOptions, path);
+        Validator.getSuggestion(option, referenceOptions, path);
         return;
       }
 
@@ -3768,7 +3748,7 @@
 
         // if the any-subgroup is not a predefined object in the configurator,
         // we do not look deeper into the object.
-        is_object = Validator$1.getType(options[option]) === "object";
+        is_object = Validator.getType(options[option]) === "object";
       }
 
       let refOptionObj = referenceOptions[referenceOption];
@@ -3776,7 +3756,7 @@
         refOptionObj = refOptionObj.__type__;
       }
 
-      Validator$1.checkFields(
+      Validator.checkFields(
         option,
         options,
         referenceOptions,
@@ -3806,18 +3786,18 @@
     ) {
       const log = function (message) {
         console.error(
-          "%c" + message + Validator$1.printLocation(path, option),
+          "%c" + message + Validator.printLocation(path, option),
           VALIDATOR_PRINT_STYLE$1
         );
       };
 
-      const optionType = Validator$1.getType(options[option]);
+      const optionType = Validator.getType(options[option]);
       const refOptionType = refOptionObj[optionType];
 
       if (refOptionType !== undefined) {
         // if the type is correct, we check if it is supposed to be one of a few select values
         if (
-          Validator$1.getType(refOptionType) === "array" &&
+          Validator.getType(refOptionType) === "array" &&
           refOptionType.indexOf(options[option]) === -1
         ) {
           log(
@@ -3825,7 +3805,7 @@
               option +
               '".' +
               " Allowed values are:" +
-              Validator$1.print(refOptionType) +
+              Validator.print(refOptionType) +
               ' not "' +
               options[option] +
               '". '
@@ -3833,7 +3813,7 @@
           errorFound = true;
         } else if (optionType === "object" && referenceOption !== "__any__") {
           path = copyAndExtendArray(path, option);
-          Validator$1.parse(
+          Validator.parse(
             options[option],
             referenceOptions[referenceOption],
             path
@@ -3845,7 +3825,7 @@
           'Invalid type received for "' +
             option +
             '". Expected: ' +
-            Validator$1.print(Object.keys(refOptionObj)) +
+            Validator.print(Object.keys(refOptionObj)) +
             ". Received [" +
             optionType +
             '] "' +
@@ -3910,8 +3890,8 @@
      * @static
      */
     static getSuggestion(option, options, path) {
-      const localSearch = Validator$1.findInOptions(option, options, path, false);
-      const globalSearch = Validator$1.findInOptions(option, allOptions, [], true);
+      const localSearch = Validator.findInOptions(option, options, path, false);
+      const globalSearch = Validator.findInOptions(option, allOptions, [], true);
 
       const localSearchThreshold = 8;
       const globalSearchThreshold = 4;
@@ -3920,7 +3900,7 @@
       if (localSearch.indexMatch !== undefined) {
         msg =
           " in " +
-          Validator$1.printLocation(localSearch.path, option, "") +
+          Validator.printLocation(localSearch.path, option, "") +
           'Perhaps it was incomplete? Did you mean: "' +
           localSearch.indexMatch +
           '"?\n\n';
@@ -3930,9 +3910,9 @@
       ) {
         msg =
           " in " +
-          Validator$1.printLocation(localSearch.path, option, "") +
+          Validator.printLocation(localSearch.path, option, "") +
           "Perhaps it was misplaced? Matching option found at: " +
-          Validator$1.printLocation(
+          Validator.printLocation(
             globalSearch.path,
             globalSearch.closestMatch,
             ""
@@ -3942,12 +3922,12 @@
           '. Did you mean "' +
           localSearch.closestMatch +
           '"?' +
-          Validator$1.printLocation(localSearch.path, option);
+          Validator.printLocation(localSearch.path, option);
       } else {
         msg =
           ". Did you mean one of these: " +
-          Validator$1.print(Object.keys(options)) +
-          Validator$1.printLocation(path, option);
+          Validator.print(Object.keys(options)) +
+          Validator.printLocation(path, option);
       }
 
       console.error(
@@ -3976,7 +3956,7 @@
       for (const op in options) {
         let distance;
         if (options[op].__type__ !== undefined && recursive === true) {
-          const result = Validator$1.findInOptions(
+          const result = Validator.findInOptions(
             option,
             options[op],
             copyAndExtendArray(path, op)
@@ -3991,7 +3971,7 @@
           if (op.toLowerCase().indexOf(lowerCaseOption) !== -1) {
             indexMatch = op;
           }
-          distance = Validator$1.levenshteinDistance(option, op);
+          distance = Validator.levenshteinDistance(option, op);
           if (min > distance) {
             closestMatch = op;
             closestMatchPath = copyArray(path);
@@ -4100,7 +4080,7 @@
 
       return matrix[b.length][a.length];
     }
-  }
+  };
 
   const Activator = Activator$1;
   const ColorPicker = ColorPicker$1;
@@ -4174,7 +4154,5 @@
   exports.topMost = topMost;
   exports.updateProperty = updateProperty;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
-
 }));
 //# sourceMappingURL=vis-util.js.map