beyond_canvas 0.15.1.pre → 0.15.2.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef55151b505d03b5e940bbb09fa64b01bf267426fb5d2b20f25a74a0d4226534
-  data.tar.gz: b2430821affb163c1ffda7cf4611bc924e310cb21cb02d7ef461b88de594385c
+  metadata.gz: 70836ce40a293f66cd6e356d731409917770f7a0f491778d4fa9571132454741
+  data.tar.gz: 1c9c24f161e23c8009a463c30ccde514e84277d47db0c2f0f645915b0c716e38
 SHA512:
-  metadata.gz: 6fcaa57a073215b62c451b5d325022384ad1a8c1a77ecefa50caf40481150ed1c43e18cc5e92478f19011b15929db3f5b665124c2438f2bcd78f7d48bda384aa
-  data.tar.gz: d8ab25f70ae9821cb23fab3be6f419f00be764281b02632d4527f0023ae2e711b32e8bbb04d3a322ab6affafc992d3b11b2d0d4a37c1f1e404bcbeea9d623d34
+  metadata.gz: 702fe9f4ea8fc0d26c791e2944dd0271ac3ccb3ba861d04d8f515177098513f1f694f3a758fe2d4d70cccf4adfc798b35b4e6a87bfed69f89ba6792d555a291f
+  data.tar.gz: 97a8105ded178daa6e013b1163bd3474938248e2471091f2cd543f02336b578f061cd7ddf0757bbe77e346c042be92115c2d9ce166943cb885673a0bee01d2a7

data/app/assets/javascripts/beyond_canvas/base.js

@@ -1,106 +1,255 @@
-/*
- * Warning: This file is auto-generated, do not modify. Instead, make your changes in 'app/javascript/beyond_canvas/' and run `yarn build`
+/*!
+ * 
+ *    Warning: This file is auto-generated, do not modify. Instead, make your changes in 'app/javascript/beyond_canvas/' and run `yarn build`
+ * 
+ *    //= require jquery3
+ *    //= require_self
+ *   
  */
