versions update. Webpack 5

.vscode/settings.json

@@ -23,7 +23,8 @@
     "sourcemap",
     "timechanged",
     "tslib",
-    "unittests"
+    "unittests",
+    "unminimized"
   ],
   "files.exclude": {
     "**/.git": true, // this is a default value

lib/animation-timeline.js

@@ -7,257 +7,67 @@
 		exports["timelineModule"] = factory();
 	else
 		root["timelineModule"] = factory();
-})(window, function() {
-return /******/ (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 = 18);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports) {
-
+})(self, function() {
+return /******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
 
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 14 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 15 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 18 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 741:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "Timeline", function() { return /* reexport */ timeline_Timeline; });
-__webpack_require__.d(__webpack_exports__, "TimelineModel", function() { return /* reexport */ timelineModel["TimelineModel"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineRow", function() { return /* reexport */ timelineRow["TimelineRow"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineKeyframe", function() { return /* reexport */ timelineKeyframe["TimelineKeyframe"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineEventsEmitter", function() { return /* reexport */ TimelineEventsEmitter; });
-__webpack_require__.d(__webpack_exports__, "TimelineConsts", function() { return /* reexport */ timelineConsts["TimelineConsts"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineRanged", function() { return /* reexport */ timelineRanged["TimelineRanged"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineOptions", function() { return /* reexport */ timelineOptions["TimelineOptions"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineKeyframeStyle", function() { return /* reexport */ timelineKeyframeStyle["TimelineKeyframeStyle"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineRowStyle", function() { return /* reexport */ timelineRowStyle["TimelineRowStyle"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineStyle", function() { return /* reexport */ styles_timelineStyle["TimelineStyle"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineStyleUtils", function() { return /* reexport */ timelineStyleUtils_TimelineStyleUtils; });
-__webpack_require__.d(__webpack_exports__, "TimelineUtils", function() { return /* reexport */ TimelineUtils; });
-__webpack_require__.d(__webpack_exports__, "TimelineElement", function() { return /* reexport */ timelineElement["TimelineElement"]; });
-__webpack_require__.d(__webpack_exports__, "Selectable", function() { return /* reexport */ selectable["Selectable"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineCutBoundsRectResults", function() { return /* reexport */ timelineCutBoundsRectResults["TimelineCutBoundsRectResults"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineSelectionResults", function() { return /* reexport */ timelineSelectionResults["TimelineSelectionResults"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineValues", function() { return /* reexport */ timelineValues["TimelineValues"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineMouseData", function() { return /* reexport */ timelineMouseData["TimelineMouseData"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineElementDragState", function() { return /* reexport */ timelineDraggableData["TimelineElementDragState"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineDraggableData", function() { return /* reexport */ timelineDraggableData["TimelineDraggableData"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineModelCalcResults", function() { return /* reexport */ timelineModelCalcResults["TimelineModelCalcResults"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineCalculatedRow", function() { return /* reexport */ timelineModelCalcResults["TimelineCalculatedRow"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineCalculatedGroup", function() { return /* reexport */ timelineModelCalcResults["TimelineCalculatedGroup"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineCalculated", function() { return /* reexport */ timelineModelCalcResults["TimelineCalculated"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineCalculatedKeyframe", function() { return /* reexport */ timelineModelCalcResults["TimelineCalculatedKeyframe"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineKeyframeChangedEvent", function() { return /* reexport */ TimelineKeyframeChangedEvent; });
-__webpack_require__.d(__webpack_exports__, "TimelineTimeChangedEvent", function() { return /* reexport */ timelineTimeChangedEvent_TimelineTimeChangedEvent; });
-__webpack_require__.d(__webpack_exports__, "TimelineSelectedEvent", function() { return /* reexport */ TimelineSelectedEvent; });
-__webpack_require__.d(__webpack_exports__, "TimelineScrollEvent", function() { return /* reexport */ timelineScrollEvent["TimelineScrollEvent"]; });
-__webpack_require__.d(__webpack_exports__, "TimelineClickEvent", function() { return /* reexport */ TimelineClickEvent; });
-__webpack_require__.d(__webpack_exports__, "TimelineDragEvent", function() { return /* reexport */ TimelineDragEvent; });
-__webpack_require__.d(__webpack_exports__, "TimelineEvents", function() { return /* reexport */ TimelineEvents; });
-__webpack_require__.d(__webpack_exports__, "TimelineKeyframeShape", function() { return /* reexport */ TimelineKeyframeShape; });
-__webpack_require__.d(__webpack_exports__, "TimelineInteractionMode", function() { return /* reexport */ TimelineInteractionMode; });
-__webpack_require__.d(__webpack_exports__, "TimelineElementType", function() { return /* reexport */ TimelineElementType; });
-__webpack_require__.d(__webpack_exports__, "TimelineCursorType", function() { return /* reexport */ TimelineCursorType; });
-__webpack_require__.d(__webpack_exports__, "TimelineCapShape", function() { return /* reexport */ TimelineCapShape; });
-__webpack_require__.d(__webpack_exports__, "TimelineEventSource", function() { return /* reexport */ TimelineEventSource; });
-__webpack_require__.d(__webpack_exports__, "TimelineSelectionMode", function() { return /* reexport */ TimelineSelectionMode; });
-__webpack_require__.d(__webpack_exports__, "defaultTimelineOptions", function() { return /* reexport */ defaultTimelineOptions; });
-__webpack_require__.d(__webpack_exports__, "defaultTimelineKeyframeStyle", function() { return /* reexport */ defaultTimelineKeyframeStyle; });
-__webpack_require__.d(__webpack_exports__, "defaultTimelineRowStyle", function() { return /* reexport */ defaultTimelineRowStyle; });
-__webpack_require__.d(__webpack_exports__, "defaultTimelineStyle", function() { return /* reexport */ defaultTimelineStyle; });
-__webpack_require__.d(__webpack_exports__, "defaultTimelineConsts", function() { return /* reexport */ defaultTimelineConsts; });
-
-// CONCATENATED MODULE: ./src/timelineEventsEmitter.ts
+__webpack_require__.d(__webpack_exports__, {
+  "Selectable": () => /* reexport */ selectable.Selectable,
+  "Timeline": () => /* reexport */ Timeline,
+  "TimelineCalculated": () => /* reexport */ timelineModelCalcResults.TimelineCalculated,
+  "TimelineCalculatedGroup": () => /* reexport */ timelineModelCalcResults.TimelineCalculatedGroup,
+  "TimelineCalculatedKeyframe": () => /* reexport */ timelineModelCalcResults.TimelineCalculatedKeyframe,
+  "TimelineCalculatedRow": () => /* reexport */ timelineModelCalcResults.TimelineCalculatedRow,
+  "TimelineCapShape": () => /* reexport */ TimelineCapShape,
+  "TimelineClickEvent": () => /* reexport */ TimelineClickEvent,
+  "TimelineConsts": () => /* reexport */ timelineConsts.TimelineConsts,
+  "TimelineCursorType": () => /* reexport */ TimelineCursorType,
+  "TimelineCutBoundsRectResults": () => /* reexport */ timelineCutBoundsRectResults.TimelineCutBoundsRectResults,
+  "TimelineDragEvent": () => /* reexport */ TimelineDragEvent,
+  "TimelineDraggableData": () => /* reexport */ timelineDraggableData.TimelineDraggableData,
+  "TimelineElement": () => /* reexport */ timelineElement.TimelineElement,
+  "TimelineElementDragState": () => /* reexport */ timelineDraggableData.TimelineElementDragState,
+  "TimelineElementType": () => /* reexport */ TimelineElementType,
+  "TimelineEventSource": () => /* reexport */ TimelineEventSource,
+  "TimelineEvents": () => /* reexport */ TimelineEvents,
+  "TimelineEventsEmitter": () => /* reexport */ TimelineEventsEmitter,
+  "TimelineInteractionMode": () => /* reexport */ TimelineInteractionMode,
+  "TimelineKeyframe": () => /* reexport */ timelineKeyframe.TimelineKeyframe,
+  "TimelineKeyframeChangedEvent": () => /* reexport */ TimelineKeyframeChangedEvent,
+  "TimelineKeyframeShape": () => /* reexport */ TimelineKeyframeShape,
+  "TimelineKeyframeStyle": () => /* reexport */ timelineKeyframeStyle.TimelineKeyframeStyle,
+  "TimelineModel": () => /* reexport */ timelineModel.TimelineModel,
+  "TimelineModelCalcResults": () => /* reexport */ timelineModelCalcResults.TimelineModelCalcResults,
+  "TimelineMouseData": () => /* reexport */ timelineMouseData.TimelineMouseData,
+  "TimelineOptions": () => /* reexport */ timelineOptions.TimelineOptions,
+  "TimelineRanged": () => /* reexport */ timelineRanged.TimelineRanged,
+  "TimelineRow": () => /* reexport */ timelineRow.TimelineRow,
+  "TimelineRowStyle": () => /* reexport */ timelineRowStyle.TimelineRowStyle,
+  "TimelineScrollEvent": () => /* reexport */ timelineScrollEvent.TimelineScrollEvent,
+  "TimelineSelectedEvent": () => /* reexport */ TimelineSelectedEvent,
+  "TimelineSelectionMode": () => /* reexport */ TimelineSelectionMode,
+  "TimelineSelectionResults": () => /* reexport */ timelineSelectionResults.TimelineSelectionResults,
+  "TimelineStyle": () => /* reexport */ timelineStyle.TimelineStyle,
+  "TimelineStyleUtils": () => /* reexport */ TimelineStyleUtils,
+  "TimelineTimeChangedEvent": () => /* reexport */ TimelineTimeChangedEvent,
+  "TimelineUtils": () => /* reexport */ TimelineUtils,
+  "TimelineValues": () => /* reexport */ timelineValues.TimelineValues,
+  "defaultTimelineConsts": () => /* reexport */ defaultTimelineConsts,
+  "defaultTimelineKeyframeStyle": () => /* reexport */ defaultTimelineKeyframeStyle,
+  "defaultTimelineOptions": () => /* reexport */ defaultTimelineOptions,
+  "defaultTimelineRowStyle": () => /* reexport */ defaultTimelineRowStyle,
+  "defaultTimelineStyle": () => /* reexport */ defaultTimelineStyle
+});
+
+;// CONCATENATED MODULE: ./src/timelineEventsEmitter.ts
 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); } }
@@ -321,7 +131,7 @@ var TimelineEventsEmitter = /*#__PURE__*/function () {
 
   return TimelineEventsEmitter;
 }();
-// CONCATENATED MODULE: ./src/utils/timelineUtils.ts
+;// CONCATENATED MODULE: ./src/utils/timelineUtils.ts
 function timelineUtils_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function timelineUtils_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); } }
@@ -566,7 +376,7 @@ var TimelineUtils = /*#__PURE__*/function () {
 
   return TimelineUtils;
 }();
-// CONCATENATED MODULE: ./src/enums/timelineCursorType.ts
+;// CONCATENATED MODULE: ./src/enums/timelineCursorType.ts
 var TimelineCursorType;
 
 (function (TimelineCursorType) {
@@ -606,7 +416,7 @@ var TimelineCursorType;
   TimelineCursorType["ZoomIn"] = "zoom-in";
   TimelineCursorType["ZoomOut"] = "zoom-out";
 })(TimelineCursorType || (TimelineCursorType = {}));
-// CONCATENATED MODULE: ./src/enums/timelineKeyframeShape.ts
+;// CONCATENATED MODULE: ./src/enums/timelineKeyframeShape.ts
 var TimelineKeyframeShape;
 
 (function (TimelineKeyframeShape) {
@@ -615,7 +425,7 @@ var TimelineKeyframeShape;
   TimelineKeyframeShape["Circle"] = "circle";
   TimelineKeyframeShape["Rect"] = "rect";
 })(TimelineKeyframeShape || (TimelineKeyframeShape = {}));
-// CONCATENATED MODULE: ./src/utils/timelineStyleUtils.ts
+;// CONCATENATED MODULE: ./src/utils/timelineStyleUtils.ts
 function timelineStyleUtils_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function timelineStyleUtils_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); } }
@@ -624,7 +434,7 @@ function timelineStyleUtils_createClass(Constructor, protoProps, staticProps) {
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-var timelineStyleUtils_TimelineStyleUtils = /*#__PURE__*/function () {
+var TimelineStyleUtils = /*#__PURE__*/function () {
   function TimelineStyleUtils() {
     timelineStyleUtils_classCallCheck(this, TimelineStyleUtils);
   }
@@ -822,7 +632,7 @@ var timelineStyleUtils_TimelineStyleUtils = /*#__PURE__*/function () {
 
   return TimelineStyleUtils;
 }();
-// CONCATENATED MODULE: ./src/enums/timelineElementType.ts
+;// CONCATENATED MODULE: ./src/enums/timelineElementType.ts
 var TimelineElementType;
 
 (function (TimelineElementType) {
@@ -831,7 +641,7 @@ var TimelineElementType;
   TimelineElementType["Group"] = "group";
   TimelineElementType["Row"] = "row";
 })(TimelineElementType || (TimelineElementType = {}));
-// CONCATENATED MODULE: ./src/enums/timelineEvents.ts
+;// CONCATENATED MODULE: ./src/enums/timelineEvents.ts
 var TimelineEvents;
 
 (function (TimelineEvents) {
@@ -845,7 +655,7 @@ var TimelineEvents;
   TimelineEvents["DoubleClick"] = "doubleClick";
   TimelineEvents["MouseDown"] = "mouseDown";
 })(TimelineEvents || (TimelineEvents = {}));
-// CONCATENATED MODULE: ./src/enums/timelineCapShape.ts
+;// CONCATENATED MODULE: ./src/enums/timelineCapShape.ts
 var TimelineCapShape;
 
 (function (TimelineCapShape) {
@@ -853,7 +663,7 @@ var TimelineCapShape;
   TimelineCapShape["Triangle"] = "triangle";
   TimelineCapShape["Rect"] = "rect";
 })(TimelineCapShape || (TimelineCapShape = {}));
-// CONCATENATED MODULE: ./src/enums/timelineInteractionMode.ts
+;// CONCATENATED MODULE: ./src/enums/timelineInteractionMode.ts
 var TimelineInteractionMode;
 
 (function (TimelineInteractionMode) {
@@ -861,7 +671,7 @@ var TimelineInteractionMode;
   TimelineInteractionMode["Pan"] = "pan";
   TimelineInteractionMode["Zoom"] = "zoom";
 })(TimelineInteractionMode || (TimelineInteractionMode = {}));
-// CONCATENATED MODULE: ./src/utils/events/timelineBaseEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineBaseEvent.ts
 function timelineBaseEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function timelineBaseEvent_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); } }
@@ -895,7 +705,7 @@ var TimelineBaseEvent = /*#__PURE__*/function () {
 
   return TimelineBaseEvent;
 }();
-// CONCATENATED MODULE: ./src/utils/events/timelineSelectedEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineSelectedEvent.ts
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function timelineSelectedEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -942,7 +752,7 @@ var TimelineSelectedEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
 
   return TimelineSelectedEvent;
 }(TimelineBaseEvent);
-// CONCATENATED MODULE: ./src/utils/events/timelineClickEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineClickEvent.ts
 function timelineClickEvent_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { timelineClickEvent_typeof = function _typeof(obj) { return typeof obj; }; } else { timelineClickEvent_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return timelineClickEvent_typeof(obj); }
 
 function timelineClickEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -999,7 +809,7 @@ var TimelineClickEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
 
   return TimelineClickEvent;
 }(TimelineBaseEvent);
-// CONCATENATED MODULE: ./src/utils/events/timelineDragEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineDragEvent.ts
 function timelineDragEvent_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { timelineDragEvent_typeof = function _typeof(obj) { return typeof obj; }; } else { timelineDragEvent_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return timelineDragEvent_typeof(obj); }
 
 function timelineDragEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -1058,7 +868,7 @@ var TimelineDragEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
 
   return TimelineDragEvent;
 }(TimelineBaseEvent);
-// CONCATENATED MODULE: ./src/settings/defaults.ts
+;// CONCATENATED MODULE: ./src/settings/defaults.ts
 
 
 var defaultTimelineStyle = {
@@ -1241,7 +1051,7 @@ var defaultTimelineConsts = {
    */
   clickThreshold: 3
 };
-// CONCATENATED MODULE: ./src/enums/timelineEventSource.ts
+;// CONCATENATED MODULE: ./src/enums/timelineEventSource.ts
 var TimelineEventSource;
 
 (function (TimelineEventSource) {
@@ -1249,7 +1059,7 @@ var TimelineEventSource;
   TimelineEventSource["Programmatically"] = "programmatically";
   TimelineEventSource["SetTimeMethod"] = "setTimeMethod";
 })(TimelineEventSource || (TimelineEventSource = {}));
-// CONCATENATED MODULE: ./src/utils/events/timelineTimeChangedEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineTimeChangedEvent.ts
 function timelineTimeChangedEvent_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { timelineTimeChangedEvent_typeof = function _typeof(obj) { return typeof obj; }; } else { timelineTimeChangedEvent_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return timelineTimeChangedEvent_typeof(obj); }
 
 function timelineTimeChangedEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -1272,7 +1082,7 @@ function timelineTimeChangedEvent_defineProperty(obj, key, value) { if (key in o
 
 
 
-var timelineTimeChangedEvent_TimelineTimeChangedEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
+var TimelineTimeChangedEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
   timelineTimeChangedEvent_inherits(TimelineTimeChangedEvent, _TimelineBaseEvent);
 
   var _super = timelineTimeChangedEvent_createSuper(TimelineTimeChangedEvent);
@@ -1299,7 +1109,7 @@ var timelineTimeChangedEvent_TimelineTimeChangedEvent = /*#__PURE__*/function (_
 
   return TimelineTimeChangedEvent;
 }(TimelineBaseEvent);
-// CONCATENATED MODULE: ./src/enums/timelineSelectionMode.ts
+;// CONCATENATED MODULE: ./src/enums/timelineSelectionMode.ts
 /**
  * Timeline selection mode.
  */
@@ -1310,7 +1120,7 @@ var TimelineSelectionMode;
   TimelineSelectionMode["Append"] = "append";
   TimelineSelectionMode["Revert"] = "revert";
 })(TimelineSelectionMode || (TimelineSelectionMode = {}));
-// CONCATENATED MODULE: ./src/utils/events/timelineKeyframeChangedEvent.ts
+;// CONCATENATED MODULE: ./src/utils/events/timelineKeyframeChangedEvent.ts
 function timelineKeyframeChangedEvent_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { timelineKeyframeChangedEvent_typeof = function _typeof(obj) { return typeof obj; }; } else { timelineKeyframeChangedEvent_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return timelineKeyframeChangedEvent_typeof(obj); }
 
 function timelineKeyframeChangedEvent_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -1361,7 +1171,7 @@ var TimelineKeyframeChangedEvent = /*#__PURE__*/function (_TimelineBaseEvent) {
 
   return TimelineKeyframeChangedEvent;
 }(TimelineBaseEvent);
-// CONCATENATED MODULE: ./src/timeline.ts
+;// CONCATENATED MODULE: ./src/timeline.ts
 function timeline_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { timeline_typeof = function _typeof(obj) { return typeof obj; }; } else { timeline_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return timeline_typeof(obj); }
 
 function timeline_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -1408,7 +1218,7 @@ function timeline_defineProperty(obj, key, value) { if (key in obj) { Object.def
 
 
 
-var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
+var Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
   timeline_inherits(Timeline, _TimelineEventsEmitte);
 
   var _super = timeline_createSuper(Timeline);
@@ -3027,7 +2837,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
 
       this._ctx.save();
 
-      var headerHeight = timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options);
+      var headerHeight = TimelineStyleUtils.headerHeight(this._options);
       var tickHeight = headerHeight / 2;
       var smallTickHeight = headerHeight / 1.3;
 
@@ -3120,15 +2930,15 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
         return toReturn;
       }
 
-      var rowAbsoluteHeight = timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options);
+      var rowAbsoluteHeight = TimelineStyleUtils.headerHeight(this._options);
       rows.forEach(function (row, index) {
         if (!row || row.hidden) {
           return;
         } // draw with scroll virtualization:
 
 
-        var rowHeight = timelineStyleUtils_TimelineStyleUtils.getRowHeight(row, _this6._options);
-        var marginBottom = timelineStyleUtils_TimelineStyleUtils.getRowMarginBottom(row, _this6._options);
+        var rowHeight = TimelineStyleUtils.getRowHeight(row, _this6._options);
+        var marginBottom = TimelineStyleUtils.getRowMarginBottom(row, _this6._options);
         var currentRowY = rowAbsoluteHeight - (_this6._scrollContainer ? _this6._scrollContainer.scrollTop : 0);
         rowAbsoluteHeight += rowHeight + marginBottom;
 
@@ -3241,7 +3051,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
             return;
           }
 
-          _this7._ctx.fillStyle = timelineStyleUtils_TimelineStyleUtils.getRowFillColor(rowCalc.model, _this7._options); //this._ctx.fillRect(data.areaRect.x, data.areaRect.y, data.areaRect.w, data.areaRect.h);
+          _this7._ctx.fillStyle = TimelineStyleUtils.getRowFillColor(rowCalc.model, _this7._options); //this._ctx.fillRect(data.areaRect.x, data.areaRect.y, data.areaRect.w, data.areaRect.h);
           // Note: bounds used instead of the clip while clip is slow!
 
           var bounds = _this7._cutBounds(rowCalc.size);
@@ -3250,7 +3060,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
             _this7._ctx.fillRect(bounds.x, bounds.y, bounds.width, bounds.height);
           }
 
-          var keyframeLaneColor = timelineStyleUtils_TimelineStyleUtils.groupFillColor(rowCalc.model, _this7._options);
+          var keyframeLaneColor = TimelineStyleUtils.groupFillColor(rowCalc.model, _this7._options);
 
           if (!rowCalc.groups) {
             return;
@@ -3286,7 +3096,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
 
       var minX = 0,
           maxX = this._width(),
-          minY = timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options),
+          minY = TimelineStyleUtils.headerHeight(this._options),
           maxY = this._width();
 
       if (TimelineUtils.isRectOverlap(rect, {
@@ -3320,8 +3130,8 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
   }, {
     key: "_getKeyframesGroupSize",
     value: function _getKeyframesGroupSize(row, rowY, minValue, maxValue) {
-      var groupHeight = timelineStyleUtils_TimelineStyleUtils.rowGroupHeight(row, this._options);
-      var height = timelineStyleUtils_TimelineStyleUtils.getRowHeight(row, this._options);
+      var groupHeight = TimelineStyleUtils.rowGroupHeight(row, this._options);
+      var height = TimelineStyleUtils.getRowHeight(row, this._options);
 
       if (!groupHeight && groupHeight !== 0 || isNaN(groupHeight) || groupHeight == 'auto') {
         groupHeight = Math.floor(height * 0.7);
@@ -3363,8 +3173,8 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
       var rowSize = rowCalculated.size; // get center of the lane:
 
       var y = rowSize.y + rowSize.height / 2;
-      var height = timelineStyleUtils_TimelineStyleUtils.getKeyframeStyle(keyframe, rowCalculated.model, this._options, 'height', 'auto');
-      var width = timelineStyleUtils_TimelineStyleUtils.getKeyframeStyle(keyframe, rowCalculated.model, this._options, 'width', 'auto');
+      var height = TimelineStyleUtils.getKeyframeStyle(keyframe, rowCalculated.model, this._options, 'height', 'auto');
+      var width = TimelineStyleUtils.getKeyframeStyle(keyframe, rowCalculated.model, this._options, 'width', 'auto');
 
       if (height == 'auto') {
         height = rowSize.height / 3;
@@ -3422,20 +3232,20 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
           if (bounds && bounds.overlapY) {
             _this8._ctx.beginPath();
 
-            _this8._ctx.rect(0, timelineStyleUtils_TimelineStyleUtils.headerHeight(_this8._options), _this8._width(), _this8._width());
+            _this8._ctx.rect(0, TimelineStyleUtils.headerHeight(_this8._options), _this8._width(), _this8._width());
 
             _this8._ctx.clip();
           }
 
-          var shape = timelineStyleUtils_TimelineStyleUtils.keyframeShape(keyframe, row, _this8._options);
+          var shape = TimelineStyleUtils.keyframeShape(keyframe, row, _this8._options);
 
           if (shape === TimelineKeyframeShape.None) {
             return;
           }
 
-          var keyframeColor = keyframe.selected ? timelineStyleUtils_TimelineStyleUtils.keyframeSelectedFillColor(keyframe, row, _this8._options) : timelineStyleUtils_TimelineStyleUtils.keyframeFillColor(keyframe, row, _this8._options);
-          var border = timelineStyleUtils_TimelineStyleUtils.keyframeStrokeThickness(keyframe, row, _this8._options);
-          var strokeColor = border > 0 ? keyframe.selected ? timelineStyleUtils_TimelineStyleUtils.keyframeSelectedStrokeColor(keyframe, row, _this8._options) : timelineStyleUtils_TimelineStyleUtils.keyframeStrokeColor(keyframe, row, _this8._options) : '';
+          var keyframeColor = keyframe.selected ? TimelineStyleUtils.keyframeSelectedFillColor(keyframe, row, _this8._options) : TimelineStyleUtils.keyframeFillColor(keyframe, row, _this8._options);
+          var border = TimelineStyleUtils.keyframeStrokeThickness(keyframe, row, _this8._options);
+          var strokeColor = border > 0 ? keyframe.selected ? TimelineStyleUtils.keyframeSelectedStrokeColor(keyframe, row, _this8._options) : TimelineStyleUtils.keyframeStrokeColor(keyframe, row, _this8._options) : '';
 
           if (shape == TimelineKeyframeShape.Rhomb) {
             _this8._ctx.beginPath();
@@ -3600,7 +3410,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
         return;
       }
 
-      if (timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options)) {
+      if (TimelineStyleUtils.headerHeight(this._options)) {
         this._ctx.save(); // draw ticks background
 
 
@@ -3612,9 +3422,9 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
 
           this._ctx.fillStyle = this._options.headerFillColor;
 
-          this._ctx.fillRect(0, 0, this._width(), timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options));
+          this._ctx.fillRect(0, 0, this._width(), TimelineStyleUtils.headerHeight(this._options));
         } else {
-          this._ctx.clearRect(0, 0, this._width(), timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options));
+          this._ctx.clearRect(0, 0, this._width(), TimelineStyleUtils.headerHeight(this._options));
         }
 
         this._ctx.restore();
@@ -3709,7 +3519,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
 
       if (this._val != val) {
         var prevVal = this._val;
-        var timelineEvent = new timelineTimeChangedEvent_TimelineTimeChangedEvent();
+        var timelineEvent = new TimelineTimeChangedEvent();
         timelineEvent.val = val;
         timelineEvent.prevVal = prevVal;
         timelineEvent.source = source;
@@ -3980,11 +3790,11 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
         }
 
         if (element.type === TimelineElementType.Keyframe) {
-          if (!timelineStyleUtils_TimelineStyleUtils.keyframeDraggable(element.keyframe, element.row, _this9._options)) {
+          if (!TimelineStyleUtils.keyframeDraggable(element.keyframe, element.row, _this9._options)) {
             return false;
           }
         } else if (element.type === TimelineElementType.Group) {
-          if (!timelineStyleUtils_TimelineStyleUtils.groupDraggable(element.row, _this9._options)) {
+          if (!TimelineStyleUtils.groupDraggable(element.row, _this9._options)) {
             return false;
           }
         } else if (element.type === TimelineElementType.Row) {
@@ -4039,7 +3849,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
         return toReturn;
       }
 
-      var headerHeight = timelineStyleUtils_TimelineStyleUtils.headerHeight(this._options); // Check whether we can drag timeline.
+      var headerHeight = TimelineStyleUtils.headerHeight(this._options); // Check whether we can drag timeline.
 
       var timeLinePos = this._toScreenPx(this._val);
 
@@ -4362,60 +4172,42 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
   return Timeline;
 }(TimelineEventsEmitter);
 // EXTERNAL MODULE: ./src/timelineModel.ts
-var timelineModel = __webpack_require__(2);
-
+var timelineModel = __webpack_require__(514);
 // EXTERNAL MODULE: ./src/timelineRow.ts
-var timelineRow = __webpack_require__(3);
-
+var timelineRow = __webpack_require__(593);
 // EXTERNAL MODULE: ./src/timelineKeyframe.ts
-var timelineKeyframe = __webpack_require__(4);
-
+var timelineKeyframe = __webpack_require__(703);
 // EXTERNAL MODULE: ./src/settings/timelineConsts.ts
-var timelineConsts = __webpack_require__(5);
-
+var timelineConsts = __webpack_require__(71);
 // EXTERNAL MODULE: ./src/timelineRanged.ts
-var timelineRanged = __webpack_require__(6);
-
+var timelineRanged = __webpack_require__(180);
 // EXTERNAL MODULE: ./src/settings/timelineOptions.ts
-var timelineOptions = __webpack_require__(7);
-
+var timelineOptions = __webpack_require__(116);
 // EXTERNAL MODULE: ./src/settings/styles/timelineKeyframeStyle.ts
-var timelineKeyframeStyle = __webpack_require__(8);
-
+var timelineKeyframeStyle = __webpack_require__(434);
 // EXTERNAL MODULE: ./src/settings/styles/timelineRowStyle.ts
-var timelineRowStyle = __webpack_require__(9);
-
+var timelineRowStyle = __webpack_require__(256);
 // EXTERNAL MODULE: ./src/settings/styles/timelineStyle.ts
-var styles_timelineStyle = __webpack_require__(10);
-
+var timelineStyle = __webpack_require__(658);
 // EXTERNAL MODULE: ./src/utils/timelineElement.ts
-var timelineElement = __webpack_require__(11);
-
+var timelineElement = __webpack_require__(459);
 // EXTERNAL MODULE: ./src/utils/selectable.ts
-var selectable = __webpack_require__(12);
-
+var selectable = __webpack_require__(595);
 // EXTERNAL MODULE: ./src/utils/timelineCutBoundsRectResults.ts
-var timelineCutBoundsRectResults = __webpack_require__(13);
-
+var timelineCutBoundsRectResults = __webpack_require__(51);
 // EXTERNAL MODULE: ./src/utils/timelineSelectionResults.ts
-var timelineSelectionResults = __webpack_require__(14);
-
+var timelineSelectionResults = __webpack_require__(173);
 // EXTERNAL MODULE: ./src/utils/timelineValues.ts
-var timelineValues = __webpack_require__(15);
-
+var timelineValues = __webpack_require__(873);
 // EXTERNAL MODULE: ./src/utils/timelineMouseData.ts
-var timelineMouseData = __webpack_require__(16);
-
+var timelineMouseData = __webpack_require__(314);
 // EXTERNAL MODULE: ./src/utils/timelineDraggableData.ts
-var timelineDraggableData = __webpack_require__(1);
-
+var timelineDraggableData = __webpack_require__(712);
 // EXTERNAL MODULE: ./src/utils/timelineModelCalcResults.ts
-var timelineModelCalcResults = __webpack_require__(0);
-
+var timelineModelCalcResults = __webpack_require__(614);
 // EXTERNAL MODULE: ./src/utils/events/timelineScrollEvent.ts
-var timelineScrollEvent = __webpack_require__(17);
-
-// CONCATENATED MODULE: ./src/animation-timeline.ts
+var timelineScrollEvent = __webpack_require__(381);
+;// CONCATENATED MODULE: ./src/animation-timeline.ts
 // bundle entry point
 
 
@@ -4469,6 +4261,193 @@ var timelineScrollEvent = __webpack_require__(17);
 
 
 
+/***/ }),
+
+/***/ 434:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 256:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 658:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 71:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 116:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 703:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 514:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 180:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 593:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 381:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 595:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 51:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 712:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 459:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 614:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 314:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 173:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 873:
+/***/ (() => {
+
+
+
 /***/ })
-/******/ ]);
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		if(__webpack_module_cache__[moduleId]) {
+/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	// module exports must be returned from runtime so entry inlining is disabled
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(741);
+/******/ })()
+;
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "animation-timeline-js",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "animation timeline control based on the canvas.",
   "main": "lib/animation-timeline.min.js",
   "types": "lib/animation-timeline.d.ts",
@@ -13,17 +13,16 @@
     "@babel/preset-typescript": "7.12.7",
     "@types/chai": "4.2.14",
     "@types/mocha": "8.2.0",
-    "@typescript-eslint/eslint-plugin": "4.9.1",
-    "@typescript-eslint/parser": "4.9.1",
+    "@typescript-eslint/eslint-plugin": "4.10.0",
+    "@typescript-eslint/parser": "4.10.0",
     "babel-loader": "8.2.2",
     "eslint": "7.15.0",
     "eslint-config-prettier": "7.0.0",
-    "eslint-plugin-prettier": "3.2.0",
+    "eslint-plugin-prettier": "3.3.0",
     "prettier": "2.2.1",
     "ts-loader": "8.0.12",
     "typescript": "4.1.3",
-    "unminified-webpack-plugin": "2.0.0",
-    "webpack": "4.44.2",
+    "webpack": "5.10.1",
     "webpack-cli": "4.2.0"
   },
   "scripts": {

webpack.config.js

@@ -1,31 +1,61 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
-const UnminifiedWebpackPlugin = require('unminified-webpack-plugin');
 
 //  devtool: 'inline-source-map',
-module.exports = {
-  mode: 'production',
-  entry: {
-    'animation-timeline': './src/animation-timeline.ts',
+module.exports = [
+  {
+    mode: 'production',
+    name: 'minimized-prod',
+    entry: {
+      'animation-timeline': './src/animation-timeline.ts',
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          loader: 'babel-loader',
+          exclude: [/node_modules/, /lib/],
+        },
+      ],
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts'],
+    },
+    output: {
+      filename: '[name].min.js',
+      libraryTarget: 'umd',
+      library: 'timelineModule',
+      // eslint-disable-next-line no-undef
+      path: path.resolve(__dirname, 'lib'),
+    },
   },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        loader: 'babel-loader',
-        exclude: [/node_modules/, /lib/],
-      },
-    ],
+  {
+    mode: 'production',
+    name: 'unminimized',
+    entry: {
+      'animation-timeline': './src/animation-timeline.ts',
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          loader: 'babel-loader',
+          exclude: [/node_modules/, /lib/],
+        },
+      ],
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts'],
+    },
+    optimization: {
+      minimize: false,
+    },
+    output: {
+      filename: '[name].js',
+      libraryTarget: 'umd',
+      library: 'timelineModule',
+      // eslint-disable-next-line no-undef
+      path: path.resolve(__dirname, 'lib'),
+    },
   },
-  resolve: {
-    extensions: ['.tsx', '.ts'],
-  },
-  output: {
-    filename: '[name].min.js',
-    libraryTarget: 'umd',
-    library: 'timelineModule',
-    // eslint-disable-next-line no-undef
-    path: path.resolve(__dirname, 'lib'),
-  },
-  plugins: [new UnminifiedWebpackPlugin()],
-};
+];