flatpickr 2.5.4.0 → 2.5.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 90cf1d11010dfe757bc378ef8c617672b327e853
-  data.tar.gz: 44fa21342978f5863e6588aca863a425b8ec7e34
+  metadata.gz: f4eccdc8455ed0a36cfe52216afeb464cbe17b63
+  data.tar.gz: 2ea024b0703820c80403417a484291312d8aca94
 SHA512:
-  metadata.gz: 11221497605d77e855ae8cc60556ac778eda0d7352cbaf333a22929a6d86b491581d1060778741768dbfa530c03d59ebdd7145b5bb5ca8b17ff1a2c4b383ba2f
-  data.tar.gz: bde43976f0dce5145fdc61328773c3d297d3f9cc74dae0152960ef708865ff8e7f9f6d2f04c4fb5280397407b27be14f5ebf6c711fa79c5ae31302e44a6818dd
+  metadata.gz: c3d201bd18b256c645277c47963b38a9b4694bfc282e979e71f4a6c46ce46e182bdde13b4b38c894a79136c84432fdf8955dd47115ac06791bd96266508886fd
+  data.tar.gz: 797692a8bca11dd71ada27368290608e3b17d4651b2d935f787905ea4922b0c072be5e38e28f479a76d76bf591623ef3a1c3922e443e05633121030dfcb17c57

data/lib/flatpickr/version.rb

@@ -1,3 +1,3 @@
 module Flatpickr
-  VERSION = '2.5.4.0'
+  VERSION = '2.5.5.0'
 end

data/vendor/assets/javascripts/flatpickr.js