-//= require jquery3
-//= require_self
-
-(function(factory) {
-  typeof define === "function" && define.amd ? define([ "jquery" ], factory) : factory();
-})(function() {
-  "use strict";
-  var SPINNER_ANIMATION_TIMEOUT = 125;
-  (function($) {
-    var onDOMReady = function onDOMReady() {
-      var inputs = $("input, textarea, select").not(":input[type=button], :input[type=submit], :input[type=reset]");
-      inputs.each(function() {
-        var input = $(this);
-        input.bind("invalid", function(e) {
-          if ($(input).is(":hidden")) {
-            e.preventDefault();
-          }
-          $('button[class^="button"]').each(function() {
-            hideSpinner($(this));
-          });
-          enableActionElements();
-        });
-      });
-      $('button[class^="button"]').each(function() {
-        var button = $(this);
-        button.width(button.width());
-        button.data("oldWidth", button.width());
-        button.prepend('\n        <div class="spinner">\n          <div class="bounce1"></div>\n          <div class="bounce2"></div>\n          <div class="bounce3"></div>\n        </div>');
-        button.closest("form").on("ajax:success", function() {
-          hideSpinner(button);
-          enableActionElements();
-        }).on("ajax:error", function() {
-          hideSpinner(button);
-          enableActionElements();
-        });
-      });
-    };
-    $(document).on("click", '[class^="button"]', function() {
-      disableActionElements();
-      showSpinner($(this));
-    });
-    $(document).on("ready page:load turbolinks:load", onDOMReady);
-  })(jQuery);
-  function showSpinner(button) {
-    button.width(button.width() + $(".spinner").outerWidth(true));
-    setTimeout(function() {
-      button.find(".spinner").css("display", "flex");
-    }, SPINNER_ANIMATION_TIMEOUT);
-  }
-  function hideSpinner(button) {
-    setTimeout(function() {
-      button.find(".spinner").hide();
-      button.width(button.data("oldWidth"));
+(function(e, a) { for(var i in a) e[i] = a[i]; }(window, /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "showSpinner", function() { return showSpinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hideSpinner", function() { return hideSpinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "disableActionElements", function() { return disableActionElements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "enableActionElements", function() { return enableActionElements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "closeAlert", function() { return closeAlert; });
+var SPINNER_ANIMATION_TIMEOUT = 125;
+function showSpinner(button) {
+  // Adjust the width of the button
+  button.width(button.width() + $('.spinner').outerWidth(true)); // Show the spinner
+
+  setTimeout(function () {
+    button.find('.spinner').css('display', 'flex');
+  }, SPINNER_ANIMATION_TIMEOUT);
+}
+function hideSpinner() {
+  $('button[class^="button"]').each(function (_, button) {
+    setTimeout(function () {
+      // Hide the spinner
+      $(button).find('.spinner').hide(); // Adjust the width of the button
+
+      $(button).width($(button).data('oldWidth'));
     }, SPINNER_ANIMATION_TIMEOUT);
-  }
-  function disableActionElements() {
-    $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-      $(this).addClass("actions--disabled");
+  });
+}
+function disableActionElements() {
+  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
+    $(button).addClass('actions--disabled');
+  });
+}
+function enableActionElements() {
+  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
+    $(button).removeClass('actions--disabled');
+  });
+}
+function closeAlert() {
+  $('.flash').removeClass('flash--shown').delay(700).queue(function () {
+    $(this).remove();
+  });
+}
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__(3);
+module.exports = __webpack_require__(0);
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports) {
+
+(function ($) {
+  var onDOMReady = function onDOMReady() {
+    $('input[type="file"]').each(function () {
+      var $input = $(this),
+          $label = $(".input__file__text." + $input.attr('id')),
+          labelVal = $label.html();
+      $input.on('change', function (e) {
+        var fileName = '';
+        if (this.files && this.files.length > 1) fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);else if (e.target.value) fileName = e.target.value.split('\\').pop();
+        if (fileName) $label.html("<svg class=\"input__file__icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M15 2v5h5v15h-16v-20h11zm1-2h-14v24h20v-18l-6-6z\"/></svg>" + fileName);else $label.html(labelVal);
+      }); // Firefox bug fix
+
+      $input.on('focus', function () {
+        $input.addClass('has-focus');
+      }).on('blur', function () {
+        $input.removeClass('has-focus');
+      });
     });
-  }
-  function enableActionElements() {
-    $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-      $(this).removeClass("actions--disabled");
+  };
+
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
+})(jQuery);
+
+/***/ }),
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./app/javascript/beyond_canvas/initializers/functions.js
+var functions = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./app/javascript/beyond_canvas/initializers/buttons.js
+
+
+(function ($) {
+  var onDOMReady = function onDOMReady() {
+    var inputs = $('input, textarea, select').not(':input[type=button], :input[type=submit], :input[type=reset]');
+    inputs.each(function () {
+      var input = $(this);
+      input.bind('invalid', function (e) {
+        if ($(input).is(':hidden')) {
+          e.preventDefault();
+        }
+
+        Object(functions["hideSpinner"])();
+        Object(functions["enableActionElements"])();
+      });
     });
-  }
-  (function($) {
-    var onDOMReady = function onDOMReady() {
-      $(".flash").each(function() {
-        $(this).css("right", -$(this).width() + "px");
+    $('button[class^="button"]').each(function () {
+      var button = $(this); // Add width attribute and save old width
+
+      button.width(button.width());
+      button.data('oldWidth', button.width()); // Add the spinner
+
+      button.prepend("\n        <div class=\"spinner\">\n          <div class=\"bounce1\"></div>\n          <div class=\"bounce2\"></div>\n          <div class=\"bounce3\"></div>\n        </div>"); // Bind ajax:success and ajax:error to the form the button belongs to
+
+      button.closest('form').on('ajax:success', function () {
+        Object(functions["hideSpinner"])();
+        Object(functions["enableActionElements"])();
+      }).on('ajax:error', function () {
+        Object(functions["hideSpinner"])();
+        Object(functions["enableActionElements"])();
       });
-      setTimeout(function() {
-        $(".flash").addClass("flash--shown");
-      }, 100);
-    };
-    $(document).on("click", ".flash", function() {
-      closeAlert();
     });
-    $(document).on("ready page:load turbolinks:load", onDOMReady);
-  })(jQuery);
-  function closeAlert() {
-    $(".flash").removeClass("flash--shown").delay(700).queue(function() {
-      $(this).remove();
+  };
+
+  $(document).on('click', '[class^="button"]', function () {
+    Object(functions["disableActionElements"])();
+    Object(functions["showSpinner"])($(this));
+  });
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
+})(jQuery);
+// CONCATENATED MODULE: ./app/javascript/beyond_canvas/initializers/flash.js
+
+
+(function ($) {
+  var onDOMReady = function onDOMReady() {
+    $('.flash').each(function () {
+      $(this).css('right', -$(this).width() + 'px');
     });
-  }
-  (function($) {
-    var onDOMReady = function onDOMReady() {
-      $('input[type="file"]').each(function() {
-        var $input = $(this), $label = $(".input__file__text." + $input.attr("id")), labelVal = $label.html();
-        $input.on("change", function(e) {
-          var fileName = "";
-          if (this.files && this.files.length > 1) fileName = (this.getAttribute("data-multiple-caption") || "").replace("{count}", this.files.length); else if (e.target.value) fileName = e.target.value.split("\\").pop();
-          if (fileName) $label.html('<svg class="input__file__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2v5h5v15h-16v-20h11zm1-2h-14v24h20v-18l-6-6z"/></svg>' + fileName); else $label.html(labelVal);
-        });
-        $input.on("focus", function() {
-          $input.addClass("has-focus");
-        }).on("blur", function() {
-          $input.removeClass("has-focus");
-        });
-      });
-    };
-    $(document).on("ready page:load turbolinks:load", onDOMReady);
-  })(jQuery);
-});
+    setTimeout(function () {
+      $('.flash').addClass('flash--shown');
+    }, 100);
+  };
+
+  $(document).on('click', '.flash', function () {
+    Object(functions["closeAlert"])();
+  });
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
+})(jQuery);
+// EXTERNAL MODULE: ./app/javascript/beyond_canvas/initializers/inputs.js
+var initializers_inputs = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./app/javascript/beyond_canvas/base.js
+
+
+
+
+/***/ })
+/******/ ])));

