rmr-util 1.1.126 → 1.1.129

package/docs/index.html

@@ -105,7 +105,7 @@
       <button class="">Submit</button>
     </form>
 
-    <img data-rmr-srcset="https://im.vsco.co/aws-us-west-2/5d508d/2222331/5e478e7de6e0db2b1ea8fbbd/vsco5e478e87283a5.jpg?w=1184&dpr=2" class="rmr-loader">
+    <img data-rmr-srcset="https://im.vsco.co/aws-us-west-2/5d508d/2222331/5e478e7de6e0db2b1ea8fbbd/vsco5e478e87283a5.jpg?w=1184&dpr=2">
 
     <form class="xhr" action="xhr/form.php" method="post">
       <input type="checkbox" name="check" value="rmr">

package/index.js

@@ -438,7 +438,7 @@
 
     animateScroll();
   },
-  
+
   /**
    *
    *
@@ -681,66 +681,66 @@
      return n;
   },
 
-  /**
-   * Make loader
-   *
-   * @return {String} SVG element
-   */
-  loader = function() {
-
-/*
-    const svg = makeElement('svg', {
-      version: '1.1',
-      class: 'rmr-loader',
-      xmlns: 'http://www.w3.org/2000/svg',
-      'xmlns:xlink': 'http://www.w3.org/1999/xlink',
-      x: '0px',
-      y: '0px',
-      width: '40px',
-      height: '40px',
-      viewBox: '0 0 40 40',
-      'enable-background': 'new 0 0 40 40',
-      'xml:space': 'preserve'
-    });
-
-    svg.innerHTML =
-    '<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>' +
-    '<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">' +
-    '<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.8s" repeatCount="indefinite"></animateTransform>' +
-    '</path>';
-*/
-
-    return '<svg version="1.1" class="rmr-loader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">' +
-    '<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>' +
-    '<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">' +
-    '<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.8s" repeatCount="indefinite"></animateTransform>' +
-    '</path>' +
-    '</svg>';
-
-//    return svg;
-  },
-
-
-  /**
-   * Bind variables to placeholders in a string
-   *
-   * @param {String} subject 
-   * @param {Object} lookup table containing key/value pairs
-   * @return {String} string
-   */
-  bindString = function(subject, lookup) {
-
-    let str = subject;
-
-    for (const key in lookup) {
-      if (! objectHas(lookup, key)) {
-        continue;
-      }
-      str = str.replace(key, lookup[key])
-    }
-
-    return str;
-  },
+//   *
+//    * Make loader
+//    *
+//    * @return {String} SVG element
+//    */
+//   loader = function() {
+//
+//
+//     const svg = makeElement('svg', {
+//       version: '1.1',
+//       class: 'rmr-loader',
+//       xmlns: 'http://www.w3.org/2000/svg',
+//       'xmlns:xlink': 'http://www.w3.org/1999/xlink',
+//       x: '0px',
+//       y: '0px',
+//       width: '40px',
+//       height: '40px',
+//       viewBox: '0 0 40 40',
+//       'enable-background': 'new 0 0 40 40',
+//       'xml:space': 'preserve'
+//     });
+//
+//     svg.innerHTML =
+//     '<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>' +
+//     '<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">' +
+//     '<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.8s" repeatCount="indefinite"></animateTransform>' +
+//     '</path>';
+// */
+//
+//     return '<svg version="1.1" class="rmr-loader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">' +
+//     '<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>' +
+//     '<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">' +
+//     '<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.8s" repeatCount="indefinite"></animateTransform>' +
+//     '</path>' +
+//     '</svg>';
+//
+// //    return svg;
+//   },
+
+
+//   *
+//    * Bind variables to placeholders in a string
+//    *
+//    * @param {String} subject
+//    * @param {Object} lookup table containing key/value pairs
+//    * @return {String} string
+//    */
+//   bindString = function(subject, lookup) {
+//
+//     let str = subject;
+//
+//     for (const key in lookup) {
+//       if (! objectHas(lookup, key)) {
+//         continue;
+//       }
+//       str = str.replace(key, lookup[key])
+//     }
+//
+//     return str;
+//   },
 
   /**
    * Localize a string
@@ -1013,7 +1013,7 @@
       }
 
       while ( (parent = parent.parentNode) !== null) {
-        if (parent === ancestor) { 
+        if (parent === ancestor) {
           return parent;
         }
       }
@@ -1106,7 +1106,7 @@
     }
 
     return true;
-    
+
   },
 
   /**
@@ -1226,14 +1226,14 @@
 
   // for notifications
   const subs = {
-  
+
   };
 
   /**
-   
-   
-   @param w {Int} - 
-   @return {String} - 
+
+
+   @param w {Int} -
+   @return {String} -
    */
   const breakpointUp = (w) => {
     const arg = parseInt(w ? w : window.innerWidth, 10);
@@ -1248,8 +1248,8 @@
 
   /**
 
-   @param w {Int} - 
-   @return {String} - 
+   @param w {Int} -
+   @return {String} -
    */
   const breakpointDown = (w) => {
     const
@@ -1265,7 +1265,7 @@
   };
 
   /**
-  
+
    @return {Object} - { names : widths }
    */
   const breakpointGet = (name) => {
@@ -1280,7 +1280,7 @@
 
 
   /**
-  
+
    @return {Object} - { names : widths }
    */
   const breakpointAll = () => {
@@ -1369,7 +1369,7 @@
           if (a.host !== location.host && obj.exclude.indexOf(a.host) < 0) {
             a.classList.add('rmr-external');
             a.setAttribute('target', '_blank');
-          } 
+          }
         }
       },
       loader: function(options) {
@@ -1526,7 +1526,7 @@
       Breakpoint: {
 
         /**
-         
+
          */
          up: breakpointUp,
          down: breakpointDown,
@@ -1539,7 +1539,7 @@
       isURL: isURL,
       guid: guid,
       localize: localize,
-      bind: bindString,
+//      bind: bindString,
       formatSeconds: (seconds) => {
 
         seconds = parseInt(seconds);
@@ -1572,7 +1572,7 @@
     },
     Notify: {
       post: notifyPost,
-      subscribe: notifySubscribe 
+      subscribe: notifySubscribe
     },
     Object: {
       keys: objectKeys,
@@ -1597,7 +1597,7 @@
       ancestor: ancestor,
       matches: selectorMatches,
       remove: removeNode,
-      loader: loader,
+//      loader: loader,
       get: getElement,
       getAll: getElements,
       prune: pruneElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rmr-util",
-  "version": "1.1.126",
+  "version": "1.1.129",
   "description": "JS & CSS for your browser",
   "url": "https://davidfmiller.github.io/rmr-util/",
   "license": "ISC",
@@ -23,20 +23,20 @@
     "babel-loader": "^7.1.2",
     "babel-preset-es2015": "^6.24.1",
     "chai": "^4.2.0",
-    "eslint": "^6.8.0",
+    "eslint": "^8.8.0",
     "eslint-config-standard": "^14.1.1",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "grunt": "^1.3.0",
-    "grunt-contrib-compass": "^1.1.1",
-    "grunt-contrib-jshint": "^1.1.0",
+    "grunt-contrib-compass": "^0.8.0",
+    "grunt-contrib-jshint": "^3.1.1",
     "grunt-contrib-uglify": "^3.3.0",
     "grunt-contrib-watch": "^1.1.0",
-    "mocha": "^7.2.0",
+    "mocha": "^9.2.0",
     "terser-webpack-plugin": "^4.2.1",
     "uglify-es": "^3.3.4",
-    "webpack": "^4.44.2"
+    "webpack": "^5.68.0"
   }
 }

package/src/styles/_rmr-mixins.scss

@@ -5,7 +5,8 @@
  */
 
 
-body.rmr-js img[data-rmr-src] {
+body.rmr-js img[data-rmr-src],
+body.rmr-js img[data-rmr-srcset] {
   opacity: 0;
   transition: opacity 0.5s;
   &.rmr-loaded {

package/src/styles/_rmr-reset.scss

@@ -3,8 +3,9 @@
 html{/*color:#000;background:#FFF*/}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
 fieldset { margin: 0; padding: 0; border: none; }
 iframe { border: 0; display: block; margin: 0; padding: 0; }
-body { font-family: $rmr-fonts; } 
+body { font-family: $rmr-fonts; }
 legend { display: none; }
+figure { margin: 0; padding: 0; }
 
 script {
   display: none !important;
@@ -39,4 +40,11 @@ canvas {
   padding: 0;
   margin: 0;
   display: block;
-}
+}
+
+button, select {
+  cursor: pointer;
+  &[disabled] {
+    cursor: default;
+  }
+}

package/webpack.config.js

@@ -1,38 +1,22 @@
+/* globals require, __dirname, module, webpack */
 
 const
-    path = require('path'),
-    webpack = require('webpack'),
-    terser = require('terser-webpack-plugin');
+  path = require('path');
+  webpack = require('webpack');
 
 const config = {
   entry: './build.js',
+//  mode: 'development',
+  mode: 'production',
   output: {
-    path: path.resolve(__dirname, 'docs/build/'),
+    path: path.resolve(__dirname, 'docs/build'),
     filename: 'rmr-util.bundle.js'
   },
-  mode: 'production',
-//  mode: 'development',
-  watch: true,
-  plugins : [
-    new terser({
-      extractComments: false,
-      test: /\.js(\?.*)?$/i
-    })
+  plugins: [
   ],
+  watch: true,
   module: {
     rules: [
-      {
-        test: /\.js$/,
-//        include: path.resolve(__dirname, 'src'),
-        use: [{
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              ['es2015']
-            ]
-          }
-        }]
-      }
     ]
   }
 };