@@ -2,7 +2,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
-/*! flatpickr v2.5.4, @license MIT */
+/*! flatpickr v2.5.5, @license MIT */
 function Flatpickr(element, config) {
 	var self = this;
 
@@ -45,7 +45,7 @@ function Flatpickr(element, config) {
 
 		if (!self.isMobile) build();
 
-		bind();
+		bindEvents();
 
 		if (self.selectedDates.length || self.config.noCalendar) {
 			if (self.config.enableTime) {
@@ -69,6 +69,10 @@ function Flatpickr(element, config) {
 		return fn.bind(self);
 	}
 
+	/**
+  * The handler for all events targeting the time inputs
+  * @param {Event} e the event - "input", "wheel", "increment", etc
+  */
 	function updateTime(e) {
 		if (self.config.noCalendar && !self.selectedDates.length)
 			// picking time only
@@ -144,13 +148,44 @@ function Flatpickr(element, config) {
 		}
 	}
 
-	function bind() {
+	/**
+  * Essentially addEventListener + tracking
+  * @param {Element} element the element to addEventListener to
+  * @param {String} event the event name
+  * @param {Function} handler the event handler
+  */
+	function bind(element, event, handler) {
+		if (event instanceof Array) return event.forEach(function (ev) {
+			return bind(element, ev, handler);
+		});
+
+		element.addEventListener(event, handler);
+		self._handlers.push({ element: element, event: event, handler: handler });
+	}
+
+	/**
+  * A mousedown handler which mimics click.
+  * Minimizes latency, since we don't need to wait for mouseup in most cases.
+  * Also, avoids handling right clicks.
+  *
+  * @param {Function} handler the event handler
+  */
+	function onClick(handler) {
+		return function (evt) {
+			return evt.which === 1 && handler(evt);
+		};
+	}
+
+	/**
+  * Adds all the necessary event listeners
+  */
+	function bindEvents() {
+		self._handlers = [];
 		if (self.config.wrap) {
-			["open", "close", "toggle", "clear"].forEach(function (el) {
-				self._toggles = self.element.querySelectorAll("[data-" + el + "]");
-				for (var i = self._toggles.length; i--;) {
-					self._toggles[i].addEventListener("click", self[el]);
-				}
+			["open", "close", "toggle", "clear"].forEach(function (evt) {
+				Array.prototype.forEach.call(self.element.querySelectorAll("[data-" + evt + "]"), function (el) {
+					return bind(el, "mousedown", onClick(self[evt]));
+				});
 			});
 		}
 
@@ -162,89 +197,83 @@ function Flatpickr(element, config) {
 		};
 		self.debouncedChange = debounce(self.triggerChange, 300);
 
-		if (self.config.mode === "range" && self.daysContainer) self.daysContainer.addEventListener("mouseover", function (e) {
+		if (self.config.mode === "range" && self.daysContainer) bind(self.daysContainer, "mouseover", function (e) {
 			return onMouseOver(e.target);
 		});
 
-		window.document.body.addEventListener("keydown", onKeyDown);
+		bind(window.document.body, "keydown", onKeyDown);
 
-		if (!self.config.static) self._input.addEventListener("keydown", onKeyDown);
+		if (!self.config.static) bind(self._input, "keydown", onKeyDown);
 
-		if (!self.config.inline && !self.config.static) window.addEventListener("resize", self.debouncedResize);
+		if (!self.config.inline && !self.config.static) bind(window, "resize", self.debouncedResize);
 
-		if (window.ontouchstart) window.document.addEventListener("touchstart", documentClick);
+		if (window.ontouchstart) bind(window.document, "touchstart", documentClick);
 
-		window.document.addEventListener("click", documentClick);
-		self._input.addEventListener("blur", documentClick);
+		bind(window.document, "mousedown", onClick(documentClick));
+		bind(self._input, "blur", documentClick);
 
-		if (self.config.clickOpens) self._input.addEventListener("focus", open);
+		if (self.config.clickOpens) bind(self._input, "focus", open);
 
 		if (!self.config.noCalendar) {
-			self.prevMonthNav.addEventListener("click", self.prevMonthFn = function () {
+			bind(self.prevMonthNav, "mousedown", onClick(self.prevMonthFn = function () {
 				return changeMonth(-1);
-			});
-			self.nextMonthNav.addEventListener("click", self.nextMonthFn = function () {
+			}));
+			bind(self.nextMonthNav, "mousedown", onClick(self.nextMonthFn = function () {
 				return changeMonth(1);
-			});
+			}));
 
 			self.monthNav.addEventListener("wheel", function (e) {
-				e.preventDefault();
+				return e.preventDefault();
 			});
 
-			self.monthNav.addEventListener("wheel", debounce(onMonthNavScroll, 10));
-			self.monthNav.addEventListener("click", onMonthNavClick);
+			bind(self.monthNav, "wheel", debounce(onMonthNavScroll, 10));
+			bind(self.monthNav, "mousedown", onClick(onMonthNavClick));
 
-			self.currentYearElement.addEventListener("focus", function () {
+			bind(self.currentYearElement, "focus", function () {
 				self.currentYearElement.select();
 			});
 
-			self.currentYearElement.addEventListener("input", onYearInput);
-			self.currentYearElement.addEventListener("increment", onYearInput);
+			bind(self.currentYearElement, ["input", "increment"], onYearInput);
 
-			self.daysContainer.addEventListener("click", selectDate);
+			bind(self.daysContainer, "mousedown", onClick(selectDate));
 
 			if (self.config.animate) {
-				self.daysContainer.addEventListener("animationend", animateDays);
-				self.monthNav.addEventListener("animationend", animateMonths);
-
-				self.daysContainer.addEventListener("webkitAnimationEnd", animateDays);
-				self.monthNav.addEventListener("webkitAnimationEnd", animateMonths);
+				bind(self.daysContainer, ["webkitAnimationEnd", "animationend"], animateDays);
+				bind(self.monthNav, ["webkitAnimationEnd", "animationend"], animateMonths);
 			}
 		}
 
 		if (self.config.enableTime) {
-			self.timeContainer.addEventListener("wheel", updateTime);
-
-			self.timeContainer.addEventListener("click", timeIncrement);
-			self.timeContainer.addEventListener("input", updateTime);
-			self.timeContainer.addEventListener("increment", updateTime);
-			self.timeContainer.addEventListener("increment", self.debouncedChange);
+			bind(self.timeContainer, ["wheel", "input", "increment"], updateTime);
+			bind(self.timeContainer, "mousedown", onClick(timeIncrement));
 
-			self.timeContainer.addEventListener("wheel", self.debouncedChange);
-			self.timeContainer.addEventListener("input", self.triggerChange);
+			bind(self.timeContainer, ["wheel", "increment"], self.debouncedChange);
+			bind(self.timeContainer, "input", self.triggerChange);
 
-			self.hourElement.addEventListener("focus", function () {
-				self.hourElement.select();
+			bind(self.hourElement, "focus", function () {
+				return self.hourElement.select();
 			});
-			self.minuteElement.addEventListener("focus", function () {
-				self.minuteElement.select();
+			bind(self.minuteElement, "focus", function () {
+				return self.minuteElement.select();
 			});
 
-			if (self.secondElement) {
-				self.secondElement.addEventListener("focus", function () {
-					self.secondElement.select();
-				});
-			}
+			if (self.secondElement) bind(self.secondElement, "focus", function () {
+				return self.secondElement.select();
+			});
 
 			if (self.amPM) {
-				self.amPM.addEventListener("click", function (e) {
+				bind(self.amPM, "mousedown", onClick(function (e) {
 					updateTime(e);
 					self.triggerChange(e);
-				});
+				}));
 			}
 		}
 	}
 
+	/**
+  * Removes the day container that slided out of view
+  * @param {Event} e the animation event
+  */
 	function animateDays(e) {
 		if (self.daysContainer.childNodes.length > 1) {
 			switch (e.animationName) {
@@ -268,6 +297,10 @@ function Flatpickr(element, config) {
 		}
 	}
 
+	/**
+  * Removes the month element that animated out of view
+  * @param {Event} e the animation event
+  */
 	function animateMonths(e) {
 		switch (e.animationName) {
 			case "slideLeftNew":
@@ -285,6 +318,10 @@ function Flatpickr(element, config) {
 		}
 	}
 
+	/**
+  * Set the calendar view to a particular date.
+  * @param {Date} jumpDate the date to set the view to
+  */
 	function jumpToDate(jumpDate) {
 		jumpDate = jumpDate ? self.parseDate(jumpDate) : self.latestSelectedDateObj || (self.config.minDate > self.now ? self.config.minDate : self.config.maxDate && self.config.maxDate < self.now ? self.config.maxDate : self.now);
 
@@ -301,10 +338,23 @@ function Flatpickr(element, config) {
 		self.redraw();
 	}
 
+	/**
+  * The up/down arrow handler for time inputs
+  * @param {Event} e the click event
+  */
 	function timeIncrement(e) {
 		if (~e.target.className.indexOf("arrow")) incrementNumInput(e, e.target.classList.contains("arrowUp") ? 1 : -1);
 	}
 
+	/**
+  * Increments/decrements the value of input associ-
+  * ated with the up/down arrow by dispatching an
+  * "increment" event on the input.
+  *
+  * @param {Event} e the click event
+  * @param {Number} delta the diff (usually 1 or -1)
+  * @param {Element} inputElem the input element
+  */
 	function incrementNumInput(e, delta, inputElem) {
 		var input = inputElem || e.target.parentNode.childNodes[0];
 		var event = createEvent("increment");
@@ -771,13 +821,10 @@ function Flatpickr(element, config) {
 	function destroy(instance) {
 		instance = instance || self;
 
-		window.removeEventListener("resize", instance.debouncedResize);
-
-		window.document.removeEventListener("click", documentClick);
-		window.document.removeEventListener("touchstart", documentClick);
-		window.document.removeEventListener("blur", documentClick);
-		window.document.body.removeEventListener("keydown", onKeyDown);
-		instance._input.removeEventListener("keydown", onKeyDown);
+		for (var i = self._handlers.length; i--;) {
+			var h = self._handlers[i];
+			h.element.removeEventListener(h.event, h.handler);
+		}
 
 		if (instance.mobileInput) {
 			if (instance.mobileInput.parentNode) instance.mobileInput.parentNode.removeChild(instance.mobileInput);
@@ -793,7 +840,6 @@ function Flatpickr(element, config) {
 		if (instance.input) {
 			instance.input.type = instance.input._type;
 			instance.input.classList.remove("flatpickr-input");
-			instance.input.removeEventListener("focus", open);
 			instance.input.removeAttribute("readonly");
 			instance.input.value = "";
 		}
@@ -1411,8 +1457,10 @@ function Flatpickr(element, config) {
 
 		/* istanbul ignore next */
 		if (!self.input) return console.warn("Error: invalid input element specified", self.input);
+
 		self.input._type = self.input.type;
 		self.input.type = "text";
+
 		self.input.classList.add("flatpickr-input");
 		self._input = self.input;
 
@@ -2078,8 +2126,8 @@ Flatpickr.prototype = {
 					date = new Date();
 					timeless = true;
 				} else if (/Z$/.test(date) || /GMT$/.test(date)) // datestrings w/ timezone
-					date = new Date(date);else if (this.config.parseDate) date = this.config.parseDate(date, format);else {
-					var parsedDate = this.config.noCalendar ? new Date(new Date().setHours(0, 0, 0, 0)) : new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0);
+					date = new Date(date);else if (this.config && this.config.parseDate) date = this.config.parseDate(date, format);else {
+					var parsedDate = !this.config || !this.config.noCalendar ? new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0) : new Date(new Date().setHours(0, 0, 0, 0));
 
 					var matched = void 0;
 

data/vendor/assets/stylesheets/flatpickr.css

@@ -1,4 +1,4 @@
-.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:315px;box-sizing:border-box;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:flatpickrFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:flatpickrFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:28px;line-height:16px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/*
+.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:315px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:flatpickrFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:flatpickrFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:28px;line-height:16px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/*
         /*rtl:begin:ignore*/left:0;/*
         /*rtl:end:ignore*/}/*
         /*rtl:begin:ignore*/

data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   background: #fff;
   box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
 }

data/vendor/assets/stylesheets/flatpickr/themes/base16_flat.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   background: rgba(239,239,239,0.95);
   box-shadow: 1px 0 0 #e3e3e3, -1px 0 0 #e3e3e3, 0 1px 0 #e3e3e3, 0 -1px 0 #e3e3e3, 0 3px 13px rgba(0,0,0,0.08);
 }

data/vendor/assets/stylesheets/flatpickr/themes/confetti.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,

data/vendor/assets/stylesheets/flatpickr/themes/dark.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   background: rgba(63,68,88,0.95);
   box-shadow: 1px 0 0 #3f4458, -1px 0 0 #3f4458, 0 1px 0 #3f4458, 0 -1px 0 #3f4458, 0 3px 13px rgba(0,0,0,0.08);
 }

data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,

data/vendor/assets/stylesheets/flatpickr/themes/material_green.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,

data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,

data/vendor/assets/stylesheets/flatpickr/themes/material_red.css

@@ -16,6 +16,8 @@
   position: absolute;
   width: 315px;
   box-sizing: border-box;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
   box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flatpickr
 version: !ruby/object:Gem::Version
-  version: 2.5.4.0
+  version: 2.5.5.0
 platform: ruby
 authors:
 - Zoran