data/app/javascript/beyond_canvas/base.js

@@ -1,5 +1,3 @@
-import 'jquery';
-
 import './initializers/buttons';
 import './initializers/flash';
 import './initializers/inputs';

data/app/javascript/beyond_canvas/initializers/buttons.js

@@ -1,6 +1,6 @@
-const SPINNER_ANIMATION_TIMEOUT = 125;
+import { disableActionElements, enableActionElements, hideSpinner, showSpinner } from './functions';
 
-(function($) {
+(function ($) {
   const onDOMReady = function () {
     const inputs = $('input, textarea, select').not(':input[type=button], :input[type=submit], :input[type=reset]');
 
@@ -11,9 +11,7 @@ const SPINNER_ANIMATION_TIMEOUT = 125;
         if ($(input).is(':hidden')) {
           e.preventDefault();
         }
-        $('button[class^="button"]').each(function () {
-          hideSpinner($(this));
-        });
+        hideSpinner();
         enableActionElements();
       });
     });
@@ -31,18 +29,17 @@ const SPINNER_ANIMATION_TIMEOUT = 125;
           <div class="bounce1"></div>
           <div class="bounce2"></div>
           <div class="bounce3"></div>
-        </div>`
-      );
+        </div>`);
 
       // Bind ajax:success and ajax:error to the form the button belongs to
       button
         .closest('form')
         .on('ajax:success', function () {
-          hideSpinner(button);
+          hideSpinner();
           enableActionElements();
         })
         .on('ajax:error', function () {
-          hideSpinner(button);
+          hideSpinner();
           enableActionElements();
         });
     });
@@ -53,35 +50,5 @@ const SPINNER_ANIMATION_TIMEOUT = 125;
     showSpinner($(this));
   });
 
-  $(document)
-    .on('ready page:load turbolinks:load', onDOMReady);
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
 })(jQuery);
-
-function showSpinner(button) {
-  // Adjust the width of the button
-  button.width(button.width() + $('.spinner').outerWidth(true));
-  // Show the spinner
-  setTimeout(function() {
-    button.find('.spinner').css('display', 'flex');
-  }, SPINNER_ANIMATION_TIMEOUT);
-}
-
-function hideSpinner(button) {
-  setTimeout(function () {
-    // Hide the spinner
-    button.find('.spinner').hide();
-    // Adjust the width of the button
-    button.width(button.data('oldWidth'));
-  }, SPINNER_ANIMATION_TIMEOUT);
-}
-
-function disableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-    $(this).addClass('actions--disabled');
-  });
-}
-function enableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-    $(this).removeClass('actions--disabled');
-  });
-}

