/*! * jquery-timepicker v1.13.10 - A jQuery timepicker plugin inspired by Google Calendar. It supports both mouse and keyboard navigation. * Copyright (c) 2020 Jon Thornton - https://www.jonthornton.com/jquery-timepicker/ * License: MIT */ (function () { 'use strict'; function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function (obj) { return typeof obj; }; } else { _typeof = function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function () {}; return { s: F, n: function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function (e) { throw e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function () { it = o[Symbol.iterator](); }, n: function () { var step = it.next(); normalCompletion = step.done; return step; }, e: function (e) { didErr = true; err = e; }, f: function () { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; } var ONE_DAY = 86400; var roundingFunction = function roundingFunction(seconds, settings) { if (seconds === null) { return null; } else if (typeof settings.step !== "number") { // TODO: nearest fit irregular steps return seconds; } else { var offset = seconds % (settings.step * 60); // step is in minutes var start = settings.minTime || 0; // adjust offset by start mod step so that the offset is aligned not to 00:00 but to the start offset -= start % (settings.step * 60); if (offset >= settings.step * 30) { // if offset is larger than a half step, round up seconds += settings.step * 60 - offset; } else { // round down seconds -= offset; } return _moduloSeconds$1(seconds, settings); } }; function _moduloSeconds$1(seconds, settings) { if (seconds == ONE_DAY && settings.show2400) { return seconds; } return seconds % ONE_DAY; } var DEFAULT_SETTINGS = { appendTo: "body", className: null, closeOnWindowScroll: false, disableTextInput: false, disableTimeRanges: [], disableTouchKeyboard: false, durationTime: null, forceRoundTime: false, lang: {}, maxTime: null, minTime: null, noneOption: false, orientation: "l", roundingFunction: roundingFunction, scrollDefault: null, selectOnBlur: false, show2400: false, showDuration: false, showOn: ["click", "focus"], showOnFocus: true, step: 30, stopScrollPropagation: false, timeFormat: "g:ia", typeaheadHighlight: true, useSelect: false, wrapHours: true }; var DEFAULT_LANG = { am: "am", pm: "pm", AM: "AM", PM: "PM", decimal: ".", mins: "mins", hr: "hr", hrs: "hrs" }; var Timepicker = /*#__PURE__*/function () { function Timepicker(targetEl) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; _classCallCheck(this, Timepicker); var attrOptions = Timepicker.extractAttrOptions(targetEl, Object.keys(DEFAULT_SETTINGS)); this.settings = this.parseSettings(_objectSpread2(_objectSpread2(_objectSpread2({}, DEFAULT_SETTINGS), options), attrOptions)); } _createClass(Timepicker, [{ key: "time2int", value: function time2int(timeString) { if (timeString === "" || timeString === null || timeString === undefined) return null; if (timeString instanceof Date) { return timeString.getHours() * 3600 + timeString.getMinutes() * 60 + timeString.getSeconds(); } if (typeof timeString != "string") { return timeString; } timeString = timeString.toLowerCase().replace(/[\s\.]/g, ""); // if the last character is an "a" or "p", add the "m" if (timeString.slice(-1) == "a" || timeString.slice(-1) == "p") { timeString += "m"; } var pattern = /^(([^0-9]*))?([0-9]?[0-9])(\W?([0-5][0-9]))?(\W+([0-5][0-9]))?(([^0-9]*))$/; var time = timeString.match(pattern); if (!time) { return null; } var hour = parseInt(time[3] * 1, 10); var ampm = time[2] || time[9]; var hours = hour; var minutes = time[5] * 1 || 0; var seconds = time[7] * 1 || 0; if (hour <= 12 && ampm) { ampm = ampm.trim(); var isPm = ampm == this.settings.lang.pm || ampm == this.settings.lang.PM; if (hour == 12) { hours = isPm ? 12 : 0; } else { hours = hour + (isPm ? 12 : 0); } } else { var t = hour * 3600 + minutes * 60 + seconds; if (t >= ONE_DAY + (this.settings.show2400 ? 1 : 0)) { if (this.settings.wrapHours === false) { return null; } hours = hour % 24; } } var timeInt = hours * 3600 + minutes * 60 + seconds; // if no am/pm provided, intelligently guess based on the scrollDefault if (hour < 12 && !ampm && this.settings._twelveHourTime && this.settings.scrollDefault) { var delta = timeInt - this.settings.scrollDefault(); if (delta < 0 && delta >= ONE_DAY / -2) { timeInt = (timeInt + ONE_DAY / 2) % ONE_DAY; } } return timeInt; } }, { key: "parseSettings", value: function parseSettings(settings) { var _this = this; settings.lang = _objectSpread2(_objectSpread2({}, DEFAULT_LANG), settings.lang); // lang is used by other functions the rest of this depends on // todo: unwind circular dependency on lang this.settings = settings; if (settings.minTime) { settings.minTime = this.time2int(settings.minTime); } if (settings.maxTime) { settings.maxTime = this.time2int(settings.maxTime); } if (settings.durationTime && typeof settings.durationTime !== "function") { settings.durationTime = this.time2int(settings.durationTime); } if (settings.scrollDefault == "now") { settings.scrollDefault = function () { return settings.roundingFunction(_this.time2int(new Date()), settings); }; } else if (settings.scrollDefault && typeof settings.scrollDefault != "function") { var val = settings.scrollDefault; settings.scrollDefault = function () { return settings.roundingFunction(_this.time2int(val), settings); }; } else if (settings.minTime) { settings.scrollDefault = function () { return settings.roundingFunction(settings.minTime, settings); }; } if (typeof settings.timeFormat === "string" && settings.timeFormat.match(/[gh]/)) { settings._twelveHourTime = true; } if (settings.showOnFocus === false && settings.showOn.indexOf("focus") != -1) { settings.showOn.splice(settings.showOn.indexOf("focus"), 1); } if (!settings.disableTimeRanges) { settings.disableTimeRanges = []; } if (settings.disableTimeRanges.length > 0) { // convert string times to integers for (var i in settings.disableTimeRanges) { settings.disableTimeRanges[i] = [this.time2int(settings.disableTimeRanges[i][0]), this.time2int(settings.disableTimeRanges[i][1])]; } // sort by starting time settings.disableTimeRanges = settings.disableTimeRanges.sort(function (a, b) { return a[0] - b[0]; }); // merge any overlapping ranges for (var i = settings.disableTimeRanges.length - 1; i > 0; i--) { if (settings.disableTimeRanges[i][0] <= settings.disableTimeRanges[i - 1][1]) { settings.disableTimeRanges[i - 1] = [Math.min(settings.disableTimeRanges[i][0], settings.disableTimeRanges[i - 1][0]), Math.max(settings.disableTimeRanges[i][1], settings.disableTimeRanges[i - 1][1])]; settings.disableTimeRanges.splice(i, 1); } } } return settings; } }], [{ key: "extractAttrOptions", value: function extractAttrOptions(element, keys) { var output = {}; var _iterator = _createForOfIteratorHelper(keys), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var key = _step.value; // console.log(key, element) if (key in element.dataset) { output[key] = element.dataset[key]; } } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } return output; } }]); return Timepicker; }(); (function (factory) { if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === "object" && exports && (typeof module === "undefined" ? "undefined" : _typeof(module)) === "object" && module && module.exports === exports) { // Browserify. Attach to jQuery module. factory(require("jquery")); } else if (typeof define === "function" && define.amd) { // AMD. Register as an anonymous module. define(["jquery"], factory); } else { // Browser globals factory(jQuery); } })(function ($) { var _lang = {}; var methods = { init: function init(options) { return this.each(function () { var self = $(this); var tp = new Timepicker(this, options); var settings = tp.settings; _lang = settings.lang; self.data("timepicker-settings", settings); self.data("timepicker-obj", tp); self.addClass("ui-timepicker-input"); if (settings.useSelect) { _render(self); } else { self.prop("autocomplete", "off"); if (settings.showOn) { for (var i in settings.showOn) { self.on(settings.showOn[i] + ".timepicker", methods.show); } } self.on("change.timepicker", _formatValue); self.on("keydown.timepicker", _keydownhandler); self.on("keyup.timepicker", _keyuphandler); if (settings.disableTextInput) { self.on("keydown.timepicker", _disableTextInputHandler); } self.on("cut.timepicker", _keyuphandler); self.on("paste.timepicker", _keyuphandler); _formatValue.call(self.get(0), null, "initial"); } }); }, show: function show(e) { var self = $(this); var settings = self.data("timepicker-settings"); var tp = self.data("timepicker-obj"); if (e) { e.preventDefault(); } if (settings.useSelect) { self.data("timepicker-list").focus(); return; } if (_hideKeyboard(self)) { // block the keyboard on mobile devices self.blur(); } var list = self.data("timepicker-list"); // check if input is readonly if (self.prop("readonly")) { return; } // check if list needs to be rendered if (!list || list.length === 0 || typeof settings.durationTime === "function") { _render(self); list = self.data("timepicker-list"); } if (_isVisible(list)) { return; } self.data("ui-timepicker-value", self.val()); _setSelected(self, list); // make sure other pickers are hidden methods.hide(); if (typeof settings.listWidth == "number") { console.log(settings.listWidth); list.width(self.outerWidth() * settings.listWidth); } // position the dropdown relative to the input list.show(); var listOffset = {}; if (settings.orientation.match(/r/)) { // right-align the dropdown listOffset.left = self.offset().left + self.outerWidth() - list.outerWidth() + parseInt(list.css("marginLeft").replace("px", ""), 10); } else if (settings.orientation.match(/l/)) { // left-align the dropdown listOffset.left = self.offset().left + parseInt(list.css("marginLeft").replace("px", ""), 10); } else if (settings.orientation.match(/c/)) { // center-align the dropdown listOffset.left = self.offset().left + (self.outerWidth() - list.outerWidth()) / 2 + parseInt(list.css("marginLeft").replace("px", ""), 10); } var verticalOrientation; if (settings.orientation.match(/t/)) { verticalOrientation = "t"; } else if (settings.orientation.match(/b/)) { verticalOrientation = "b"; } else if (self.offset().top + self.outerHeight(true) + list.outerHeight() > $(window).height() + $(window).scrollTop()) { verticalOrientation = "t"; } else { verticalOrientation = "b"; } if (verticalOrientation == "t") { // position the dropdown on top list.addClass("ui-timepicker-positioned-top"); listOffset.top = self.offset().top - list.outerHeight() + parseInt(list.css("marginTop").replace("px", ""), 10); } else { // put it under the input list.removeClass("ui-timepicker-positioned-top"); listOffset.top = self.offset().top + self.outerHeight() + parseInt(list.css("marginTop").replace("px", ""), 10); } list.offset(listOffset); // position scrolling var selected = list.find(".ui-timepicker-selected"); if (!selected.length) { var timeInt = tp.time2int(_getTimeValue(self)); if (timeInt !== null) { selected = _findRow(self, list, timeInt); } else if (settings.scrollDefault) { selected = _findRow(self, list, settings.scrollDefault()); } } // if not found or disabled, intelligently find first selectable element if (!selected.length || selected.hasClass("ui-timepicker-disabled")) { selected = list.find("li:not(.ui-timepicker-disabled):first"); } if (selected && selected.length) { var topOffset = list.scrollTop() + selected.position().top - selected.outerHeight(); list.scrollTop(topOffset); } else { list.scrollTop(0); } // prevent scroll propagation if (settings.stopScrollPropagation) { $(document).on("wheel.ui-timepicker", ".ui-timepicker-wrapper", function (e) { e.preventDefault(); var currentScroll = $(this).scrollTop(); $(this).scrollTop(currentScroll + e.originalEvent.deltaY); }); } // attach close handlers $(document).on("touchstart.ui-timepicker mousedown.ui-timepicker", _closeHandler); $(window).on("resize.ui-timepicker", _closeHandler); if (settings.closeOnWindowScroll) { $(document).on("scroll.ui-timepicker", _closeHandler); } self.trigger("showTimepicker"); return this; }, hide: function hide(e) { var self = $(this); var settings = self.data("timepicker-settings"); if (settings && settings.useSelect) { self.blur(); } $(".ui-timepicker-wrapper").each(function () { var list = $(this); if (!_isVisible(list)) { return; } var self = list.data("timepicker-input"); var settings = self.data("timepicker-settings"); if (settings && settings.selectOnBlur) { _selectValue(self); } list.hide(); self.trigger("hideTimepicker"); }); return this; }, option: function option(key, value) { if (typeof key == "string" && typeof value == "undefined") { return $(this).data("timepicker-settings")[key]; } return this.each(function () { var self = $(this); var settings = self.data("timepicker-settings"); var tp = self.data("timepicker-obj"); var list = self.data("timepicker-list"); if (_typeof(key) == "object") { settings = $.extend(settings, key); } else if (typeof key == "string") { settings[key] = value; } settings = tp.parseSettings(settings); self.data("timepicker-settings", settings); _formatValue.call(self.get(0), { type: "change" }, "initial"); if (list) { list.remove(); self.data("timepicker-list", false); } if (settings.useSelect) { _render(self); } }); }, getSecondsFromMidnight: function getSecondsFromMidnight() { var self = $(this); var tp = self.data("timepicker-obj"); return tp.time2int(_getTimeValue(this)); }, getTime: function getTime(relative_date) { var self = $(this); var tp = self.data("timepicker-obj"); var time_string = _getTimeValue(self); if (!time_string) { return null; } var offset = tp.time2int(time_string); if (offset === null) { return null; } if (!relative_date) { relative_date = new Date(); } // construct a Date from relative date, and offset's time var time = new Date(relative_date); time.setHours(offset / 3600); time.setMinutes(offset % 3600 / 60); time.setSeconds(offset % 60); time.setMilliseconds(0); return time; }, isVisible: function isVisible() { var self = this; var list = self.data("timepicker-list"); return !!(list && _isVisible(list)); }, setTime: function setTime(value) { var self = this; var settings = self.data("timepicker-settings"); var tp = self.data("timepicker-obj"); if (settings.forceRoundTime) { var prettyTime = _roundAndFormatTime(tp.time2int(value), settings); } else { var prettyTime = _int2time(tp.time2int(value), settings); } if (value && prettyTime === null && settings.noneOption) { prettyTime = value; } _setTimeValue(self, prettyTime, "initial"); _formatValue.call(self.get(0), { type: "change" }, "initial"); if (self.data("timepicker-list")) { _setSelected(self, self.data("timepicker-list")); } return this; }, remove: function remove() { var self = this; // check if this element is a timepicker if (!self.hasClass("ui-timepicker-input")) { return; } var settings = self.data("timepicker-settings"); self.removeAttr("autocomplete", "off"); self.removeClass("ui-timepicker-input"); self.removeData("timepicker-settings"); self.off(".timepicker"); // timepicker-list won't be present unless the user has interacted with this timepicker if (self.data("timepicker-list")) { self.data("timepicker-list").remove(); } if (settings.useSelect) { self.show(); } self.removeData("timepicker-list"); return this; } }; // private methods function _isVisible(elem) { var el = elem[0]; return el.offsetWidth > 0 && el.offsetHeight > 0; } function _render(self) { var settings = self.data("timepicker-settings"); var list = self.data("timepicker-list"); var tp = self.data("timepicker-obj"); if (list && list.length) { list.remove(); self.data("timepicker-list", false); } if (settings.useSelect) { list = $("", { "class": "ui-timepicker-select" }); if (self.attr("name")) { list.attr("name", "ui-timepicker-" + self.attr("name")); } var wrapped_list = list; } else { list = $("