data/app/javascript/beyond_canvas/initializers/flash.js

@@ -1,4 +1,6 @@
-(function($) {
+import { closeAlert } from './functions';
+
+(function ($) {
   const onDOMReady = function () {
     $('.flash').each(function () {
       $(this).css('right', -$(this).width() + 'px');
@@ -9,19 +11,9 @@
     }, 100);
   };
 
-  $(document).on('click', '.flash', function() {
+  $(document).on('click', '.flash', function () {
     closeAlert();
   });
 
-  $(document)
-    .on('ready page:load turbolinks:load', onDOMReady);
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
 })(jQuery);
-
-function closeAlert() {
-  $('.flash')
-    .removeClass('flash--shown')
-    .delay(700)
-    .queue(function() {
-      $(this).remove();
-    });
-}

data/app/javascript/beyond_canvas/initializers/functions.js

@@ -0,0 +1,41 @@
+const SPINNER_ANIMATION_TIMEOUT = 125;
+
+export function showSpinner(button) {
+  // Adjust the width of the button
+  button.width(button.width() + $('.spinner').outerWidth(true));
+  // Show the spinner
+  setTimeout(function () {
+    button.find('.spinner').css('display', 'flex');
+  }, SPINNER_ANIMATION_TIMEOUT);
+}
+
+export function hideSpinner() {
+  $('button[class^="button"]').each(function (_, button) {
+    setTimeout(function () {
+      // Hide the spinner
+      $(button).find('.spinner').hide();
+      // Adjust the width of the button
+      $(button).width($(button).data('oldWidth'));
+    }, SPINNER_ANIMATION_TIMEOUT);
+  });
+}
+
+export function disableActionElements() {
+  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
+    $(button).addClass('actions--disabled');
+  });
+}
+export function enableActionElements() {
+  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function (_, button) {
+    $(button).removeClass('actions--disabled');
+  });
+}
+
+export function closeAlert() {
+  $('.flash')
+    .removeClass('flash--shown')
+    .delay(700)
+    .queue(function () {
+      $(this).remove();
+    });
+}

data/app/javascript/beyond_canvas/initializers/inputs.js

@@ -1,4 +1,4 @@
-(function($) {
+(function ($) {
   const onDOMReady = function () {
     $('input[type="file"]').each(function () {
       var $input = $(this),
@@ -9,10 +9,7 @@
         var fileName = '';
 
         if (this.files && this.files.length > 1)
-          fileName = (this.getAttribute('data-multiple-caption') || '').replace(
-            '{count}',
-            this.files.length
-          );
+          fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
         else if (e.target.value) fileName = e.target.value.split('\\').pop();
 
         if (fileName)
@@ -33,6 +30,5 @@
     });
   };
 
-  $(document)
-    .on('ready page:load turbolinks:load', onDOMReady);
+  $(document).on('ready page:load turbolinks:load', onDOMReady);
 })(jQuery);

data/lib/beyond_canvas/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BeyondCanvas
-  VERSION = '0.15.1.pre'
+  VERSION = '0.15.2.pre'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: beyond_canvas
 version: !ruby/object:Gem::Version
-  version: 0.15.1.pre
+  version: 0.15.2.pre
 platform: ruby
 authors:
 - Unai Abrisketa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-01 00:00:00.000000000 Z
+date: 2020-06-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: beyond_api
@@ -217,6 +217,7 @@ files:
 - app/javascript/beyond_canvas/base.js
 - app/javascript/beyond_canvas/initializers/buttons.js
 - app/javascript/beyond_canvas/initializers/flash.js
+- app/javascript/beyond_canvas/initializers/functions.js
 - app/javascript/beyond_canvas/initializers/inputs.js
 - app/views/beyond_canvas/custom/_public_head.html.erb
 - app/views/beyond_canvas/locales/_edit.html.erb
@@ -268,7 +269,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.0.1
 signing_key: 
 specification_version: 4
 summary: Open-source framework that provides CSS styles