An error occurred:
' + escape(e.message + '', true) + '';\n }\n\n throw e;\n }\n }\n /**\n * Options\n */\n\n\n marked.options = marked.setOptions = function (opt) {\n merge(marked.defaults, opt);\n changeDefaults(marked.defaults);\n return marked;\n };\n\n marked.getDefaults = getDefaults;\n marked.defaults = defaults;\n /**\n * Use Extension\n */\n\n marked.use = function () {\n var _this = this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var opts = merge.apply(void 0, [{}].concat(args));\n var extensions = marked.defaults.extensions || {\n renderers: {},\n childTokens: {}\n };\n var hasExtensions;\n args.forEach(function (pack) {\n // ==-- Parse \"addon\" extensions --== //\n if (pack.extensions) {\n hasExtensions = true;\n pack.extensions.forEach(function (ext) {\n if (!ext.name) {\n throw new Error('extension name required');\n }\n\n if (ext.renderer) {\n // Renderer extensions\n var prevRenderer = extensions.renderers ? extensions.renderers[ext.name] : null;\n\n if (prevRenderer) {\n // Replace extension with func to run new extension but fall back if false\n extensions.renderers[ext.name] = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n var ret = ext.renderer.apply(this, args);\n\n if (ret === false) {\n ret = prevRenderer.apply(this, args);\n }\n\n return ret;\n };\n } else {\n extensions.renderers[ext.name] = ext.renderer;\n }\n }\n\n if (ext.tokenizer) {\n // Tokenizer Extensions\n if (!ext.level || ext.level !== 'block' && ext.level !== 'inline') {\n throw new Error(\"extension level must be 'block' or 'inline'\");\n }\n\n if (extensions[ext.level]) {\n extensions[ext.level].unshift(ext.tokenizer);\n } else {\n extensions[ext.level] = [ext.tokenizer];\n }\n\n if (ext.start) {\n // Function to check for start of token\n if (ext.level === 'block') {\n if (extensions.startBlock) {\n extensions.startBlock.push(ext.start);\n } else {\n extensions.startBlock = [ext.start];\n }\n } else if (ext.level === 'inline') {\n if (extensions.startInline) {\n extensions.startInline.push(ext.start);\n } else {\n extensions.startInline = [ext.start];\n }\n }\n }\n }\n\n if (ext.childTokens) {\n // Child tokens to be visited by walkTokens\n extensions.childTokens[ext.name] = ext.childTokens;\n }\n });\n } // ==-- Parse \"overwrite\" extensions --== //\n\n\n if (pack.renderer) {\n (function () {\n var renderer = marked.defaults.renderer || new Renderer();\n\n var _loop = function _loop(prop) {\n var prevRenderer = renderer[prop]; // Replace renderer with func to run extension, but fall back if false\n\n renderer[prop] = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n var ret = pack.renderer[prop].apply(renderer, args);\n\n if (ret === false) {\n ret = prevRenderer.apply(renderer, args);\n }\n\n return ret;\n };\n };\n\n for (var prop in pack.renderer) {\n _loop(prop);\n }\n\n opts.renderer = renderer;\n })();\n }\n\n if (pack.tokenizer) {\n (function () {\n var tokenizer = marked.defaults.tokenizer || new Tokenizer();\n\n var _loop2 = function _loop2(prop) {\n var prevTokenizer = tokenizer[prop]; // Replace tokenizer with func to run extension, but fall back if false\n\n tokenizer[prop] = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n var ret = pack.tokenizer[prop].apply(tokenizer, args);\n\n if (ret === false) {\n ret = prevTokenizer.apply(tokenizer, args);\n }\n\n return ret;\n };\n };\n\n for (var prop in pack.tokenizer) {\n _loop2(prop);\n }\n\n opts.tokenizer = tokenizer;\n })();\n } // ==-- Parse WalkTokens extensions --== //\n\n\n if (pack.walkTokens) {\n var walkTokens = marked.defaults.walkTokens;\n\n opts.walkTokens = function (token) {\n pack.walkTokens.call(_this, token);\n\n if (walkTokens) {\n walkTokens(token);\n }\n };\n }\n\n if (hasExtensions) {\n opts.extensions = extensions;\n }\n\n marked.setOptions(opts);\n });\n };\n /**\n * Run callback for every token\n */\n\n\n marked.walkTokens = function (tokens, callback) {\n var _loop3 = function _loop3() {\n var token = _step.value;\n callback(token);\n\n switch (token.type) {\n case 'table':\n {\n for (var _iterator2 = _createForOfIteratorHelperLoose(token.tokens.header), _step2; !(_step2 = _iterator2()).done;) {\n var cell = _step2.value;\n marked.walkTokens(cell, callback);\n }\n\n for (var _iterator3 = _createForOfIteratorHelperLoose(token.tokens.cells), _step3; !(_step3 = _iterator3()).done;) {\n var row = _step3.value;\n\n for (var _iterator4 = _createForOfIteratorHelperLoose(row), _step4; !(_step4 = _iterator4()).done;) {\n var _cell = _step4.value;\n marked.walkTokens(_cell, callback);\n }\n }\n\n break;\n }\n\n case 'list':\n {\n marked.walkTokens(token.items, callback);\n break;\n }\n\n default:\n {\n if (marked.defaults.extensions && marked.defaults.extensions.childTokens && marked.defaults.extensions.childTokens[token.type]) {\n // Walk any extensions\n marked.defaults.extensions.childTokens[token.type].forEach(function (childTokens) {\n marked.walkTokens(token[childTokens], callback);\n });\n } else if (token.tokens) {\n marked.walkTokens(token.tokens, callback);\n }\n }\n }\n };\n\n for (var _iterator = _createForOfIteratorHelperLoose(tokens), _step; !(_step = _iterator()).done;) {\n _loop3();\n }\n };\n /**\n * Parse Inline\n */\n\n\n marked.parseInline = function (src, opt) {\n // throw error in case of non string input\n if (typeof src === 'undefined' || src === null) {\n throw new Error('marked.parseInline(): input parameter is undefined or null');\n }\n\n if (typeof src !== 'string') {\n throw new Error('marked.parseInline(): input parameter is of type ' + Object.prototype.toString.call(src) + ', string expected');\n }\n\n opt = merge({}, marked.defaults, opt || {});\n checkSanitizeDeprecation(opt);\n\n try {\n var tokens = Lexer.lexInline(src, opt);\n\n if (opt.walkTokens) {\n marked.walkTokens(tokens, opt.walkTokens);\n }\n\n return Parser.parseInline(tokens, opt);\n } catch (e) {\n e.message += '\\nPlease report this to https://github.com/markedjs/marked.';\n\n if (opt.silent) {\n return '
An error occurred:
' + escape(e.message + '', true) + '';\n }\n\n throw e;\n }\n };\n /**\n * Expose\n */\n\n\n marked.Parser = Parser;\n marked.parser = Parser.parse;\n marked.Renderer = Renderer;\n marked.TextRenderer = TextRenderer;\n marked.Lexer = Lexer;\n marked.lexer = Lexer.lex;\n marked.Tokenizer = Tokenizer;\n marked.Slugger = Slugger;\n marked.parse = marked;\n var marked_1 = marked;\n\n return marked_1;\n\n})));\n", "/**\n * vis-util\n * https://github.com/visjs/vis-util\n *\n * utilitie collection for visjs\n *\n * @version 2.1.0\n * @date 2020-01-12T20:17:27.848Z\n *\n * @copyright (c) 2011-2017 Almende B.V, http://almende.com\n * @copyright (c) 2017-2019 visjs contributors, https://github.com/visjs\n *\n * @license\n * vis.js is dual licensed under both\n *\n * 1. The Apache 2.0 License\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * and\n *\n * 2. The MIT License\n * http://opensource.org/licenses/MIT\n *\n * vis.js may be distributed under either license.\n */\n\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar check = function (it) {\n return it && it.Math == Math && it;\n}; // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\n\n\nvar global_1 = // eslint-disable-next-line no-undef\ncheck(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) || check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) || // eslint-disable-next-line no-new-func\nFunction('return this')();\n\nvar fails = function (exec) {\n try {\n return !!exec();\n } catch (error) {\n return true;\n }\n};\n\nvar descriptors = !fails(function () {\n return Object.defineProperty({}, 'a', {\n get: function () {\n return 7;\n }\n }).a != 7;\n});\n\nvar nativePropertyIsEnumerable = {}.propertyIsEnumerable;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // Nashorn ~ JDK8 bug\n\nvar NASHORN_BUG = getOwnPropertyDescriptor && !nativePropertyIsEnumerable.call({\n 1: 2\n}, 1); // `Object.prototype.propertyIsEnumerable` method implementation\n// https://tc39.github.io/ecma262/#sec-object.prototype.propertyisenumerable\n\nvar f = NASHORN_BUG ? function propertyIsEnumerable(V) {\n var descriptor = getOwnPropertyDescriptor(this, V);\n return !!descriptor && descriptor.enumerable;\n} : nativePropertyIsEnumerable;\nvar objectPropertyIsEnumerable = {\n f: f\n};\n\nvar createPropertyDescriptor = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n\nvar toString = {}.toString;\n\nvar classofRaw = function (it) {\n return toString.call(it).slice(8, -1);\n};\n\nvar split = ''.split; // fallback for non-array-like ES3 and non-enumerable old V8 strings\n\nvar indexedObject = fails(function () {\n // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346\n // eslint-disable-next-line no-prototype-builtins\n return !Object('z').propertyIsEnumerable(0);\n}) ? function (it) {\n return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);\n} : Object;\n\n// `RequireObjectCoercible` abstract operation\n// https://tc39.github.io/ecma262/#sec-requireobjectcoercible\nvar requireObjectCoercible = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n\nvar toIndexedObject = function (it) {\n return indexedObject(requireObjectCoercible(it));\n};\n\nvar isObject = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n\n// https://tc39.github.io/ecma262/#sec-toprimitive\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\n\nvar toPrimitive = function (input, PREFERRED_STRING) {\n if (!isObject(input)) return input;\n var fn, val;\n if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;\n if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;\n if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar has = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n\nvar document$1 = global_1.document; // typeof document.createElement is 'object' in old IE\n\nvar EXISTS = isObject(document$1) && isObject(document$1.createElement);\n\nvar documentCreateElement = function (it) {\n return EXISTS ? document$1.createElement(it) : {};\n};\n\nvar ie8DomDefine = !descriptors && !fails(function () {\n return Object.defineProperty(documentCreateElement('div'), 'a', {\n get: function () {\n return 7;\n }\n }).a != 7;\n});\n\nvar nativeGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // `Object.getOwnPropertyDescriptor` method\n// https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor\n\nvar f$1 = descriptors ? nativeGetOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {\n O = toIndexedObject(O);\n P = toPrimitive(P, true);\n if (ie8DomDefine) try {\n return nativeGetOwnPropertyDescriptor(O, P);\n } catch (error) {\n /* empty */\n }\n if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);\n};\nvar objectGetOwnPropertyDescriptor = {\n f: f$1\n};\n\nvar replacement = /#|\\.prototype\\./;\n\nvar isForced = function (feature, detection) {\n var value = data[normalize(feature)];\n return value == POLYFILL ? true : value == NATIVE ? false : typeof detection == 'function' ? fails(detection) : !!detection;\n};\n\nvar normalize = isForced.normalize = function (string) {\n return String(string).replace(replacement, '.').toLowerCase();\n};\n\nvar data = isForced.data = {};\nvar NATIVE = isForced.NATIVE = 'N';\nvar POLYFILL = isForced.POLYFILL = 'P';\nvar isForced_1 = isForced;\n\nvar path = {};\n\nvar aFunction = function (it) {\n if (typeof it != 'function') {\n throw TypeError(String(it) + ' is not a function');\n }\n\n return it;\n};\n\nvar bindContext = function (fn, that, length) {\n aFunction(fn);\n if (that === undefined) return fn;\n\n switch (length) {\n case 0:\n return function () {\n return fn.call(that);\n };\n\n case 1:\n return function (a) {\n return fn.call(that, a);\n };\n\n case 2:\n return function (a, b) {\n return fn.call(that, a, b);\n };\n\n case 3:\n return function (a, b, c) {\n return fn.call(that, a, b, c);\n };\n }\n\n return function ()\n /* ...args */\n {\n return fn.apply(that, arguments);\n };\n};\n\nvar anObject = function (it) {\n if (!isObject(it)) {\n throw TypeError(String(it) + ' is not an object');\n }\n\n return it;\n};\n\nvar nativeDefineProperty = Object.defineProperty; // `Object.defineProperty` method\n// https://tc39.github.io/ecma262/#sec-object.defineproperty\n\nvar f$2 = descriptors ? nativeDefineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (ie8DomDefine) try {\n return nativeDefineProperty(O, P, Attributes);\n } catch (error) {\n /* empty */\n }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\nvar objectDefineProperty = {\n f: f$2\n};\n\nvar createNonEnumerableProperty = descriptors ? function (object, key, value) {\n return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n\nvar getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;\n\nvar wrapConstructor = function (NativeConstructor) {\n var Wrapper = function (a, b, c) {\n if (this instanceof NativeConstructor) {\n switch (arguments.length) {\n case 0:\n return new NativeConstructor();\n\n case 1:\n return new NativeConstructor(a);\n\n case 2:\n return new NativeConstructor(a, b);\n }\n\n return new NativeConstructor(a, b, c);\n }\n\n return NativeConstructor.apply(this, arguments);\n };\n\n Wrapper.prototype = NativeConstructor.prototype;\n return Wrapper;\n};\n/*\n options.target - name of the target object\n options.global - target is the global object\n options.stat - export as static methods of target\n options.proto - export as prototype methods of target\n options.real - real prototype method for the `pure` version\n options.forced - export even if the native feature is available\n options.bind - bind methods to the target, required for the `pure` version\n options.wrap - wrap constructors to preventing global pollution, required for the `pure` version\n options.unsafe - use the simple assignment of property instead of delete + defineProperty\n options.sham - add a flag to not completely full polyfills\n options.enumerable - export as enumerable property\n options.noTargetGet - prevent calling a getter on target\n*/\n\n\nvar _export = function (options, source) {\n var TARGET = options.target;\n var GLOBAL = options.global;\n var STATIC = options.stat;\n var PROTO = options.proto;\n var nativeSource = GLOBAL ? global_1 : STATIC ? global_1[TARGET] : (global_1[TARGET] || {}).prototype;\n var target = GLOBAL ? path : path[TARGET] || (path[TARGET] = {});\n var targetPrototype = target.prototype;\n var FORCED, USE_NATIVE, VIRTUAL_PROTOTYPE;\n var key, sourceProperty, targetProperty, nativeProperty, resultProperty, descriptor;\n\n for (key in source) {\n FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced); // contains in native\n\n USE_NATIVE = !FORCED && nativeSource && has(nativeSource, key);\n targetProperty = target[key];\n if (USE_NATIVE) if (options.noTargetGet) {\n descriptor = getOwnPropertyDescriptor$1(nativeSource, key);\n nativeProperty = descriptor && descriptor.value;\n } else nativeProperty = nativeSource[key]; // export native or implementation\n\n sourceProperty = USE_NATIVE && nativeProperty ? nativeProperty : source[key];\n if (USE_NATIVE && typeof targetProperty === typeof sourceProperty) continue; // bind timers to global for call from export context\n\n if (options.bind && USE_NATIVE) resultProperty = bindContext(sourceProperty, global_1); // wrap global constructors for prevent changs in this version\n else if (options.wrap && USE_NATIVE) resultProperty = wrapConstructor(sourceProperty); // make static versions for prototype methods\n else if (PROTO && typeof sourceProperty == 'function') resultProperty = bindContext(Function.call, sourceProperty); // default case\n else resultProperty = sourceProperty; // add a flag to not completely full polyfills\n\n if (options.sham || sourceProperty && sourceProperty.sham || targetProperty && targetProperty.sham) {\n createNonEnumerableProperty(resultProperty, 'sham', true);\n }\n\n target[key] = resultProperty;\n\n if (PROTO) {\n VIRTUAL_PROTOTYPE = TARGET + 'Prototype';\n\n if (!has(path, VIRTUAL_PROTOTYPE)) {\n createNonEnumerableProperty(path, VIRTUAL_PROTOTYPE, {});\n } // export virtual prototype methods\n\n\n path[VIRTUAL_PROTOTYPE][key] = sourceProperty; // export real prototype methods\n\n if (options.real && targetPrototype && !targetPrototype[key]) {\n createNonEnumerableProperty(targetPrototype, key, sourceProperty);\n }\n }\n }\n};\n\n// https://tc39.github.io/ecma262/#sec-isarray\n\nvar isArray = Array.isArray || function isArray(arg) {\n return classofRaw(arg) == 'Array';\n};\n\n// https://tc39.github.io/ecma262/#sec-array.isarray\n\n_export({\n target: 'Array',\n stat: true\n}, {\n isArray: isArray\n});\n\nvar isArray$1 = path.Array.isArray;\n\nvar isArray$2 = isArray$1;\n\nvar isArray$3 = isArray$2;\n\nfunction _arrayWithHoles(arr) {\n if (isArray$3(arr)) return arr;\n}\n\nvar arrayWithHoles = _arrayWithHoles;\n\nvar iterators = {};\n\nvar setGlobal = function (key, value) {\n try {\n createNonEnumerableProperty(global_1, key, value);\n } catch (error) {\n global_1[key] = value;\n }\n\n return value;\n};\n\nvar SHARED = '__core-js_shared__';\nvar store = global_1[SHARED] || setGlobal(SHARED, {});\nvar sharedStore = store;\n\nvar functionToString = Function.toString; // this helper broken in `3.4.1-3.4.4`, so we can't use `shared` helper\n\nif (typeof sharedStore.inspectSource != 'function') {\n sharedStore.inspectSource = function (it) {\n return functionToString.call(it);\n };\n}\n\nvar inspectSource = sharedStore.inspectSource;\n\nvar WeakMap = global_1.WeakMap;\nvar nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));\n\nvar shared = createCommonjsModule(function (module) {\n (module.exports = function (key, value) {\n return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});\n })('versions', []).push({\n version: '3.6.0',\n mode: 'pure' ,\n copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n });\n});\n\nvar id = 0;\nvar postfix = Math.random();\n\nvar uid = function (key) {\n return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);\n};\n\nvar keys = shared('keys');\n\nvar sharedKey = function (key) {\n return keys[key] || (keys[key] = uid(key));\n};\n\nvar hiddenKeys = {};\n\nvar WeakMap$1 = global_1.WeakMap;\nvar set, get, has$1;\n\nvar enforce = function (it) {\n return has$1(it) ? get(it) : set(it, {});\n};\n\nvar getterFor = function (TYPE) {\n return function (it) {\n var state;\n\n if (!isObject(it) || (state = get(it)).type !== TYPE) {\n throw TypeError('Incompatible receiver, ' + TYPE + ' required');\n }\n\n return state;\n };\n};\n\nif (nativeWeakMap) {\n var store$1 = new WeakMap$1();\n var wmget = store$1.get;\n var wmhas = store$1.has;\n var wmset = store$1.set;\n\n set = function (it, metadata) {\n wmset.call(store$1, it, metadata);\n return metadata;\n };\n\n get = function (it) {\n return wmget.call(store$1, it) || {};\n };\n\n has$1 = function (it) {\n return wmhas.call(store$1, it);\n };\n} else {\n var STATE = sharedKey('state');\n hiddenKeys[STATE] = true;\n\n set = function (it, metadata) {\n createNonEnumerableProperty(it, STATE, metadata);\n return metadata;\n };\n\n get = function (it) {\n return has(it, STATE) ? it[STATE] : {};\n };\n\n has$1 = function (it) {\n return has(it, STATE);\n };\n}\n\nvar internalState = {\n set: set,\n get: get,\n has: has$1,\n enforce: enforce,\n getterFor: getterFor\n};\n\n// https://tc39.github.io/ecma262/#sec-toobject\n\nvar toObject = function (argument) {\n return Object(requireObjectCoercible(argument));\n};\n\nvar correctPrototypeGetter = !fails(function () {\n function F() {\n /* empty */\n }\n\n F.prototype.constructor = null;\n return Object.getPrototypeOf(new F()) !== F.prototype;\n});\n\nvar IE_PROTO = sharedKey('IE_PROTO');\nvar ObjectPrototype = Object.prototype; // `Object.getPrototypeOf` method\n// https://tc39.github.io/ecma262/#sec-object.getprototypeof\n\nvar objectGetPrototypeOf = correctPrototypeGetter ? Object.getPrototypeOf : function (O) {\n O = toObject(O);\n if (has(O, IE_PROTO)) return O[IE_PROTO];\n\n if (typeof O.constructor == 'function' && O instanceof O.constructor) {\n return O.constructor.prototype;\n }\n\n return O instanceof Object ? ObjectPrototype : null;\n};\n\nvar nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {\n // Chrome 38 Symbol has incorrect toString conversion\n // eslint-disable-next-line no-undef\n return !String(Symbol());\n});\n\nvar useSymbolAsUid = nativeSymbol // eslint-disable-next-line no-undef\n&& !Symbol.sham // eslint-disable-next-line no-undef\n&& typeof Symbol() == 'symbol';\n\nvar WellKnownSymbolsStore = shared('wks');\nvar Symbol$1 = global_1.Symbol;\nvar createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : uid;\n\nvar wellKnownSymbol = function (name) {\n if (!has(WellKnownSymbolsStore, name)) {\n if (nativeSymbol && has(Symbol$1, name)) WellKnownSymbolsStore[name] = Symbol$1[name];else WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);\n }\n\n return WellKnownSymbolsStore[name];\n};\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar BUGGY_SAFARI_ITERATORS = false;\n// https://tc39.github.io/ecma262/#sec-%iteratorprototype%-object\n\n\nvar IteratorPrototype, PrototypeOfArrayIteratorPrototype, arrayIterator;\n\nif ([].keys) {\n arrayIterator = [].keys(); // Safari 8 has buggy iterators w/o `next`\n\n if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;else {\n PrototypeOfArrayIteratorPrototype = objectGetPrototypeOf(objectGetPrototypeOf(arrayIterator));\n if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;\n }\n}\n\nif (IteratorPrototype == undefined) IteratorPrototype = {}; // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()\n\nvar iteratorsCore = {\n IteratorPrototype: IteratorPrototype,\n BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS\n};\n\nvar ceil = Math.ceil;\nvar floor = Math.floor; // `ToInteger` abstract operation\n// https://tc39.github.io/ecma262/#sec-tointeger\n\nvar toInteger = function (argument) {\n return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);\n};\n\nvar min = Math.min; // `ToLength` abstract operation\n// https://tc39.github.io/ecma262/#sec-tolength\n\nvar toLength = function (argument) {\n return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991\n};\n\nvar max = Math.max;\nvar min$1 = Math.min; // Helper for a popular repeating case of the spec:\n// Let integer be ? ToInteger(index).\n// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).\n\nvar toAbsoluteIndex = function (index, length) {\n var integer = toInteger(index);\n return integer < 0 ? max(integer + length, 0) : min$1(integer, length);\n};\n\nvar createMethod = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIndexedObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value; // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++]; // eslint-disable-next-line no-self-compare\n\n if (value != value) return true; // Array#indexOf ignores holes, Array#includes - not\n } else for (; length > index; index++) {\n if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;\n }\n return !IS_INCLUDES && -1;\n };\n};\n\nvar arrayIncludes = {\n // `Array.prototype.includes` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.includes\n includes: createMethod(true),\n // `Array.prototype.indexOf` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.indexof\n indexOf: createMethod(false)\n};\n\nvar indexOf = arrayIncludes.indexOf;\n\nvar objectKeysInternal = function (object, names) {\n var O = toIndexedObject(object);\n var i = 0;\n var result = [];\n var key;\n\n for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key); // Don't enum bug & hidden keys\n\n\n while (names.length > i) if (has(O, key = names[i++])) {\n ~indexOf(result, key) || result.push(key);\n }\n\n return result;\n};\n\n// IE8- don't enum bug keys\nvar enumBugKeys = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];\n\n// https://tc39.github.io/ecma262/#sec-object.keys\n\nvar objectKeys = Object.keys || function keys(O) {\n return objectKeysInternal(O, enumBugKeys);\n};\n\n// https://tc39.github.io/ecma262/#sec-object.defineproperties\n\nvar objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = objectKeys(Properties);\n var length = keys.length;\n var index = 0;\n var key;\n\n while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);\n\n return O;\n};\n\nvar aFunction$1 = function (variable) {\n return typeof variable == 'function' ? variable : undefined;\n};\n\nvar getBuiltIn = function (namespace, method) {\n return arguments.length < 2 ? aFunction$1(path[namespace]) || aFunction$1(global_1[namespace]) : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];\n};\n\nvar html = getBuiltIn('document', 'documentElement');\n\nvar GT = '>';\nvar LT = '<';\nvar PROTOTYPE = 'prototype';\nvar SCRIPT = 'script';\nvar IE_PROTO$1 = sharedKey('IE_PROTO');\n\nvar EmptyConstructor = function () {\n /* empty */\n};\n\nvar scriptTag = function (content) {\n return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;\n}; // Create object with fake `null` prototype: use ActiveX Object with cleared prototype\n\n\nvar NullProtoObjectViaActiveX = function (activeXDocument) {\n activeXDocument.write(scriptTag(''));\n activeXDocument.close();\n var temp = activeXDocument.parentWindow.Object;\n activeXDocument = null; // avoid memory leak\n\n return temp;\n}; // Create object with fake `null` prototype: use iframe Object with cleared prototype\n\n\nvar NullProtoObjectViaIFrame = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = documentCreateElement('iframe');\n var JS = 'java' + SCRIPT + ':';\n var iframeDocument;\n iframe.style.display = 'none';\n html.appendChild(iframe); // https://github.com/zloirock/core-js/issues/475\n\n iframe.src = String(JS);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(scriptTag('document.F=Object'));\n iframeDocument.close();\n return iframeDocument.F;\n}; // Check for document.domain and active x support\n// No need to use active x approach when document.domain is not set\n// see https://github.com/es-shims/es5-shim/issues/150\n// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346\n// avoid IE GC bug\n\n\nvar activeXDocument;\n\nvar NullProtoObject = function () {\n try {\n /* global ActiveXObject */\n activeXDocument = document.domain && new ActiveXObject('htmlfile');\n } catch (error) {\n /* ignore */\n }\n\n NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();\n var length = enumBugKeys.length;\n\n while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];\n\n return NullProtoObject();\n};\n\nhiddenKeys[IE_PROTO$1] = true; // `Object.create` method\n// https://tc39.github.io/ecma262/#sec-object.create\n\nvar objectCreate = Object.create || function create(O, Properties) {\n var result;\n\n if (O !== null) {\n EmptyConstructor[PROTOTYPE] = anObject(O);\n result = new EmptyConstructor();\n EmptyConstructor[PROTOTYPE] = null; // add \"__proto__\" for Object.getPrototypeOf polyfill\n\n result[IE_PROTO$1] = O;\n } else result = NullProtoObject();\n\n return Properties === undefined ? result : objectDefineProperties(result, Properties);\n};\n\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar test = {};\ntest[TO_STRING_TAG] = 'z';\nvar toStringTagSupport = String(test) === '[object z]';\n\nvar TO_STRING_TAG$1 = wellKnownSymbol('toStringTag'); // ES3 wrong here\n\nvar CORRECT_ARGUMENTS = classofRaw(function () {\n return arguments;\n}()) == 'Arguments'; // fallback for IE11 Script Access Denied error\n\nvar tryGet = function (it, key) {\n try {\n return it[key];\n } catch (error) {\n /* empty */\n }\n}; // getting tag from ES6+ `Object.prototype.toString`\n\n\nvar classof = toStringTagSupport ? classofRaw : function (it) {\n var O, tag, result;\n return it === undefined ? 'Undefined' : it === null ? 'Null' // @@toStringTag case\n : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG$1)) == 'string' ? tag // builtinTag case\n : CORRECT_ARGUMENTS ? classofRaw(O) // ES3 arguments fallback\n : (result = classofRaw(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : result;\n};\n\n// https://tc39.github.io/ecma262/#sec-object.prototype.tostring\n\n\nvar objectToString = toStringTagSupport ? {}.toString : function toString() {\n return '[object ' + classof(this) + ']';\n};\n\nvar defineProperty = objectDefineProperty.f;\nvar TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');\n\nvar setToStringTag = function (it, TAG, STATIC, SET_METHOD) {\n if (it) {\n var target = STATIC ? it : it.prototype;\n\n if (!has(target, TO_STRING_TAG$2)) {\n defineProperty(target, TO_STRING_TAG$2, {\n configurable: true,\n value: TAG\n });\n }\n\n if (SET_METHOD && !toStringTagSupport) {\n createNonEnumerableProperty(target, 'toString', objectToString);\n }\n }\n};\n\nvar IteratorPrototype$1 = iteratorsCore.IteratorPrototype;\n\nvar returnThis = function () {\n return this;\n};\n\nvar createIteratorConstructor = function (IteratorConstructor, NAME, next) {\n var TO_STRING_TAG = NAME + ' Iterator';\n IteratorConstructor.prototype = objectCreate(IteratorPrototype$1, {\n next: createPropertyDescriptor(1, next)\n });\n setToStringTag(IteratorConstructor, TO_STRING_TAG, false, true);\n iterators[TO_STRING_TAG] = returnThis;\n return IteratorConstructor;\n};\n\nvar aPossiblePrototype = function (it) {\n if (!isObject(it) && it !== null) {\n throw TypeError(\"Can't set \" + String(it) + ' as a prototype');\n }\n\n return it;\n};\n\n// https://tc39.github.io/ecma262/#sec-object.setprototypeof\n// Works with __proto__ only. Old v8 can't work with null proto objects.\n\n/* eslint-disable no-proto */\n\nvar objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {\n var CORRECT_SETTER = false;\n var test = {};\n var setter;\n\n try {\n setter = Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set;\n setter.call(test, []);\n CORRECT_SETTER = test instanceof Array;\n } catch (error) {\n /* empty */\n }\n\n return function setPrototypeOf(O, proto) {\n anObject(O);\n aPossiblePrototype(proto);\n if (CORRECT_SETTER) setter.call(O, proto);else O.__proto__ = proto;\n return O;\n };\n}() : undefined);\n\nvar redefine = function (target, key, value, options) {\n if (options && options.enumerable) target[key] = value;else createNonEnumerableProperty(target, key, value);\n};\n\nvar IteratorPrototype$2 = iteratorsCore.IteratorPrototype;\nvar BUGGY_SAFARI_ITERATORS$1 = iteratorsCore.BUGGY_SAFARI_ITERATORS;\nvar ITERATOR$1 = wellKnownSymbol('iterator');\nvar KEYS = 'keys';\nvar VALUES = 'values';\nvar ENTRIES = 'entries';\n\nvar returnThis$1 = function () {\n return this;\n};\n\nvar defineIterator = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {\n createIteratorConstructor(IteratorConstructor, NAME, next);\n\n var getIterationMethod = function (KIND) {\n if (KIND === DEFAULT && defaultIterator) return defaultIterator;\n if (!BUGGY_SAFARI_ITERATORS$1 && KIND in IterablePrototype) return IterablePrototype[KIND];\n\n switch (KIND) {\n case KEYS:\n return function keys() {\n return new IteratorConstructor(this, KIND);\n };\n\n case VALUES:\n return function values() {\n return new IteratorConstructor(this, KIND);\n };\n\n case ENTRIES:\n return function entries() {\n return new IteratorConstructor(this, KIND);\n };\n }\n\n return function () {\n return new IteratorConstructor(this);\n };\n };\n\n var TO_STRING_TAG = NAME + ' Iterator';\n var INCORRECT_VALUES_NAME = false;\n var IterablePrototype = Iterable.prototype;\n var nativeIterator = IterablePrototype[ITERATOR$1] || IterablePrototype['@@iterator'] || DEFAULT && IterablePrototype[DEFAULT];\n var defaultIterator = !BUGGY_SAFARI_ITERATORS$1 && nativeIterator || getIterationMethod(DEFAULT);\n var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;\n var CurrentIteratorPrototype, methods, KEY; // fix native\n\n if (anyNativeIterator) {\n CurrentIteratorPrototype = objectGetPrototypeOf(anyNativeIterator.call(new Iterable()));\n\n if (IteratorPrototype$2 !== Object.prototype && CurrentIteratorPrototype.next) {\n\n\n setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true, true);\n iterators[TO_STRING_TAG] = returnThis$1;\n }\n } // fix Array#{values, @@iterator}.name in V8 / FF\n\n\n if (DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {\n INCORRECT_VALUES_NAME = true;\n\n defaultIterator = function values() {\n return nativeIterator.call(this);\n };\n } // define iterator\n\n\n if (( FORCED) && IterablePrototype[ITERATOR$1] !== defaultIterator) {\n createNonEnumerableProperty(IterablePrototype, ITERATOR$1, defaultIterator);\n }\n\n iterators[NAME] = defaultIterator; // export additional methods\n\n if (DEFAULT) {\n methods = {\n values: getIterationMethod(VALUES),\n keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),\n entries: getIterationMethod(ENTRIES)\n };\n if (FORCED) for (KEY in methods) {\n if (BUGGY_SAFARI_ITERATORS$1 || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {\n redefine(IterablePrototype, KEY, methods[KEY]);\n }\n } else _export({\n target: NAME,\n proto: true,\n forced: BUGGY_SAFARI_ITERATORS$1 || INCORRECT_VALUES_NAME\n }, methods);\n }\n\n return methods;\n};\n\nvar ARRAY_ITERATOR = 'Array Iterator';\nvar setInternalState = internalState.set;\nvar getInternalState = internalState.getterFor(ARRAY_ITERATOR); // `Array.prototype.entries` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.entries\n// `Array.prototype.keys` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.keys\n// `Array.prototype.values` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.values\n// `Array.prototype[@@iterator]` method\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@iterator\n// `CreateArrayIterator` internal method\n// https://tc39.github.io/ecma262/#sec-createarrayiterator\n\nvar es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {\n setInternalState(this, {\n type: ARRAY_ITERATOR,\n target: toIndexedObject(iterated),\n // target\n index: 0,\n // next index\n kind: kind // kind\n\n }); // `%ArrayIteratorPrototype%.next` method\n // https://tc39.github.io/ecma262/#sec-%arrayiteratorprototype%.next\n}, function () {\n var state = getInternalState(this);\n var target = state.target;\n var kind = state.kind;\n var index = state.index++;\n\n if (!target || index >= target.length) {\n state.target = undefined;\n return {\n value: undefined,\n done: true\n };\n }\n\n if (kind == 'keys') return {\n value: index,\n done: false\n };\n if (kind == 'values') return {\n value: target[index],\n done: false\n };\n return {\n value: [index, target[index]],\n done: false\n };\n}, 'values'); // argumentsList[@@iterator] is %ArrayProto_values%\n// https://tc39.github.io/ecma262/#sec-createunmappedargumentsobject\n// https://tc39.github.io/ecma262/#sec-createmappedargumentsobject\n\niterators.Arguments = iterators.Array; // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\n\n// iterable DOM collections\n// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods\nvar domIterables = {\n CSSRuleList: 0,\n CSSStyleDeclaration: 0,\n CSSValueList: 0,\n ClientRectList: 0,\n DOMRectList: 0,\n DOMStringList: 0,\n DOMTokenList: 1,\n DataTransferItemList: 0,\n FileList: 0,\n HTMLAllCollection: 0,\n HTMLCollection: 0,\n HTMLFormElement: 0,\n HTMLSelectElement: 0,\n MediaList: 0,\n MimeTypeArray: 0,\n NamedNodeMap: 0,\n NodeList: 1,\n PaintRequestList: 0,\n Plugin: 0,\n PluginArray: 0,\n SVGLengthList: 0,\n SVGNumberList: 0,\n SVGPathSegList: 0,\n SVGPointList: 0,\n SVGStringList: 0,\n SVGTransformList: 0,\n SourceBufferList: 0,\n StyleSheetList: 0,\n TextTrackCueList: 0,\n TextTrackList: 0,\n TouchList: 0\n};\n\nvar TO_STRING_TAG$3 = wellKnownSymbol('toStringTag');\n\nfor (var COLLECTION_NAME in domIterables) {\n var Collection = global_1[COLLECTION_NAME];\n var CollectionPrototype = Collection && Collection.prototype;\n\n if (CollectionPrototype && !CollectionPrototype[TO_STRING_TAG$3]) {\n createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$3, COLLECTION_NAME);\n }\n\n iterators[COLLECTION_NAME] = iterators.Array;\n}\n\nvar createMethod$1 = function (CONVERT_TO_STRING) {\n return function ($this, pos) {\n var S = String(requireObjectCoercible($this));\n var position = toInteger(pos);\n var size = S.length;\n var first, second;\n if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;\n first = S.charCodeAt(position);\n return first < 0xD800 || first > 0xDBFF || position + 1 === size || (second = S.charCodeAt(position + 1)) < 0xDC00 || second > 0xDFFF ? CONVERT_TO_STRING ? S.charAt(position) : first : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;\n };\n};\n\nvar stringMultibyte = {\n // `String.prototype.codePointAt` method\n // https://tc39.github.io/ecma262/#sec-string.prototype.codepointat\n codeAt: createMethod$1(false),\n // `String.prototype.at` method\n // https://github.com/mathiasbynens/String.prototype.at\n charAt: createMethod$1(true)\n};\n\nvar charAt = stringMultibyte.charAt;\nvar STRING_ITERATOR = 'String Iterator';\nvar setInternalState$1 = internalState.set;\nvar getInternalState$1 = internalState.getterFor(STRING_ITERATOR); // `String.prototype[@@iterator]` method\n// https://tc39.github.io/ecma262/#sec-string.prototype-@@iterator\n\ndefineIterator(String, 'String', function (iterated) {\n setInternalState$1(this, {\n type: STRING_ITERATOR,\n string: String(iterated),\n index: 0\n }); // `%StringIteratorPrototype%.next` method\n // https://tc39.github.io/ecma262/#sec-%stringiteratorprototype%.next\n}, function next() {\n var state = getInternalState$1(this);\n var string = state.string;\n var index = state.index;\n var point;\n if (index >= string.length) return {\n value: undefined,\n done: true\n };\n point = charAt(string, index);\n state.index += point.length;\n return {\n value: point,\n done: false\n };\n});\n\nvar ITERATOR$2 = wellKnownSymbol('iterator');\n\nvar getIteratorMethod = function (it) {\n if (it != undefined) return it[ITERATOR$2] || it['@@iterator'] || iterators[classof(it)];\n};\n\nvar getIterator = function (it) {\n var iteratorMethod = getIteratorMethod(it);\n\n if (typeof iteratorMethod != 'function') {\n throw TypeError(String(it) + ' is not iterable');\n }\n\n return anObject(iteratorMethod.call(it));\n};\n\nvar getIterator_1 = getIterator;\n\nvar getIterator$1 = getIterator_1;\n\nvar ITERATOR$3 = wellKnownSymbol('iterator');\n\nvar isIterable = function (it) {\n var O = Object(it);\n return O[ITERATOR$3] !== undefined || '@@iterator' in O // eslint-disable-next-line no-prototype-builtins\n || iterators.hasOwnProperty(classof(O));\n};\n\nvar isIterable_1 = isIterable;\n\nvar isIterable$1 = isIterable_1;\n\nfunction _iterableToArrayLimit(arr, i) {\n if (!(isIterable$1(Object(arr)) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) {\n return;\n }\n\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = getIterator$1(arr), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nvar iterableToArrayLimit = _iterableToArrayLimit;\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\nvar nonIterableRest = _nonIterableRest;\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();\n}\n\nvar slicedToArray = _slicedToArray;\n\n// https://tc39.github.io/ecma262/#sec-date.now\n\n_export({\n target: 'Date',\n stat: true\n}, {\n now: function now() {\n return new Date().getTime();\n }\n});\n\nvar now = path.Date.now;\n\nvar now$1 = now;\n\nvar now$2 = now$1;\n\n/**\n * Seedable, fast and reasonably good (not crypto but more than okay for our\n * needs) random number generator.\n *\n * @remarks\n * Adapted from {@link https://web.archive.org/web/20110429100736/http://baagoe.com:80/en/RandomMusings/javascript}.\n * Original algorithm created by Johannes Baagøe \\
end: ${moment(this.data.end).format('MM/DD/YYYY hh:mm')}`;\n }\n }\n this.dom.onItemUpdateTimeTooltip.innerHTML = content;\n }\n }\n\n /**\n * get item data\n * @return {object}\n * @private\n */\n _getItemData() {\n return this.parent.itemSet.itemsData.get(this.id);\n }\n\n /**\n * Set HTML contents for the item\n * @param {Element} element HTML element to fill with the contents\n * @private\n */\n _updateContents(element) {\n let content;\n let changed;\n let templateFunction;\n let itemVisibleFrameContent;\n let visibleFrameTemplateFunction; \n const itemData = this._getItemData(); // get a clone of the data from the dataset\n\n const frameElement = this.dom.box || this.dom.point;\n const itemVisibleFrameContentElement = frameElement.getElementsByClassName('vis-item-visible-frame')[0];\n\n if (this.options.visibleFrameTemplate) {\n visibleFrameTemplateFunction = this.options.visibleFrameTemplate.bind(this);\n itemVisibleFrameContent = visibleFrameTemplateFunction(itemData, itemVisibleFrameContentElement);\n } else {\n itemVisibleFrameContent = '';\n }\n \n if (itemVisibleFrameContentElement) {\n if ((itemVisibleFrameContent instanceof Object) && !(itemVisibleFrameContent instanceof Element)) {\n visibleFrameTemplateFunction(itemData, itemVisibleFrameContentElement)\n } else {\n changed = this._contentToString(this.itemVisibleFrameContent) !== this._contentToString(itemVisibleFrameContent);\n if (changed) {\n // only replace the content when changed\n if (itemVisibleFrameContent instanceof Element) {\n itemVisibleFrameContentElement.innerHTML = '';\n itemVisibleFrameContentElement.appendChild(itemVisibleFrameContent);\n }\n else if (itemVisibleFrameContent != undefined) {\n itemVisibleFrameContentElement.innerHTML = itemVisibleFrameContent;\n }\n else {\n if (!(this.data.type == 'background' && this.data.content === undefined)) {\n throw new Error(`Property \"content\" missing in item ${this.id}`);\n }\n }\n\n this.itemVisibleFrameContent = itemVisibleFrameContent;\n }\n }\n }\n\n if (this.options.template) {\n templateFunction = this.options.template.bind(this);\n content = templateFunction(itemData, element, this.data);\n } else {\n content = this.data.content;\n }\n\n if ((content instanceof Object) && !(content instanceof Element)) {\n templateFunction(itemData, element)\n } else {\n changed = this._contentToString(this.content) !== this._contentToString(content);\n if (changed) {\n // only replace the content when changed\n if (content instanceof Element) {\n element.innerHTML = '';\n element.appendChild(content);\n }\n else if (content != undefined) {\n element.innerHTML = content;\n }\n else {\n if (!(this.data.type == 'background' && this.data.content === undefined)) {\n throw new Error(`Property \"content\" missing in item ${this.id}`);\n }\n }\n this.content = content;\n }\n }\n }\n\n /**\n * Process dataAttributes timeline option and set as data- attributes on dom.content\n * @param {Element} element HTML element to which the attributes will be attached\n * @private\n */\n _updateDataAttributes(element) {\n if (this.options.dataAttributes && this.options.dataAttributes.length > 0) {\n let attributes = [];\n\n if (Array.isArray(this.options.dataAttributes)) {\n attributes = this.options.dataAttributes;\n }\n else if (this.options.dataAttributes == 'all') {\n attributes = Object.keys(this.data);\n }\n else {\n return;\n }\n\n for (const name of attributes) {\n const value = this.data[name];\n\n if (value != null) {\n element.setAttribute(`data-${name}`, value);\n }\n else {\n element.removeAttribute(`data-${name}`);\n }\n }\n }\n }\n\n /**\n * Update custom styles of the element\n * @param {Element} element\n * @private\n */\n _updateStyle(element) {\n // remove old styles\n if (this.style) {\n util.removeCssText(element, this.style);\n this.style = null;\n }\n\n // append new styles\n if (this.data.style) {\n util.addCssText(element, this.data.style);\n this.style = this.data.style;\n }\n }\n\n /**\n * Stringify the items contents\n * @param {string | Element | undefined} content\n * @returns {string | undefined}\n * @private\n */\n _contentToString(content) {\n if (typeof content === 'string') return content;\n if (content && 'outerHTML' in content) return content.outerHTML;\n return content;\n }\n\n /**\n * Update the editability of this item.\n */\n _updateEditStatus() {\n if (this.options) {\n if(typeof this.options.editable === 'boolean') {\n this.editable = {\n updateTime: this.options.editable,\n updateGroup: this.options.editable,\n remove: this.options.editable\n };\n } else if(typeof this.options.editable === 'object') {\n this.editable = {};\n util.selectiveExtend(['updateTime', 'updateGroup', 'remove'], this.editable, this.options.editable);\n }\n }\n // Item data overrides, except if options.editable.overrideItems is set.\n if (!this.options || !(this.options.editable) || (this.options.editable.overrideItems !== true)) {\n if (this.data) {\n if (typeof this.data.editable === 'boolean') {\n this.editable = {\n updateTime: this.data.editable,\n updateGroup: this.data.editable,\n remove: this.data.editable\n }\n } else if (typeof this.data.editable === 'object') {\n // TODO: in timeline.js 5.0, we should change this to not reset options from the timeline configuration.\n // Basically just remove the next line...\n this.editable = {};\n util.selectiveExtend(['updateTime', 'updateGroup', 'remove'], this.editable, this.data.editable);\n }\n }\n }\n }\n\n /**\n * Return the width of the item left from its start date\n * @return {number}\n */\n getWidthLeft() {\n return 0;\n }\n\n /**\n * Return the width of the item right from the max of its start and end date\n * @return {number}\n */\n getWidthRight() {\n return 0;\n }\n\n /**\n * Return the title of the item\n * @return {string | undefined}\n */\n getTitle() {\n if (this.options.tooltip && this.options.tooltip.template) {\n const templateFunction = this.options.tooltip.template.bind(this);\n return templateFunction(this._getItemData(), this.data);\n }\n\n return this.data.title;\n }\n}\n\nItem.prototype.stack = true;\n\nexport default Item;\n", "import Item from './Item';\n\n/**\n * @constructor BoxItem\n * @extends Item\n */\nclass BoxItem extends Item {\n /**\n * @param {Object} data Object containing parameters start\n * content, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} [options] Configuration options\n * // TODO: describe available options\n */\n constructor(data, conversion, options) {\n super(data, conversion, options)\n this.props = {\n dot: {\n width: 0,\n height: 0\n },\n line: {\n width: 0,\n height: 0\n }\n };\n // validate data\n if (data) {\n if (data.start == undefined) {\n throw new Error(`Property \"start\" missing in item ${data}`);\n }\n }\n }\n\n /**\n * Check whether this item is visible inside given range\n * @param {{start: number, end: number}} range with a timestamp for start and end\n * @returns {boolean} True if visible\n */\n isVisible(range) {\n if (this.cluster) {\n return false;\n }\n // determine visibility\n let isVisible;\n const align = this.data.align || this.options.align;\n const widthInMs = this.width * range.getMillisecondsPerPixel();\n\n if (align == 'right') {\n isVisible = (this.data.start.getTime() > range.start) && (this.data.start.getTime() - widthInMs < range.end);\n }\n else if (align == 'left') {\n isVisible = (this.data.start.getTime() + widthInMs > range.start) && (this.data.start.getTime() < range.end);\n }\n else {\n // default or 'center'\n isVisible = (this.data.start.getTime() + widthInMs / 2 > range.start ) && (this.data.start.getTime() - widthInMs/2 < range.end);\n }\n return isVisible;\n }\n\n /**\n * create DOM element\n * @private\n */\n _createDomElement() {\n if (!this.dom) {\n // create DOM\n this.dom = {};\n\n // create main box\n this.dom.box = document.createElement('DIV');\n\n // contents box (inside the background box). used for making margins\n this.dom.content = document.createElement('DIV');\n this.dom.content.className = 'vis-item-content';\n this.dom.box.appendChild(this.dom.content);\n\n // line to axis\n this.dom.line = document.createElement('DIV');\n this.dom.line.className = 'vis-line';\n\n // dot on axis\n this.dom.dot = document.createElement('DIV');\n this.dom.dot.className = 'vis-dot';\n\n // attach this item as attribute\n this.dom.box['vis-item'] = this;\n\n this.dirty = true;\n }\n }\n\n /**\n * append DOM element\n * @private\n */\n _appendDomElement() {\n if (!this.parent) {\n throw new Error('Cannot redraw item: no parent attached');\n }\n if (!this.dom.box.parentNode) {\n const foreground = this.parent.dom.foreground;\n if (!foreground) throw new Error('Cannot redraw item: parent has no foreground container element');\n foreground.appendChild(this.dom.box);\n }\n if (!this.dom.line.parentNode) {\n var background = this.parent.dom.background;\n if (!background) throw new Error('Cannot redraw item: parent has no background container element');\n background.appendChild(this.dom.line);\n }\n if (!this.dom.dot.parentNode) {\n const axis = this.parent.dom.axis;\n if (!background) throw new Error('Cannot redraw item: parent has no axis container element');\n axis.appendChild(this.dom.dot);\n }\n this.displayed = true;\n }\n\n /**\n * update dirty DOM element\n * @private\n */\n _updateDirtyDomComponents() {\n // An item is marked dirty when:\n // - the item is not yet rendered\n // - the item's data is changed\n // - the item is selected/deselected\n if (this.dirty) {\n this._updateContents(this.dom.content);\n this._updateDataAttributes(this.dom.box);\n this._updateStyle(this.dom.box);\n\n const editable = (this.editable.updateTime || this.editable.updateGroup);\n\n // update class\n const className = (this.data.className ? ' ' + this.data.className : '') +\n (this.selected ? ' vis-selected' : '') +\n (editable ? ' vis-editable' : ' vis-readonly');\n this.dom.box.className = `vis-item vis-box${className}`;\n this.dom.line.className = `vis-item vis-line${className}`;\n this.dom.dot.className = `vis-item vis-dot${className}`;\n }\n }\n\n /**\n * get DOM components sizes\n * @return {object}\n * @private\n */\n _getDomComponentsSizes() {\n return {\n previous: {\n right: this.dom.box.style.right,\n left: this.dom.box.style.left\n },\n dot: {\n height: this.dom.dot.offsetHeight,\n width: this.dom.dot.offsetWidth\n },\n line: {\n width: this.dom.line.offsetWidth\n },\n box: {\n width: this.dom.box.offsetWidth,\n height: this.dom.box.offsetHeight\n }\n }\n }\n\n /**\n * update DOM components sizes\n * @param {object} sizes\n * @private\n */\n _updateDomComponentsSizes(sizes) {\n if (this.options.rtl) {\n this.dom.box.style.right = \"0px\";\n } else {\n this.dom.box.style.left = \"0px\";\n }\n\n // recalculate size\n this.props.dot.height = sizes.dot.height;\n this.props.dot.width = sizes.dot.width;\n this.props.line.width = sizes.line.width;\n this.width = sizes.box.width;\n this.height = sizes.box.height;\n\n // restore previous position\n if (this.options.rtl) {\n this.dom.box.style.right = sizes.previous.right;\n } else {\n this.dom.box.style.left = sizes.previous.left;\n }\n\n this.dirty = false;\n }\n\n /**\n * repaint DOM additionals\n * @private\n */\n _repaintDomAdditionals() {\n this._repaintOnItemUpdateTimeTooltip(this.dom.box);\n this._repaintDragCenter();\n this._repaintDeleteButton(this.dom.box);\n }\n\n /**\n * Repaint the item\n * @param {boolean} [returnQueue=false] return the queue\n * @return {boolean} the redraw queue if returnQueue=true\n */\n redraw(returnQueue) {\n let sizes;\n const queue = [\n // create item DOM\n this._createDomElement.bind(this),\n\n // append DOM to parent DOM\n this._appendDomElement.bind(this),\n\n // update dirty DOM\n this._updateDirtyDomComponents.bind(this),\n\n () => {\n if (this.dirty) {\n sizes = this._getDomComponentsSizes();\n }\n },\n\n () => {\n if (this.dirty) {\n this._updateDomComponentsSizes.bind(this)(sizes);\n }\n },\n\n // repaint DOM additionals\n this._repaintDomAdditionals.bind(this)\n ];\n\n if (returnQueue) {\n return queue;\n } else {\n let result;\n queue.forEach(fn => {\n result = fn();\n });\n return result;\n }\n }\n\n /**\n * Show the item in the DOM (when not already visible). The items DOM will\n * be created when needed.\n * @param {boolean} [returnQueue=false] whether to return a queue of functions to execute instead of just executing them\n * @return {boolean} the redraw queue if returnQueue=true\n */\n show(returnQueue) {\n if (!this.displayed) {\n return this.redraw(returnQueue);\n }\n }\n\n /**\n * Hide the item from the DOM (when visible)\n */\n hide() {\n if (this.displayed) {\n const dom = this.dom;\n\n if (dom.box.remove) dom.box.remove();\n else if (dom.box.parentNode) dom.box.parentNode.removeChild(dom.box); // IE11\n\n if (dom.line.remove) dom.line.remove();\n else if (dom.line.parentNode) dom.line.parentNode.removeChild(dom.line); // IE11\n \n if (dom.dot.remove) dom.dot.remove();\n else if (dom.dot.parentNode) dom.dot.parentNode.removeChild(dom.dot); // IE11\n\n this.displayed = false;\n }\n }\n\n /**\n * Reposition the item XY\n */\n repositionXY() {\n const rtl = this.options.rtl;\n\n const repositionXY = (element, x, y, rtl = false) => {\n if (x === undefined && y === undefined) return;\n // If rtl invert the number.\n const directionX = rtl ? (x * -1) : x;\n\n //no y. translate x\n if (y === undefined) {\n element.style.transform = `translateX(${directionX}px)`;\n return;\n }\n\n //no x. translate y\n if (x === undefined) {\n element.style.transform = `translateY(${y}px)`;\n return;\n }\n\n element.style.transform = `translate(${directionX}px, ${y}px)`;\n }\n repositionXY(this.dom.box, this.boxX, this.boxY, rtl);\n repositionXY(this.dom.dot, this.dotX, this.dotY, rtl);\n repositionXY(this.dom.line, this.lineX, this.lineY, rtl);\n }\n\n /**\n * Reposition the item horizontally\n * @Override\n */\n repositionX() {\n const start = this.conversion.toScreen(this.data.start);\n const align = this.data.align === undefined ? this.options.align : this.data.align\n const lineWidth = this.props.line.width;\n const dotWidth = this.props.dot.width;\n \n if (align == 'right') {\n // calculate right position of the box\n this.boxX = start - this.width;\n this.lineX = start - lineWidth;\n this.dotX = start - lineWidth / 2 - dotWidth / 2;\n }\n else if (align == 'left') {\n // calculate left position of the box\n this.boxX = start;\n this.lineX = start;\n this.dotX = start + lineWidth / 2 - dotWidth / 2;\n }\n else {\n // default or 'center'\n this.boxX = start - this.width / 2;\n this.lineX = this.options.rtl ? start - lineWidth : start - lineWidth / 2;\n this.dotX = start - dotWidth / 2;\n }\n\n if (this.options.rtl)\n this.right = this.boxX;\n else\n this.left = this.boxX;\n\n this.repositionXY();\n }\n\n /**\n * Reposition the item vertically\n * @Override\n */\n repositionY() {\n const orientation = this.options.orientation.item;\n const lineStyle = this.dom.line.style;\n\n if (orientation == 'top') {\n const lineHeight = this.parent.top + this.top + 1;\n\n this.boxY = this.top || 0;\n lineStyle.height = `${lineHeight}px`;\n lineStyle.bottom = '';\n lineStyle.top = '0';\n }\n else { // orientation 'bottom'\n const itemSetHeight = this.parent.itemSet.props.height; // TODO: this is nasty\n const lineHeight = itemSetHeight - this.parent.top - this.parent.height + this.top;\n\n this.boxY = this.parent.height - this.top - (this.height || 0);\n lineStyle.height = `${lineHeight}px`;\n lineStyle.top = '';\n lineStyle.bottom = '0';\n }\n\n this.dotY = -this.props.dot.height / 2;\n\n this.repositionXY();\n }\n\n /**\n * Return the width of the item left from its start date\n * @return {number}\n */\n getWidthLeft() {\n return this.width / 2;\n }\n\n /**\n * Return the width of the item right from its start date\n * @return {number}\n */\n getWidthRight() {\n return this.width / 2;\n }\n}\n\nexport default BoxItem;\n", "import Item from './Item';\n\n/**\n * @constructor PointItem\n * @extends Item\n */\nclass PointItem extends Item {\n /**\n * @param {Object} data Object containing parameters start\n * content, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} [options] Configuration options\n * // TODO: describe available options\n */\n constructor(data, conversion, options) {\n super(data, conversion, options)\n this.props = {\n dot: {\n top: 0,\n width: 0,\n height: 0\n },\n content: {\n height: 0,\n marginLeft: 0,\n marginRight: 0\n }\n };\n // validate data\n if (data) {\n if (data.start == undefined) {\n throw new Error(`Property \"start\" missing in item ${data}`);\n }\n }\n }\n\n /**\n * Check whether this item is visible inside given range\n * @param {{start: number, end: number}} range with a timestamp for start and end\n * @returns {boolean} True if visible\n */\n isVisible(range) {\n if (this.cluster) {\n return false;\n }\n // determine visibility\n const widthInMs = this.width * range.getMillisecondsPerPixel();\n \n return (this.data.start.getTime() + widthInMs > range.start ) && (this.data.start < range.end);\n }\n\n /**\n * create DOM element\n * @private\n */\n _createDomElement() {\n if (!this.dom) {\n // create DOM\n this.dom = {};\n\n // background box\n this.dom.point = document.createElement('div');\n // className is updated in redraw()\n\n // contents box, right from the dot\n this.dom.content = document.createElement('div');\n this.dom.content.className = 'vis-item-content';\n this.dom.point.appendChild(this.dom.content);\n\n // dot at start\n this.dom.dot = document.createElement('div');\n this.dom.point.appendChild(this.dom.dot);\n\n // attach this item as attribute\n this.dom.point['vis-item'] = this;\n\n this.dirty = true;\n }\n }\n\n /**\n * append DOM element\n * @private\n */\n _appendDomElement() {\n if (!this.parent) {\n throw new Error('Cannot redraw item: no parent attached');\n }\n if (!this.dom.point.parentNode) {\n const foreground = this.parent.dom.foreground;\n if (!foreground) {\n throw new Error('Cannot redraw item: parent has no foreground container element');\n }\n foreground.appendChild(this.dom.point);\n }\n this.displayed = true;\n }\n\n /**\n * update dirty DOM components\n * @private\n */\n _updateDirtyDomComponents() {\n // An item is marked dirty when:\n // - the item is not yet rendered\n // - the item's data is changed\n // - the item is selected/deselected\n if (this.dirty) {\n this._updateContents(this.dom.content);\n this._updateDataAttributes(this.dom.point);\n this._updateStyle(this.dom.point);\n\n const editable = (this.editable.updateTime || this.editable.updateGroup);\n // update class\n const className = (this.data.className ? ' ' + this.data.className : '') +\n (this.selected ? ' vis-selected' : '') +\n (editable ? ' vis-editable' : ' vis-readonly');\n this.dom.point.className = `vis-item vis-point${className}`;\n this.dom.dot.className = `vis-item vis-dot${className}`;\n }\n }\n\n /**\n * get DOM component sizes\n * @return {object}\n * @private\n */\n _getDomComponentsSizes() {\n return {\n dot: {\n width: this.dom.dot.offsetWidth,\n height: this.dom.dot.offsetHeight\n },\n content: {\n width: this.dom.content.offsetWidth,\n height: this.dom.content.offsetHeight\n },\n point: {\n width: this.dom.point.offsetWidth,\n height: this.dom.point.offsetHeight\n }\n }\n }\n\n /**\n * update DOM components sizes\n * @param {array} sizes\n * @private\n */\n _updateDomComponentsSizes(sizes) {\n // recalculate size of dot and contents\n this.props.dot.width = sizes.dot.width;\n this.props.dot.height = sizes.dot.height;\n this.props.content.height = sizes.content.height;\n\n // resize contents\n if (this.options.rtl) {\n this.dom.content.style.marginRight = `${2 * this.props.dot.width}px`;\n } else {\n this.dom.content.style.marginLeft = `${2 * this.props.dot.width}px`;\n }\n //this.dom.content.style.marginRight = ... + 'px'; // TODO: margin right\n\n // recalculate size\n this.width = sizes.point.width;\n this.height = sizes.point.height;\n\n // reposition the dot\n this.dom.dot.style.top = `${(this.height - this.props.dot.height) / 2}px`;\n \n const dotWidth = this.props.dot.width;\n const translateX = this.options.rtl ? (dotWidth / 2) * -1 : dotWidth / 2;\n this.dom.dot.style.transform = `translateX(${translateX}px`;\n this.dirty = false;\n }\n\n /**\n * Repain DOM additionals\n * @private\n */\n _repaintDomAdditionals() {\n this._repaintOnItemUpdateTimeTooltip(this.dom.point);\n this._repaintDragCenter();\n this._repaintDeleteButton(this.dom.point);\n }\n\n /**\n * Repaint the item\n * @param {boolean} [returnQueue=false] return the queue\n * @return {boolean} the redraw queue if returnQueue=true\n */\n redraw(returnQueue) {\n let sizes;\n const queue = [\n // create item DOM\n this._createDomElement.bind(this),\n\n // append DOM to parent DOM\n this._appendDomElement.bind(this),\n\n // update dirty DOM\n this._updateDirtyDomComponents.bind(this),\n\n () => {\n if (this.dirty) {\n sizes = this._getDomComponentsSizes();\n }\n },\n\n () => {\n if (this.dirty) {\n this._updateDomComponentsSizes.bind(this)(sizes);\n }\n },\n\n // repaint DOM additionals\n this._repaintDomAdditionals.bind(this)\n ];\n\n if (returnQueue) {\n return queue;\n } else {\n let result;\n queue.forEach(fn => {\n result = fn();\n });\n return result;\n }\n }\n\n \n /**\n * Reposition XY\n */\n repositionXY() {\n const rtl = this.options.rtl;\n \n const repositionXY = (element, x, y, rtl = false) => {\n if (x === undefined && y === undefined) return;\n // If rtl invert the number.\n const directionX = rtl ? (x * -1) : x;\n\n //no y. translate x\n if (y === undefined) {\n element.style.transform = `translateX(${directionX}px)`;\n return;\n }\n\n //no x. translate y\n if (x === undefined) {\n element.style.transform = `translateY(${y}px)`;\n return;\n }\n\n element.style.transform = `translate(${directionX}px, ${y}px)`;\n }\n repositionXY(this.dom.point, this.pointX, this.pointY, rtl);\n }\n\n /**\n * Show the item in the DOM (when not already visible). The items DOM will\n * be created when needed.\n * @param {boolean} [returnQueue=false] whether to return a queue of functions to execute instead of just executing them\n * @return {boolean} the redraw queue if returnQueue=true\n */\n show(returnQueue) {\n if (!this.displayed) {\n return this.redraw(returnQueue);\n }\n }\n\n /**\n * Hide the item from the DOM (when visible)\n */\n hide() {\n if (this.displayed) {\n if (this.dom.point.parentNode) {\n this.dom.point.parentNode.removeChild(this.dom.point);\n }\n\n this.displayed = false;\n }\n }\n\n /**\n * Reposition the item horizontally\n * @Override\n */\n repositionX() {\n const start = this.conversion.toScreen(this.data.start);\n\n this.pointX = start;\n if (this.options.rtl) {\n this.right = start - this.props.dot.width;\n } else {\n this.left = start - this.props.dot.width;\n }\n\n this.repositionXY();\n }\n\n /**\n * Reposition the item vertically\n * @Override\n */\n repositionY() {\n const orientation = this.options.orientation.item;\n if (orientation == 'top') {\n this.pointY = this.top;\n }\n else {\n this.pointY = this.parent.height - this.top - this.height\n }\n\n this.repositionXY();\n }\n\n /**\n * Return the width of the item left from its start date\n * @return {number}\n */\n getWidthLeft() {\n return this.props.dot.width;\n }\n\n /**\n * Return the width of the item right from its start date\n * @return {number}\n */\n getWidthRight() {\n return this.props.dot.width;\n }\n}\n\nexport default PointItem;\n", "import Item from './Item';\n\n/**\n * @constructor RangeItem\n * @extends Item\n */\nclass RangeItem extends Item {\n /**\n * @param {Object} data Object containing parameters start, end\n * content, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} [options] Configuration options\n * // TODO: describe options\n */\n constructor(data, conversion, options) {\n super(data, conversion, options)\n this.props = {\n content: {\n width: 0\n }\n };\n this.overflow = false; // if contents can overflow (css styling), this flag is set to true\n // validate data\n if (data) {\n if (data.start == undefined) {\n throw new Error(`Property \"start\" missing in item ${data.id}`);\n }\n if (data.end == undefined) {\n throw new Error(`Property \"end\" missing in item ${data.id}`);\n }\n }\n }\n\n /**\n * Check whether this item is visible inside given range\n *\n * @param {timeline.Range} range with a timestamp for start and end\n * @returns {boolean} True if visible\n */\n isVisible(range) {\n if (this.cluster) {\n return false;\n }\n // determine visibility\n return (this.data.start < range.end) && (this.data.end > range.start);\n }\n\n /**\n * create DOM elements\n * @private\n */\n _createDomElement() {\n if (!this.dom) {\n // create DOM\n this.dom = {};\n\n // background box\n this.dom.box = document.createElement('div');\n // className is updated in redraw()\n\n // frame box (to prevent the item contents from overflowing)\n this.dom.frame = document.createElement('div');\n this.dom.frame.className = 'vis-item-overflow';\n this.dom.box.appendChild(this.dom.frame);\n \n // visible frame box (showing the frame that is always visible)\n this.dom.visibleFrame = document.createElement('div');\n this.dom.visibleFrame.className = 'vis-item-visible-frame';\n this.dom.box.appendChild(this.dom.visibleFrame);\n\n // contents box\n this.dom.content = document.createElement('div');\n this.dom.content.className = 'vis-item-content';\n this.dom.frame.appendChild(this.dom.content);\n\n // attach this item as attribute\n this.dom.box['vis-item'] = this;\n\n this.dirty = true;\n }\n\n }\n\n /**\n * append element to DOM\n * @private\n */\n _appendDomElement() {\n if (!this.parent) {\n throw new Error('Cannot redraw item: no parent attached');\n }\n if (!this.dom.box.parentNode) {\n const foreground = this.parent.dom.foreground;\n if (!foreground) {\n throw new Error('Cannot redraw item: parent has no foreground container element');\n }\n foreground.appendChild(this.dom.box);\n }\n this.displayed = true;\n }\n\n /**\n * update dirty DOM components\n * @private\n */\n _updateDirtyDomComponents() {\n // update dirty DOM. An item is marked dirty when:\n // - the item is not yet rendered\n // - the item's data is changed\n // - the item is selected/deselected\n if (this.dirty) {\n this._updateContents(this.dom.content);\n this._updateDataAttributes(this.dom.box);\n this._updateStyle(this.dom.box);\n\n const editable = (this.editable.updateTime || this.editable.updateGroup);\n\n // update class\n const className = (this.data.className ? (' ' + this.data.className) : '') +\n (this.selected ? ' vis-selected' : '') + \n (editable ? ' vis-editable' : ' vis-readonly');\n this.dom.box.className = this.baseClassName + className;\n\n // turn off max-width to be able to calculate the real width\n // this causes an extra browser repaint/reflow, but so be it\n this.dom.content.style.maxWidth = 'none';\n }\n }\n\n /**\n * get DOM component sizes\n * @return {object}\n * @private\n */\n _getDomComponentsSizes() {\n // determine from css whether this box has overflow\n this.overflow = window.getComputedStyle(this.dom.frame).overflow !== 'hidden';\n this.whiteSpace = window.getComputedStyle(this.dom.content).whiteSpace !== 'nowrap';\n return {\n content: {\n width: this.dom.content.offsetWidth,\n },\n box: {\n height: this.dom.box.offsetHeight\n }\n }\n }\n\n /**\n * update DOM component sizes\n * @param {array} sizes\n * @private\n */\n _updateDomComponentsSizes(sizes) {\n this.props.content.width = sizes.content.width;\n this.height = sizes.box.height;\n this.dom.content.style.maxWidth = '';\n this.dirty = false;\n }\n\n /**\n * repaint DOM additional components\n * @private\n */\n _repaintDomAdditionals() {\n this._repaintOnItemUpdateTimeTooltip(this.dom.box);\n this._repaintDeleteButton(this.dom.box);\n this._repaintDragCenter();\n this._repaintDragLeft();\n this._repaintDragRight();\n }\n\n /**\n * Repaint the item\n * @param {boolean} [returnQueue=false] return the queue\n * @return {boolean} the redraw queue if returnQueue=true\n */\n redraw(returnQueue) {\n let sizes;\n const queue = [\n // create item DOM\n this._createDomElement.bind(this),\n\n // append DOM to parent DOM\n this._appendDomElement.bind(this),\n\n // update dirty DOM \n this._updateDirtyDomComponents.bind(this),\n\n () => {\n if (this.dirty) {\n sizes = this._getDomComponentsSizes.bind(this)();\n }\n },\n\n () => {\n if (this.dirty) {\n this._updateDomComponentsSizes.bind(this)(sizes);\n }\n },\n\n // repaint DOM additionals\n this._repaintDomAdditionals.bind(this)\n ];\n\n if (returnQueue) {\n return queue;\n } else {\n let result;\n queue.forEach(fn => {\n result = fn();\n });\n return result;\n }\n }\n\n /**\n * Show the item in the DOM (when not already visible). The items DOM will\n * be created when needed.\n * @param {boolean} [returnQueue=false] whether to return a queue of functions to execute instead of just executing them\n * @return {boolean} the redraw queue if returnQueue=true\n */\n show(returnQueue) {\n if (!this.displayed) {\n return this.redraw(returnQueue);\n }\n }\n\n /**\n * Hide the item from the DOM (when visible)\n */\n hide() {\n if (this.displayed) {\n const box = this.dom.box;\n\n if (box.parentNode) {\n box.parentNode.removeChild(box);\n }\n\n this.displayed = false;\n }\n }\n\n /**\n * Reposition the item horizontally\n * @param {boolean} [limitSize=true] If true (default), the width of the range\n * item will be limited, as the browser cannot\n * display very wide divs. This means though\n * that the applied left and width may\n * not correspond to the ranges start and end\n * @Override\n */\n repositionX(limitSize) {\n const parentWidth = this.parent.width;\n let start = this.conversion.toScreen(this.data.start);\n let end = this.conversion.toScreen(this.data.end);\n const align = this.data.align === undefined ? this.options.align : this.data.align;\n let contentStartPosition;\n let contentWidth;\n\n // limit the width of the range, as browsers cannot draw very wide divs\n // unless limitSize: false is explicitly set in item data\n if (this.data.limitSize !== false && (limitSize === undefined || limitSize === true)) {\n if (start < -parentWidth) {\n start = -parentWidth;\n }\n if (end > 2 * parentWidth) {\n end = 2 * parentWidth;\n }\n }\n\n //round to 3 decimals to compensate floating-point values rounding\n const boxWidth = Math.max(Math.round((end - start) * 1000) / 1000, 1);\n\n if (this.overflow) {\n if (this.options.rtl) {\n this.right = start;\n } else {\n this.left = start;\n }\n this.width = boxWidth + this.props.content.width;\n contentWidth = this.props.content.width;\n\n // Note: The calculation of width is an optimistic calculation, giving\n // a width which will not change when moving the Timeline\n // So no re-stacking needed, which is nicer for the eye;\n }\n else {\n if (this.options.rtl) {\n this.right = start;\n } else {\n this.left = start;\n }\n this.width = boxWidth;\n contentWidth = Math.min(end - start, this.props.content.width);\n }\n\n if (this.options.rtl) {\n this.dom.box.style.transform = `translateX(${this.right * -1}px)`;\n } else {\n this.dom.box.style.transform = `translateX(${this.left}px)`;\n }\n this.dom.box.style.width = `${boxWidth}px`;\n if (this.whiteSpace) {\n this.height = this.dom.box.offsetHeight;\n }\n\n switch (align) {\n case 'left':\n this.dom.content.style.transform = 'translateX(0)';\n break;\n\n case 'right':\n if (this.options.rtl) {\n const translateX = Math.max((boxWidth - contentWidth), 0) * -1;\n this.dom.content.style.transform = `translateX(${translateX}px)`;\n } else {\n this.dom.content.style.transform = `translateX(${Math.max((boxWidth - contentWidth), 0)}px)`;\n }\n break;\n\n case 'center':\n if (this.options.rtl) {\n const translateX = Math.max((boxWidth - contentWidth) / 2, 0) * -1;\n this.dom.content.style.transform = `translateX(${translateX}px)`;\n } else {\n this.dom.content.style.transform = `translateX(${Math.max((boxWidth - contentWidth) / 2, 0)}px)`;\n }\n \n break;\n\n default: // 'auto'\n // when range exceeds left of the window, position the contents at the left of the visible area\n if (this.overflow) {\n if (end > 0) {\n contentStartPosition = Math.max(-start, 0);\n }\n else {\n contentStartPosition = -contentWidth; // ensure it's not visible anymore\n }\n }\n else {\n if (start < 0) {\n contentStartPosition = -start;\n }\n else {\n contentStartPosition = 0;\n }\n }\n if (this.options.rtl) {\n const translateX = contentStartPosition * -1;\n this.dom.content.style.transform = `translateX(${translateX}px)`;\n } else {\n this.dom.content.style.transform = `translateX(${contentStartPosition}px)`;\n // this.dom.content.style.width = `calc(100% - ${contentStartPosition}px)`;\n }\n }\n }\n\n /**\n * Reposition the item vertically\n * @Override\n */\n repositionY() {\n const orientation = this.options.orientation.item;\n const box = this.dom.box;\n\n if (orientation == 'top') {\n box.style.top = `${this.top}px`;\n }\n else {\n box.style.top = `${this.parent.height - this.top - this.height}px`;\n }\n }\n\n /**\n * Repaint a drag area on the left side of the range when the range is selected\n * @protected\n */\n _repaintDragLeft() {\n if ((this.selected || this.options.itemsAlwaysDraggable.range) && this.options.editable.updateTime && !this.dom.dragLeft) {\n // create and show drag area\n const dragLeft = document.createElement('div');\n dragLeft.className = 'vis-drag-left';\n dragLeft.dragLeftItem = this;\n\n this.dom.box.appendChild(dragLeft);\n this.dom.dragLeft = dragLeft;\n }\n else if (!this.selected && !this.options.itemsAlwaysDraggable.range && this.dom.dragLeft) {\n // delete drag area\n if (this.dom.dragLeft.parentNode) {\n this.dom.dragLeft.parentNode.removeChild(this.dom.dragLeft);\n }\n this.dom.dragLeft = null;\n }\n }\n\n /**\n * Repaint a drag area on the right side of the range when the range is selected\n * @protected\n */\n _repaintDragRight() {\n if ((this.selected || this.options.itemsAlwaysDraggable.range) && this.options.editable.updateTime && !this.dom.dragRight) {\n // create and show drag area\n const dragRight = document.createElement('div');\n dragRight.className = 'vis-drag-right';\n dragRight.dragRightItem = this;\n\n this.dom.box.appendChild(dragRight);\n this.dom.dragRight = dragRight;\n }\n else if (!this.selected && !this.options.itemsAlwaysDraggable.range && this.dom.dragRight) {\n // delete drag area\n if (this.dom.dragRight.parentNode) {\n this.dom.dragRight.parentNode.removeChild(this.dom.dragRight);\n }\n this.dom.dragRight = null;\n }\n }\n}\n\nRangeItem.prototype.baseClassName = 'vis-item vis-range';\n\nexport default RangeItem;\n", "import Item from './Item';\nimport BackgroundGroup from '../BackgroundGroup';\nimport RangeItem from './RangeItem';\n\n/**\n * @constructor BackgroundItem\n * @extends Item\n */\nclass BackgroundItem extends Item {\n /**\n * @constructor BackgroundItem\n * @param {Object} data Object containing parameters start, end\n * content, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} [options] Configuration options\n * // TODO: describe options\n * // TODO: implement support for the BackgroundItem just having a start, then being displayed as a sort of an annotation\n */\n constructor(data, conversion, options) {\n super(data, conversion, options)\n this.props = {\n content: {\n width: 0\n }\n };\n this.overflow = false; // if contents can overflow (css styling), this flag is set to true\n\n // validate data\n if (data) {\n if (data.start == undefined) {\n throw new Error(`Property \"start\" missing in item ${data.id}`);\n }\n if (data.end == undefined) {\n throw new Error(`Property \"end\" missing in item ${data.id}`);\n }\n }\n }\n\n /**\n * Check whether this item is visible inside given range\n * @param {timeline.Range} range with a timestamp for start and end\n * @returns {boolean} True if visible\n */\n isVisible(range) {\n // determine visibility\n return (this.data.start < range.end) && (this.data.end > range.start); \n }\n\n /**\n * create DOM element\n * @private\n */\n _createDomElement() {\n if (!this.dom) {\n // create DOM\n this.dom = {};\n\n // background box\n this.dom.box = document.createElement('div');\n // className is updated in redraw()\n\n // frame box (to prevent the item contents from overflowing\n this.dom.frame = document.createElement('div');\n this.dom.frame.className = 'vis-item-overflow';\n this.dom.box.appendChild(this.dom.frame);\n\n // contents box\n this.dom.content = document.createElement('div');\n this.dom.content.className = 'vis-item-content';\n this.dom.frame.appendChild(this.dom.content);\n\n // Note: we do NOT attach this item as attribute to the DOM,\n // such that background items cannot be selected\n //this.dom.box['vis-item'] = this;\n\n this.dirty = true;\n }\n }\n\n /**\n * append DOM element\n * @private\n */\n _appendDomElement() {\n if (!this.parent) {\n throw new Error('Cannot redraw item: no parent attached');\n }\n if (!this.dom.box.parentNode) {\n const background = this.parent.dom.background;\n if (!background) {\n throw new Error('Cannot redraw item: parent has no background container element');\n }\n background.appendChild(this.dom.box);\n }\n this.displayed = true;\n }\n\n /**\n * update DOM Dirty components\n * @private\n */\n _updateDirtyDomComponents() {\n // update dirty DOM. An item is marked dirty when:\n // - the item is not yet rendered\n // - the item's data is changed\n // - the item is selected/deselected\n if (this.dirty) {\n this._updateContents(this.dom.content);\n this._updateDataAttributes(this.dom.content);\n this._updateStyle(this.dom.box);\n\n // update class\n const className = (this.data.className ? (' ' + this.data.className) : '') +\n (this.selected ? ' vis-selected' : '');\n this.dom.box.className = this.baseClassName + className;\n }\n }\n\n /**\n * get DOM components sizes\n * @return {object}\n * @private\n */\n _getDomComponentsSizes() {\n // determine from css whether this box has overflow\n this.overflow = window.getComputedStyle(this.dom.content).overflow !== 'hidden';\n return {\n content: {\n width: this.dom.content.offsetWidth\n }\n }\n }\n\n /**\n * update DOM components sizes\n * @param {object} sizes\n * @private\n */\n _updateDomComponentsSizes(sizes) {\n // recalculate size\n this.props.content.width = sizes.content.width;\n this.height = 0; // set height zero, so this item will be ignored when stacking items\n\n this.dirty = false;\n }\n\n /**\n * repaint DOM additionals\n * @private\n */\n _repaintDomAdditionals() {\n }\n\n /**\n * Repaint the item\n * @param {boolean} [returnQueue=false] return the queue\n * @return {boolean} the redraw result or the redraw queue if returnQueue=true\n */\n redraw(returnQueue) {\n let sizes;\n const queue = [\n // create item DOM\n this._createDomElement.bind(this),\n\n // append DOM to parent DOM\n this._appendDomElement.bind(this),\n\n this._updateDirtyDomComponents.bind(this),\n\n () => {\n if (this.dirty) {\n sizes = this._getDomComponentsSizes.bind(this)();\n }\n },\n\n () => {\n if (this.dirty) {\n this._updateDomComponentsSizes.bind(this)(sizes);\n }\n },\n\n // repaint DOM additionals\n this._repaintDomAdditionals.bind(this)\n ];\n\n if (returnQueue) {\n return queue;\n } else {\n let result;\n queue.forEach(fn => {\n result = fn();\n });\n return result;\n }\n }\n\n /**\n * Reposition the item vertically\n * @Override\n */\n repositionY(margin) { // eslint-disable-line no-unused-vars\n let height;\n const orientation = this.options.orientation.item;\n\n // special positioning for subgroups\n if (this.data.subgroup !== undefined) {\n // TODO: instead of calculating the top position of the subgroups here for every BackgroundItem, calculate the top of the subgroup once in Itemset\n const itemSubgroup = this.data.subgroup;\n\n this.dom.box.style.height = `${this.parent.subgroups[itemSubgroup].height}px`;\n\n if (orientation == 'top') { \n this.dom.box.style.top = `${this.parent.top + this.parent.subgroups[itemSubgroup].top}px`;\n } else {\n this.dom.box.style.top = `${this.parent.top + this.parent.height - this.parent.subgroups[itemSubgroup].top - this.parent.subgroups[itemSubgroup].height}px`;\n }\n this.dom.box.style.bottom = '';\n }\n // and in the case of no subgroups:\n else {\n // we want backgrounds with groups to only show in groups.\n if (this.parent instanceof BackgroundGroup) {\n // if the item is not in a group:\n height = Math.max(this.parent.height,\n this.parent.itemSet.body.domProps.center.height,\n this.parent.itemSet.body.domProps.centerContainer.height);\n this.dom.box.style.bottom = orientation == 'bottom' ? '0' : '';\n this.dom.box.style.top = orientation == 'top' ? '0' : '';\n }\n else {\n height = this.parent.height;\n // same alignment for items when orientation is top or bottom\n this.dom.box.style.top = `${this.parent.top}px`;\n this.dom.box.style.bottom = '';\n }\n }\n this.dom.box.style.height = `${height}px`;\n }\n}\n\nBackgroundItem.prototype.baseClassName = 'vis-item vis-background';\n\nBackgroundItem.prototype.stack = false;\n\n/**\n * Show the item in the DOM (when not already visible). The items DOM will\n * be created when needed.\n */\nBackgroundItem.prototype.show = RangeItem.prototype.show;\n\n/**\n * Hide the item from the DOM (when visible)\n * @return {Boolean} changed\n */\nBackgroundItem.prototype.hide = RangeItem.prototype.hide;\n\n/**\n * Reposition the item horizontally\n * @Override\n */\nBackgroundItem.prototype.repositionX = RangeItem.prototype.repositionX;\n\nexport default BackgroundItem;\n", "import './tooltip.css';\n\n/**\n * Popup is a class to create a popup window with some text\n */\nclass Popup {\n /**\n * @param {Element} container The container object.\n * @param {string} overflowMethod How the popup should act to overflowing ('flip', 'cap' or 'none')\n */\n constructor(container, overflowMethod) {\n this.container = container;\n this.overflowMethod = overflowMethod || 'cap';\n\n this.x = 0;\n this.y = 0;\n this.padding = 5;\n this.hidden = false;\n\n // create the frame\n this.frame = document.createElement('div');\n this.frame.className = 'vis-tooltip';\n this.container.appendChild(this.frame);\n }\n\n /**\n * @param {number} x Horizontal position of the popup window\n * @param {number} y Vertical position of the popup window\n */\n setPosition(x, y) {\n this.x = parseInt(x);\n this.y = parseInt(y);\n }\n\n /**\n * Set the content for the popup window. This can be HTML code or text.\n * @param {string | Element} content\n */\n setText(content) {\n if (content instanceof Element) {\n this.frame.innerHTML = '';\n this.frame.appendChild(content);\n }\n else {\n this.frame.innerHTML = content; // string containing text or HTML\n }\n }\n\n /**\n * Show the popup window\n * @param {boolean} [doShow] Show or hide the window\n */\n show(doShow) {\n if (doShow === undefined) {\n doShow = true;\n }\n\n if (doShow === true) {\n var height = this.frame.clientHeight;\n var width = this.frame.clientWidth;\n var maxHeight = this.frame.parentNode.clientHeight;\n var maxWidth = this.frame.parentNode.clientWidth;\n\n var left = 0, top = 0;\n\n if (this.overflowMethod == 'flip' || this.overflowMethod == 'none') {\n let isLeft = false, isTop = true; // Where around the position it's located\n\n if (this.overflowMethod == 'flip') {\n if (this.y - height < this.padding) {\n isTop = false;\n }\n\n if (this.x + width > maxWidth - this.padding) {\n isLeft = true;\n }\n }\n\n if (isLeft) {\n left = this.x - width;\n } else {\n left = this.x;\n }\n\n if (isTop) {\n top = this.y - height;\n } else {\n top = this.y;\n }\n } else { // this.overflowMethod == 'cap'\n top = (this.y - height);\n if (top + height + this.padding > maxHeight) {\n top = maxHeight - height - this.padding;\n }\n if (top < this.padding) {\n top = this.padding;\n }\n\n left = this.x;\n if (left + width + this.padding > maxWidth) {\n left = maxWidth - width - this.padding;\n }\n if (left < this.padding) {\n left = this.padding;\n }\n }\n\n this.frame.style.left = left + \"px\";\n this.frame.style.top = top + \"px\";\n this.frame.style.visibility = \"visible\";\n this.hidden = false;\n }\n else {\n this.hide();\n }\n }\n\n /**\n * Hide the popup window\n */\n hide() {\n this.hidden = true;\n this.frame.style.left = \"0\";\n this.frame.style.top = \"0\";\n this.frame.style.visibility = \"hidden\";\n }\n\n /**\n * Remove the popup window\n */\n destroy() {\n this.frame.parentNode.removeChild(this.frame); // Remove element from DOM\n }\n}\n\nexport default Popup;\n", "'use strict';\nvar $ = require('../internals/export');\nvar $every = require('../internals/array-iteration').every;\nvar sloppyArrayMethod = require('../internals/sloppy-array-method');\n\n// `Array.prototype.every` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.every\n$({ target: 'Array', proto: true, forced: sloppyArrayMethod('every') }, {\n every: function every(callbackfn /* , thisArg */) {\n return $every(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n", "require('../../../modules/es.array.every');\nvar entryVirtual = require('../../../internals/entry-virtual');\n\nmodule.exports = entryVirtual('Array').every;\n", "var every = require('../array/virtual/every');\n\nvar ArrayPrototype = Array.prototype;\n\nmodule.exports = function (it) {\n var own = it.every;\n return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.every) ? every : own;\n};\n", "var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n return function (it) {\n var O = toIndexedObject(it);\n var keys = objectKeys(O);\n var length = keys.length;\n var i = 0;\n var result = [];\n var key;\n while (length > i) {\n key = keys[i++];\n if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n }\n }\n return result;\n };\n};\n\nmodule.exports = {\n // `Object.entries` method\n // https://tc39.github.io/ecma262/#sec-object.entries\n entries: createMethod(true),\n // `Object.values` method\n // https://tc39.github.io/ecma262/#sec-object.values\n values: createMethod(false)\n};\n", "var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.github.io/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n values: function values(O) {\n return $values(O);\n }\n});\n", "require('../../modules/es.object.values');\nvar path = require('../../internals/path');\n\nmodule.exports = path.Object.values;\n", "import Item from './Item';\nimport util from '../../../util';\n\n/**\n * ClusterItem\n */\nclass ClusterItem extends Item {\n /**\n * @constructor Item\n * @param {Object} data Object containing (optional) parameters type,\n * start, end, content, group, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} options Configuration options\n * // TODO: describe available options\n */\n constructor(data, conversion, options) {\n const modifiedOptions = Object.assign({}, {fitOnDoubleClick: true}, options, {editable: false});\n super(data, conversion, modifiedOptions);\n\n this.props = {\n content: {\n width: 0,\n height: 0\n },\n };\n \n if (!data || data.uiItems == undefined) {\n throw new Error('Property \"uiItems\" missing in item ' + data.id);\n }\n \n this.id = util.randomUUID();\n this.group = data.group;\n this._setupRange();\n \n this.emitter = this.data.eventEmitter;\n this.range = this.data.range;\n this.attached = false;\n this.isCluster = true;\n this.data.isCluster = true;\n }\n\n /**\n * check if there are items\n * @return {boolean}\n */\n hasItems() {\n return this.data.uiItems && this.data.uiItems.length && this.attached;\n }\n \n /**\n * set UI items\n * @param {array} items\n */\n setUiItems(items) {\n this.detach();\n \n this.data.uiItems = items;\n \n this._setupRange();\n \n this.attach();\n }\n \n /**\n * check is visible\n * @param {object} range\n * @return {boolean}\n */\n isVisible(range) {\n const rangeWidth = this.data.end ? this.data.end - this.data.start : 0;\n const widthInMs = this.width * range.getMillisecondsPerPixel();\n const end = Math.max(rangeWidth, this.data.start.getTime() + widthInMs);\n return (this.data.start < range.end) && (end > range.start) && this.hasItems();\n }\n \n /**\n * get cluster data\n * @return {object}\n */\n getData() {\n return {\n isCluster: true,\n id: this.id,\n items: this.data.items || [],\n data: this.data\n }\n }\n \n /**\n * redraw cluster item\n * @param {boolean} returnQueue\n * @return {boolean}\n */\n redraw (returnQueue) {\n var sizes\n var queue = [\n // create item DOM\n this._createDomElement.bind(this),\n \n // append DOM to parent DOM\n this._appendDomElement.bind(this),\n \n // update dirty DOM\n this._updateDirtyDomComponents.bind(this),\n \n (function () {\n if (this.dirty) {\n sizes = this._getDomComponentsSizes();\n }\n }).bind(this),\n \n (function () {\n if (this.dirty) {\n this._updateDomComponentsSizes.bind(this)(sizes);\n }\n }).bind(this),\n \n // repaint DOM additionals\n this._repaintDomAdditionals.bind(this)\n ];\n \n if (returnQueue) {\n return queue;\n } else {\n var result;\n queue.forEach(function (fn) {\n result = fn();\n });\n return result;\n }\n }\n \n /**\n * show cluster item\n */\n show() {\n if (!this.displayed) {\n this.redraw();\n }\n }\n \n /**\n * Hide the item from the DOM (when visible)\n */\n hide() {\n if (this.displayed) {\n var dom = this.dom;\n if (dom.box.parentNode) {\n dom.box.parentNode.removeChild(dom.box);\n }\n\n if (this.options.showStipes) {\n if (dom.line.parentNode) {\n dom.line.parentNode.removeChild(dom.line);\n }\n if (dom.dot.parentNode) {\n dom.dot.parentNode.removeChild(dom.dot);\n }\n }\n this.displayed = false;\n }\n }\n \n /**\n * reposition item x axis\n */\n repositionX() {\n let start = this.conversion.toScreen(this.data.start);\n let end = this.data.end ? this.conversion.toScreen(this.data.end) : 0;\n if (end) {\n this.repositionXWithRanges(start, end);\n } else {\n let align = this.data.align === undefined ? this.options.align : this.data.align;\n this.repositionXWithoutRanges(start, align);\n }\n \n if (this.options.showStipes) {\n this.dom.line.style.display = this._isStipeVisible() ? 'block' : 'none';\n this.dom.dot.style.display = this._isStipeVisible() ? 'block' : 'none';\n\n if (this._isStipeVisible()) {\n this.repositionStype(start, end);\n }\n }\n }\n\n /**\n * reposition item stype\n * @param {date} start\n * @param {date} end\n */\n repositionStype(start, end) {\n this.dom.line.style.display = 'block';\n this.dom.dot.style.display = 'block';\n const lineOffsetWidth = this.dom.line.offsetWidth;\n const dotOffsetWidth = this.dom.dot.offsetWidth;\n\n if (end) {\n const lineOffset = lineOffsetWidth + start + (end - start) / 2;\n const dotOffset = lineOffset - dotOffsetWidth / 2;\n const lineOffsetDirection = this.options.rtl ? lineOffset * -1 : lineOffset;\n const dotOffsetDirection = this.options.rtl ? dotOffset * -1 : dotOffset;\n\n this.dom.line.style.transform = `translateX(${lineOffsetDirection})px`;\n this.dom.dot.style.transform = `translateX(${dotOffsetDirection}px)`;\n } else {\n const lineOffsetDirection = this.options.rtl ? start * -1 : start;\n const dotOffsetDirection = this.options.rtl ? (start - dotOffsetWidth / 2) * -1 : start - dotOffsetWidth / 2;\n\n this.dom.line.style.transform = `${lineOffsetDirection}px`;\n this.dom.dot.style.transform = `${dotOffsetDirection}px`;\n }\n }\n \n /**\n * reposition x without ranges\n * @param {date} start\n * @param {string} align\n */\n repositionXWithoutRanges(start, align) {\n // calculate left position of the box\n if (align == 'right') {\n if (this.options.rtl) {\n this.right = start - this.width;\n \n // reposition box, line, and dot\n this.dom.box.style.right = this.right + 'px';\n } else {\n this.left = start - this.width;\n \n // reposition box, line, and dot\n this.dom.box.style.left = this.left + 'px';\n }\n } else if (align == 'left') {\n if (this.options.rtl) {\n this.right = start;\n \n // reposition box, line, and dot\n this.dom.box.style.right = this.right + 'px';\n } else {\n this.left = start;\n \n // reposition box, line, and dot\n this.dom.box.style.left = this.left + 'px';\n }\n } else {\n // default or 'center'\n if (this.options.rtl) {\n this.right = start - this.width / 2;\n \n // reposition box, line, and dot\n this.dom.box.style.right = this.right + 'px';\n } else {\n this.left = start - this.width / 2;\n \n // reposition box, line, and dot\n this.dom.box.style.left = this.left + 'px';\n }\n }\n }\n \n /**\n * reposition x with ranges\n * @param {date} start\n * @param {date} end\n */\n repositionXWithRanges(start, end) {\n let boxWidth = Math.round(Math.max(end - start + 0.5, 1));\n \n if (this.options.rtl) {\n this.right = start;\n } else {\n this.left = start;\n }\n \n this.width = Math.max(boxWidth, this.minWidth || 0);\n \n if (this.options.rtl) {\n this.dom.box.style.right = this.right + 'px';\n } else {\n this.dom.box.style.left = this.left + 'px';\n }\n \n this.dom.box.style.width = boxWidth + 'px';\n }\n \n /**\n * reposition item y axis\n */\n repositionY() {\n var orientation = this.options.orientation.item;\n var box = this.dom.box;\n if (orientation == 'top') {\n box.style.top = (this.top || 0) + 'px';\n } else { \n // orientation 'bottom'\n box.style.top = (this.parent.height - this.top - this.height || 0) + 'px';\n }\n \n if (this.options.showStipes) {\n if (orientation == 'top') {\n this.dom.line.style.top = '0';\n this.dom.line.style.height = (this.parent.top + this.top + 1) + 'px';\n this.dom.line.style.bottom = '';\n }\n else { \n // orientation 'bottom'\n var itemSetHeight = this.parent.itemSet.props.height;\n var lineHeight = itemSetHeight - this.parent.top - this.parent.height + this.top;\n this.dom.line.style.top = (itemSetHeight - lineHeight) + 'px';\n this.dom.line.style.bottom = '0';\n }\n \n this.dom.dot.style.top = (-this.dom.dot.offsetHeight / 2) + 'px';\n }\n }\n\n /**\n * get width left\n * @return {number}\n */\n getWidthLeft() {\n return this.width / 2;\n }\n \n /**\n * get width right\n * @return {number}\n */\n getWidthRight() {\n return this.width / 2;\n }\n \n /**\n * move cluster item\n */\n move() {\n this.repositionX();\n this.repositionY();\n }\n \n /**\n * attach\n */\n attach() {\n for (let item of this.data.uiItems) {\n item.cluster = this;\n }\n \n this.data.items = this.data.uiItems.map(item => item.data);\n\n this.attached = true;\n this.dirty = true;\n }\n \n /**\n * detach\n * @param {boolean} detachFromParent\n * @return {void}\n */\n detach(detachFromParent = false) {\n if (!this.hasItems()) {\n return;\n }\n \n for (let item of this.data.uiItems) {\n delete item.cluster;\n }\n \n this.attached = false;\n \n if (detachFromParent && this.group) {\n this.group.remove(this);\n this.group = null;\n }\n \n this.data.items = [];\n this.dirty = true;\n }\n \n /**\n * handle on double click\n */\n _onDoubleClick() {\n this._fit();\n }\n \n /**\n * set range\n */\n _setupRange() {\n const stats = this.data.uiItems.map(item => ({\n start: item.data.start.valueOf(),\n end: item.data.end ? item.data.end.valueOf() : item.data.start.valueOf(),\n }));\n \n this.data.min = Math.min(...stats.map(s => Math.min(s.start, s.end || s.start)));\n this.data.max = Math.max(...stats.map(s => Math.max(s.start, s.end || s.start)));\n const centers = this.data.uiItems.map(item => item.center);\n const avg = centers.reduce((sum, value) => sum + value, 0) / this.data.uiItems.length;\n \n if (this.data.uiItems.some(item => item.data.end)) {\n // contains ranges\n this.data.start = new Date(this.data.min);\n this.data.end = new Date(this.data.max);\n } else {\n this.data.start = new Date(avg);\n this.data.end = null;\n }\n }\n \n /**\n * get UI items\n * @return {array}\n */\n _getUiItems() {\n if (this.data.uiItems && this.data.uiItems.length) {\n return this.data.uiItems.filter(item => item.cluster === this);\n }\n \n return [];\n }\n \n /**\n * create DOM element\n */\n _createDomElement() {\n if (!this.dom) {\n // create DOM\n this.dom = {};\n \n // create main box\n this.dom.box = document.createElement('DIV');\n \n // contents box (inside the background box). used for making margins\n this.dom.content = document.createElement('DIV');\n this.dom.content.className = 'vis-item-content';\n \n this.dom.box.appendChild(this.dom.content);\n \n if (this.options.showStipes) {\n // line to axis\n this.dom.line = document.createElement('DIV');\n this.dom.line.className = 'vis-cluster-line';\n this.dom.line.style.display = 'none';\n \n // dot on axis\n this.dom.dot = document.createElement('DIV');\n this.dom.dot.className = 'vis-cluster-dot';\n this.dom.dot.style.display = 'none';\n }\n \n if (this.options.fitOnDoubleClick) {\n this.dom.box.ondblclick = ClusterItem.prototype._onDoubleClick.bind(this);\n }\n \n // attach this item as attribute\n this.dom.box['vis-item'] = this;\n \n this.dirty = true;\n }\n }\n \n /**\n * append element to DOM\n */\n _appendDomElement() {\n if (!this.parent) {\n throw new Error('Cannot redraw item: no parent attached');\n }\n \n if (!this.dom.box.parentNode) {\n const foreground = this.parent.dom.foreground;\n if (!foreground) {\n throw new Error('Cannot redraw item: parent has no foreground container element');\n }\n \n foreground.appendChild(this.dom.box);\n }\n \n const background = this.parent.dom.background;\n \n if (this.options.showStipes) {\n if (!this.dom.line.parentNode) {\n if (!background) throw new Error('Cannot redraw item: parent has no background container element');\n background.appendChild(this.dom.line);\n }\n \n if (!this.dom.dot.parentNode) {\n var axis = this.parent.dom.axis;\n if (!background) throw new Error('Cannot redraw item: parent has no axis container element');\n axis.appendChild(this.dom.dot);\n }\n }\n \n this.displayed = true;\n }\n \n /**\n * update dirty DOM components\n */\n _updateDirtyDomComponents() {\n // An item is marked dirty when:\n // - the item is not yet rendered\n // - the item's data is changed\n // - the item is selected/deselected\n if (this.dirty) {\n this._updateContents(this.dom.content);\n this._updateDataAttributes(this.dom.box);\n this._updateStyle(this.dom.box);\n \n // update class\n const className = this.baseClassName + ' ' + (this.data.className ? ' ' + this.data.className : '') +\n (this.selected ? ' vis-selected' : '') + ' vis-readonly';\n this.dom.box.className = 'vis-item ' + className;\n \n if (this.options.showStipes) {\n this.dom.line.className = 'vis-item vis-cluster-line ' + (this.selected ? ' vis-selected' : '');\n this.dom.dot.className = 'vis-item vis-cluster-dot ' + (this.selected ? ' vis-selected' : '');\n }\n \n if (this.data.end) {\n // turn off max-width to be able to calculate the real width\n // this causes an extra browser repaint/reflow, but so be it\n this.dom.content.style.maxWidth = 'none';\n }\n }\n }\n \n /**\n * get DOM components sizes\n * @return {object}\n */\n _getDomComponentsSizes() {\n return {\n previous: {\n right: this.dom.box.style.right,\n left: this.dom.box.style.left\n },\n box: {\n width: this.dom.box.offsetWidth,\n height: this.dom.box.offsetHeight\n },\n }\n }\n \n /**\n * update DOM components sizes\n * @param {object} sizes\n */\n _updateDomComponentsSizes(sizes) {\n if (this.options.rtl) {\n this.dom.box.style.right = \"0px\";\n } else {\n this.dom.box.style.left = \"0px\";\n }\n \n // recalculate size\n if (!this.data.end) {\n this.width = sizes.box.width;\n } else {\n this.minWidth = sizes.box.width;\n }\n \n this.height = sizes.box.height;\n \n // restore previous position\n if (this.options.rtl) {\n this.dom.box.style.right = sizes.previous.right;\n } else {\n this.dom.box.style.left = sizes.previous.left;\n }\n \n this.dirty = false;\n }\n \n /**\n * repaint DOM additional components\n */\n _repaintDomAdditionals() {\n this._repaintOnItemUpdateTimeTooltip(this.dom.box);\n }\n \n /**\n * check is stripe visible\n * @return {number}\n * @private\n */\n _isStipeVisible() {\n return this.minWidth >= this.width || !this.data.end;\n }\n \n /**\n * get fit range\n * @return {object}\n * @private\n */\n _getFitRange() {\n const offset = 0.05*(this.data.max - this.data.min) / 2;\n return {\n fitStart: this.data.min - offset,\n fitEnd: this.data.max + offset\n };\n }\n \n /**\n * fit\n * @private\n */\n _fit() {\n if (this.emitter) {\n const {fitStart, fitEnd} = this._getFitRange();\n \n const fitArgs = {\n start: new Date(fitStart),\n end: new Date(fitEnd),\n animation: true\n };\n \n this.emitter.emit('fit', fitArgs);\n }\n }\n\n /**\n * get item data\n * @return {object}\n * @private\n */\n _getItemData() {\n return this.data;\n }\n}\n\nClusterItem.prototype.baseClassName = 'vis-item vis-range vis-cluster';\nexport default ClusterItem;\n", "import ClusterItem from './item/ClusterItem';\n\nconst UNGROUPED = '__ungrouped__'; // reserved group id for ungrouped items\nconst BACKGROUND = '__background__'; // reserved group id for background items without group\n\nexport const ReservedGroupIds = {\n UNGROUPED,\n BACKGROUND\n}\n\n/**\n * An Cluster generator generates cluster items\n */\nexport default class ClusterGenerator {\n /**\n * @param {ItemSet} itemSet itemsSet instance\n * @constructor ClusterGenerator\n */\n constructor(itemSet) {\n this.itemSet = itemSet;\n this.groups = {};\n this.cache = {};\n this.cache[-1] = [];\n }\n\n /**\n * @param {Object} itemData Object containing parameters start content, className.\n * @param {{toScreen: function, toTime: function}} conversion\n * Conversion functions from time to screen and vice versa\n * @param {Object} [options] Configuration options\n * @return {Object} newItem\n */\n createClusterItem(itemData, conversion, options) {\n const newItem = new ClusterItem(itemData, conversion, options);\n return newItem;\n }\n\n /**\n * Set the items to be clustered.\n * This will clear cached clusters.\n * @param {Item[]} items\n * @param {Object} [options] Available options:\n * {boolean} applyOnChangedLevel\n * If true (default), the changed data is applied\n * as soon the cluster level changes. If false,\n * The changed data is applied immediately\n */\n setItems(items, options) {\n this.items = items || [];\n this.dataChanged = true;\n this.applyOnChangedLevel = false;\n\n if (options && options.applyOnChangedLevel) {\n this.applyOnChangedLevel = options.applyOnChangedLevel;\n }\n }\n\n /**\n * Update the current data set: clear cache, and recalculate the clustering for\n * the current level\n */\n updateData() {\n this.dataChanged = true;\n this.applyOnChangedLevel = false;\n }\n\n /**\n * Cluster the items which are too close together\n * @param {array} oldClusters \n * @param {number} scale The scale of the current window : (windowWidth / (endDate - startDate)) \n * @param {{maxItems: number, clusterCriteria: function, titleTemplate: string}} options \n * @return {array} clusters\n */\n getClusters(oldClusters, scale, options) {\n let { maxItems, clusterCriteria } = typeof options === \"boolean\" ? {} : options;\n \n if (!clusterCriteria) {\n clusterCriteria = () => true;\n }\n\n maxItems = maxItems || 1;\n\n let level = -1;\n let granularity = 2;\n let timeWindow = 0;\n\n if (scale > 0) {\n if (scale >= 1) {\n return [];\n }\n\n level = Math.abs(Math.round(Math.log(100 / scale) / Math.log(granularity)));\n timeWindow = Math.abs(Math.pow(granularity, level));\n }\n\n // clear the cache when and re-generate groups the data when needed.\n if (this.dataChanged) {\n const levelChanged = (level != this.cacheLevel);\n const applyDataNow = this.applyOnChangedLevel ? levelChanged : true;\n if (applyDataNow) {\n this._dropLevelsCache();\n this._filterData();\n }\n }\n\n this.cacheLevel = level;\n let clusters = this.cache[level];\n if (!clusters) {\n clusters = [];\n for (let groupName in this.groups) {\n if (this.groups.hasOwnProperty(groupName)) {\n const items = this.groups[groupName];\n const iMax = items.length;\n let i = 0;\n while (i < iMax) {\n // find all items around current item, within the timeWindow\n let item = items[i];\n let neighbors = 1; // start at 1, to include itself)\n\n // loop through items left from the current item\n let j = i - 1;\n while (j >= 0 && (item.center - items[j].center) < timeWindow / 2) {\n if (!items[j].cluster && clusterCriteria(item.data, items[j].data)) {\n neighbors++;\n }\n j--;\n }\n\n // loop through items right from the current item\n let k = i + 1;\n while (k < items.length && (items[k].center - item.center) < timeWindow / 2) {\n if (clusterCriteria(item.data, items[k].data)) {\n neighbors++;\n }\n k++;\n }\n\n // loop through the created clusters\n let l = clusters.length - 1;\n while (l >= 0 && (item.center - clusters[l].center) < timeWindow) {\n if (item.group == clusters[l].group && clusterCriteria(item.data, clusters[l].data)) {\n neighbors++;\n }\n l--;\n }\n\n // aggregate until the number of items is within maxItems\n if (neighbors > maxItems) {\n // too busy in this window.\n const num = neighbors - maxItems + 1;\n const clusterItems = [];\n\n // append the items to the cluster,\n // and calculate the average start for the cluster\n let m = i;\n while (clusterItems.length < num && m < items.length) {\n if (clusterCriteria(items[m].data, items[m].data)) {\n clusterItems.push(items[m]);\n }\n m++;\n }\n\n const groupId = this.itemSet.getGroupId(item.data);\n const group = this.itemSet.groups[groupId] || this.itemSet.groups[ReservedGroupIds.UNGROUPED];\n let cluster = this._getClusterForItems(clusterItems, group, oldClusters, options);\n clusters.push(cluster);\n\n i += num;\n } else {\n delete item.cluster;\n i += 1;\n }\n }\n }\n }\n\n this.cache[level] = clusters;\n }\n\n return clusters;\n }\n\n /**\n * Filter the items per group.\n * @private\n */\n _filterData() {\n // filter per group\n const groups = {};\n this.groups = groups;\n\n // split the items per group\n for (const item of Object.values(this.items)) {\n // put the item in the correct group\n const groupName = item.parent ? item.parent.groupId : '';\n let group = groups[groupName];\n if (!group) {\n group = [];\n groups[groupName] = group;\n }\n group.push(item);\n\n // calculate the center of the item\n if (item.data.start) {\n if (item.data.end) {\n // range\n item.center = (item.data.start.valueOf() + item.data.end.valueOf()) / 2;\n } else {\n // box, dot\n item.center = item.data.start.valueOf();\n }\n }\n }\n\n // sort the items per group\n for (let currentGroupName in groups) {\n if (groups.hasOwnProperty(currentGroupName)) {\n groups[currentGroupName].sort((a, b) => a.center - b.center);\n }\n }\n\n this.dataChanged = false;\n }\n\n /**\n * Create new cluster or return existing\n * @private\n * @param {array} clusterItems \n * @param {object} group \n * @param {array} oldClusters \n * @param {object} options \n * @returns {object} cluster\n */\n _getClusterForItems(clusterItems, group, oldClusters, options) {\n const oldClustersLookup = (oldClusters || []).map(cluster => ({\n cluster,\n itemsIds: new Set(cluster.data.uiItems.map(item => item.id))\n }));\n let cluster;\n if (oldClustersLookup.length) {\n for (let oldClusterData of oldClustersLookup) {\n if (oldClusterData.itemsIds.size === clusterItems.length \n && clusterItems.every(clusterItem => oldClusterData.itemsIds.has(clusterItem.id))) {\n cluster = oldClusterData.cluster;\n break;\n }\n }\n }\n\n if (cluster) {\n cluster.setUiItems(clusterItems);\n if (cluster.group !== group) {\n if (cluster.group) {\n cluster.group.remove(cluster); \n }\n\n if (group) {\n group.add(cluster); \n cluster.group = group;\n }\n }\n return cluster;\n }\n\n let titleTemplate = options.titleTemplate || '';\n const conversion = {\n toScreen: this.itemSet.body.util.toScreen,\n toTime: this.itemSet.body.util.toTime\n };\n\n const clusterContent = '
' + clusterItems.length + '
';\n const title = titleTemplate.replace(/{count}/, clusterItems.length);\n const clusterOptions = Object.assign({}, options, this.itemSet.options);\n const data = {\n 'content': clusterContent,\n 'title': title,\n 'group': group,\n 'uiItems': clusterItems,\n 'eventEmitter': this.itemSet.body.emitter,\n 'range': this.itemSet.body.range\n };\n cluster = this.createClusterItem(data,\n conversion,\n clusterOptions);\n\n if (group) {\n group.add(cluster);\n cluster.group = group;\n }\n\n cluster.attach();\n\n return cluster;\n }\n\n /**\n * Drop cache\n * @private\n */\n _dropLevelsCache() {\n this.cache = {};\n this.cacheLevel = -1;\n this.cache[this.cacheLevel] = [];\n }\n}\n", "import Hammer from '../../module/hammer';\nimport util, { typeCoerceDataSet } from '../../util';\nimport { DataSet } from 'vis-data';\nimport { DataView } from 'vis-data';\nimport TimeStep from '../TimeStep';\nimport Component from './Component';\nimport Group from './Group';\nimport BackgroundGroup from './BackgroundGroup';\nimport BoxItem from './item/BoxItem';\nimport PointItem from './item/PointItem';\nimport RangeItem from './item/RangeItem';\nimport BackgroundItem from './item/BackgroundItem';\nimport Popup from '../../shared/Popup';\nimport ClusterGenerator from './ClusterGenerator';\n\nimport './css/itemset.css';\nimport './css/labelset.css';\n\nconst UNGROUPED = '__ungrouped__'; // reserved group id for ungrouped items\nconst BACKGROUND = '__background__'; // reserved group id for background items without group\n\nexport const ReservedGroupIds = {\n UNGROUPED,\n BACKGROUND\n}\n\n/**\n * An ItemSet holds a set of items and ranges which can be displayed in a\n * range. The width is determined by the parent of the ItemSet, and the height\n * is determined by the size of the items.\n */\nclass ItemSet extends Component {\n /**\n * @param {{dom: Object, domProps: Object, emitter: Emitter, range: Range}} body\n * @param {Object} [options] See ItemSet.setOptions for the available options.\n * @constructor ItemSet\n * @extends Component\n */\n constructor(body, options) {\n super()\n this.body = body;\n this.defaultOptions = {\n type: null, // 'box', 'point', 'range', 'background'\n orientation: {\n item: 'bottom' // item orientation: 'top' or 'bottom'\n },\n align: 'auto', // alignment of box items\n stack: true,\n stackSubgroups: true,\n groupOrderSwap(fromGroup, toGroup, groups) { // eslint-disable-line no-unused-vars\n const targetOrder = toGroup.order;\n toGroup.order = fromGroup.order;\n fromGroup.order = targetOrder;\n },\n groupOrder: 'order',\n\n selectable: true,\n multiselect: false,\n longSelectPressTime: 251,\n itemsAlwaysDraggable: {\n item: false,\n range: false,\n },\n\n editable: {\n updateTime: false,\n updateGroup: false,\n add: false,\n remove: false,\n overrideItems: false\n },\n\n groupEditable: {\n order: false,\n add: false,\n remove: false\n },\n\n snap: TimeStep.snap,\n\n // Only called when `objectData.target === 'item'.\n onDropObjectOnItem(objectData, item, callback) {\n callback(item)\n },\n onAdd(item, callback) {\n callback(item);\n },\n onUpdate(item, callback) {\n callback(item);\n },\n onMove(item, callback) {\n callback(item);\n },\n onRemove(item, callback) {\n callback(item);\n },\n onMoving(item, callback) {\n callback(item);\n },\n onAddGroup(item, callback) {\n callback(item);\n },\n onMoveGroup(item, callback) {\n callback(item);\n },\n onRemoveGroup(item, callback) {\n callback(item);\n },\n\n margin: {\n item: {\n horizontal: 10,\n vertical: 10\n },\n axis: 20\n },\n\n showTooltips: true,\n\n tooltip: {\n followMouse: false,\n overflowMethod: 'flip',\n delay: 500\n },\n\n tooltipOnItemUpdateTime: false\n };\n\n // options is shared by this ItemSet and all its items\n this.options = util.extend({}, this.defaultOptions);\n this.options.rtl = options.rtl;\n this.options.onTimeout = options.onTimeout;\n\n this.conversion = {\n toScreen: body.util.toScreen,\n toTime: body.util.toTime\n };\n this.dom = {};\n this.props = {};\n this.hammer = null;\n \n const me = this;\n this.itemsData = null; // DataSet\n this.groupsData = null; // DataSet\n this.itemsSettingTime = null;\n this.initialItemSetDrawn = false;\n this.userContinueNotBail = null; \n\n this.sequentialSelection = false;\n \n // listeners for the DataSet of the items\n this.itemListeners = {\n 'add'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onAdd(params.items);\n if (me.options.cluster) {\n me.clusterGenerator.setItems(me.items, { applyOnChangedLevel: false });\n }\n me.redraw();\n },\n 'update'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onUpdate(params.items);\n if (me.options.cluster) {\n me.clusterGenerator.setItems(me.items, { applyOnChangedLevel: false });\n }\n me.redraw();\n },\n 'remove'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onRemove(params.items);\n if (me.options.cluster) {\n me.clusterGenerator.setItems(me.items, { applyOnChangedLevel: false });\n }\n me.redraw();\n }\n };\n\n // listeners for the DataSet of the groups\n this.groupListeners = {\n 'add'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onAddGroups(params.items);\n \n if (me.groupsData && me.groupsData.length > 0) {\n const groupsData = me.groupsData.getDataSet();\n groupsData.get().forEach(groupData => {\n if (groupData.nestedGroups) {\n if (groupData.showNested != false) {\n groupData.showNested = true;\n }\n let updatedGroups = [];\n groupData.nestedGroups.forEach(nestedGroupId => {\n const updatedNestedGroup = groupsData.get(nestedGroupId);\n if (!updatedNestedGroup) { return; }\n updatedNestedGroup.nestedInGroup = groupData.id;\n if (groupData.showNested == false) {\n updatedNestedGroup.visible = false;\n }\n updatedGroups = updatedGroups.concat(updatedNestedGroup);\n });\n groupsData.update(updatedGroups, senderId);\n }\n });\n }\n },\n 'update'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onUpdateGroups(params.items);\n },\n 'remove'(event, params, senderId) { // eslint-disable-line no-unused-vars\n me._onRemoveGroups(params.items);\n }\n };\n\n this.items = {}; // object with an Item for every data item\n this.groups = {}; // Group object for every group\n this.groupIds = [];\n\n this.selection = []; // list with the ids of all selected nodes\n\n this.popup = null;\n this.popupTimer = null;\n\n this.touchParams = {}; // stores properties while dragging\n this.groupTouchParams = {\n group: null,\n isDragging: false\n };\n \n // create the HTML DOM\n this._create();\n\n this.setOptions(options);\n this.clusters = [];\n }\n\n /**\n * Create the HTML DOM for the ItemSet\n */\n _create() {\n const frame = document.createElement('div');\n frame.className = 'vis-itemset';\n frame['vis-itemset'] = this;\n this.dom.frame = frame;\n\n // create background panel\n const background = document.createElement('div');\n background.className = 'vis-background';\n frame.appendChild(background);\n this.dom.background = background;\n\n // create foreground panel\n const foreground = document.createElement('div');\n foreground.className = 'vis-foreground';\n frame.appendChild(foreground);\n this.dom.foreground = foreground;\n\n // create axis panel\n const axis = document.createElement('div');\n axis.className = 'vis-axis';\n this.dom.axis = axis;\n\n // create labelset\n const labelSet = document.createElement('div');\n labelSet.className = 'vis-labelset';\n this.dom.labelSet = labelSet;\n\n // create ungrouped Group\n this._updateUngrouped();\n\n // create background Group\n const backgroundGroup = new BackgroundGroup(BACKGROUND, null, this);\n backgroundGroup.show();\n this.groups[BACKGROUND] = backgroundGroup;\n\n // attach event listeners\n // Note: we bind to the centerContainer for the case where the height\n // of the center container is larger than of the ItemSet, so we\n // can click in the empty area to create a new item or deselect an item.\n this.hammer = new Hammer(this.body.dom.centerContainer);\n\n // drag items when selected\n this.hammer.on('hammer.input', event => {\n if (event.isFirst) {\n this._onTouch(event);\n }\n });\n this.hammer.on('panstart', this._onDragStart.bind(this));\n this.hammer.on('panmove', this._onDrag.bind(this));\n this.hammer.on('panend', this._onDragEnd.bind(this));\n this.hammer.get('pan').set({threshold:5, direction: Hammer.ALL});\n\n // single select (or unselect) when tapping an item\n this.hammer.on('tap', this._onSelectItem.bind(this));\n\n // multi select when holding mouse/touch, or on ctrl+click\n this.hammer.on('press', this._onMultiSelectItem.bind(this));\n\n // add item on doubletap\n this.hammer.on('doubletap', this._onAddItem.bind(this));\n\n if (this.options.rtl) {\n this.groupHammer = new Hammer(this.body.dom.rightContainer);\n } else {\n this.groupHammer = new Hammer(this.body.dom.leftContainer);\n }\n \n this.groupHammer.on('tap', this._onGroupClick.bind(this));\n this.groupHammer.on('panstart', this._onGroupDragStart.bind(this));\n this.groupHammer.on('panmove', this._onGroupDrag.bind(this));\n this.groupHammer.on('panend', this._onGroupDragEnd.bind(this));\n this.groupHammer.get('pan').set({threshold:5, direction: Hammer.DIRECTION_VERTICAL});\n \n this.body.dom.centerContainer.addEventListener('mouseover', this._onMouseOver.bind(this));\n this.body.dom.centerContainer.addEventListener('mouseout', this._onMouseOut.bind(this));\n this.body.dom.centerContainer.addEventListener('mousemove', this._onMouseMove.bind(this));\n // right-click on timeline \n this.body.dom.centerContainer.addEventListener('contextmenu', this._onDragEnd.bind(this));\n\n this.body.dom.centerContainer.addEventListener('mousewheel', this._onMouseWheel.bind(this));\n\n // attach to the DOM\n this.show();\n }\n\n /**\n * Set options for the ItemSet. Existing options will be extended/overwritten.\n * @param {Object} [options] The following options are available:\n * {string} type\n * Default type for the items. Choose from 'box'\n * (default), 'point', 'range', or 'background'.\n * The default style can be overwritten by\n * individual items.\n * {string} align\n * Alignment for the items, only applicable for\n * BoxItem. Choose 'center' (default), 'left', or\n * 'right'.\n * {string} orientation.item\n * Orientation of the item set. Choose 'top' or\n * 'bottom' (default).\n * {Function} groupOrder\n * A sorting function for ordering groups\n * {boolean} stack\n * If true (default), items will be stacked on\n * top of each other.\n * {number} margin.axis\n * Margin between the axis and the items in pixels.\n * Default is 20.\n * {number} margin.item.horizontal\n * Horizontal margin between items in pixels.\n * Default is 10.\n * {number} margin.item.vertical\n * Vertical Margin between items in pixels.\n * Default is 10.\n * {number} margin.item\n * Margin between items in pixels in both horizontal\n * and vertical direction. Default is 10.\n * {number} margin\n * Set margin for both axis and items in pixels.\n * {boolean} selectable\n * If true (default), items can be selected.\n * {boolean} multiselect\n * If true, multiple items can be selected.\n * False by default.\n * {boolean} editable\n * Set all editable options to true or false\n * {boolean} editable.updateTime\n * Allow dragging an item to an other moment in time\n * {boolean} editable.updateGroup\n * Allow dragging an item to an other group\n * {boolean} editable.add\n * Allow creating new items on double tap\n * {boolean} editable.remove\n * Allow removing items by clicking the delete button\n * top right of a selected item.\n * {Function(item: Item, callback: Function)} onAdd\n * Callback function triggered when an item is about to be added:\n * when the user double taps an empty space in the Timeline.\n * {Function(item: Item, callback: Function)} onUpdate\n * Callback function fired when an item is about to be updated.\n * This function typically has to show a dialog where the user\n * change the item. If not implemented, nothing happens.\n * {Function(item: Item, callback: Function)} onMove\n * Fired when an item has been moved. If not implemented,\n * the move action will be accepted.\n * {Function(item: Item, callback: Function)} onRemove\n * Fired when an item is about to be deleted.\n * If not implemented, the item will be always removed.\n */\n setOptions(options) {\n if (options) {\n // copy all options that we know\n const fields = [\n 'type', 'rtl', 'align', 'order', 'stack', 'stackSubgroups', 'selectable', 'multiselect', 'sequentialSelection',\n 'multiselectPerGroup', 'longSelectPressTime', 'groupOrder', 'dataAttributes', 'template', 'groupTemplate', 'visibleFrameTemplate',\n 'hide', 'snap', 'groupOrderSwap', 'showTooltips', 'tooltip', 'tooltipOnItemUpdateTime', 'groupHeightMode', 'onTimeout'\n ];\n util.selectiveExtend(fields, this.options, options);\n\n if ('itemsAlwaysDraggable' in options) {\n if (typeof options.itemsAlwaysDraggable === 'boolean') {\n this.options.itemsAlwaysDraggable.item = options.itemsAlwaysDraggable;\n this.options.itemsAlwaysDraggable.range = false;\n }\n else if (typeof options.itemsAlwaysDraggable === 'object') {\n util.selectiveExtend(['item', 'range'], this.options.itemsAlwaysDraggable, options.itemsAlwaysDraggable);\n // only allow range always draggable when item is always draggable as well\n if (! this.options.itemsAlwaysDraggable.item) {\n this.options.itemsAlwaysDraggable.range = false;\n }\n }\n }\n\n if ('sequentialSelection' in options) {\n if (typeof options.sequentialSelection === 'boolean') {\n this.options.sequentialSelection = options.sequentialSelection;\n }\n }\n\n if ('orientation' in options) {\n if (typeof options.orientation === 'string') {\n this.options.orientation.item = options.orientation === 'top' ? 'top' : 'bottom';\n }\n else if (typeof options.orientation === 'object' && 'item' in options.orientation) {\n this.options.orientation.item = options.orientation.item;\n }\n }\n\n if ('margin' in options) {\n if (typeof options.margin === 'number') {\n this.options.margin.axis = options.margin;\n this.options.margin.item.horizontal = options.margin;\n this.options.margin.item.vertical = options.margin;\n }\n else if (typeof options.margin === 'object') {\n util.selectiveExtend(['axis'], this.options.margin, options.margin);\n if ('item' in options.margin) {\n if (typeof options.margin.item === 'number') {\n this.options.margin.item.horizontal = options.margin.item;\n this.options.margin.item.vertical = options.margin.item;\n }\n else if (typeof options.margin.item === 'object') {\n util.selectiveExtend(['horizontal', 'vertical'], this.options.margin.item, options.margin.item);\n }\n }\n }\n }\n\n ['locale', 'locales'].forEach(key => {\n if (key in options) {\n this.options[key] = options[key];\n }\n });\n\n if ('editable' in options) {\n if (typeof options.editable === 'boolean') {\n this.options.editable.updateTime = options.editable;\n this.options.editable.updateGroup = options.editable;\n this.options.editable.add = options.editable;\n this.options.editable.remove = options.editable;\n this.options.editable.overrideItems = false;\n }\n else if (typeof options.editable === 'object') {\n util.selectiveExtend(['updateTime', 'updateGroup', 'add', 'remove', 'overrideItems'], this.options.editable, options.editable);\n }\n }\n\n if ('groupEditable' in options) {\n if (typeof options.groupEditable === 'boolean') {\n this.options.groupEditable.order = options.groupEditable;\n this.options.groupEditable.add = options.groupEditable;\n this.options.groupEditable.remove = options.groupEditable;\n }\n else if (typeof options.groupEditable === 'object') {\n util.selectiveExtend(['order', 'add', 'remove'], this.options.groupEditable, options.groupEditable);\n }\n }\n\n // callback functions\n const addCallback = name => {\n const fn = options[name];\n if (fn) {\n if (!(typeof fn === 'function')) {\n throw new Error(`option ${name} must be a function ${name}(item, callback)`);\n }\n this.options[name] = fn;\n }\n };\n ['onDropObjectOnItem', 'onAdd', 'onUpdate', 'onRemove', 'onMove', 'onMoving', 'onAddGroup', 'onMoveGroup', 'onRemoveGroup'].forEach(addCallback);\n\n if (options.cluster) {\n Object.assign(this.options, {\n cluster: options.cluster\n });\n if (!this.clusterGenerator) {\n this.clusterGenerator = new ClusterGenerator(this);\n } \n this.clusterGenerator.setItems(this.items, { applyOnChangedLevel: false });\n this.markDirty({ refreshItems: true, restackGroups: true });\n\n this.redraw();\n } else if (this.clusterGenerator) {\n this._detachAllClusters();\n this.clusters = [];\n this.clusterGenerator = null;\n this.options.cluster = undefined;\n this.markDirty({ refreshItems: true, restackGroups: true });\n\n this.redraw();\n } else {\n // force the itemSet to refresh: options like orientation and margins may be changed\n this.markDirty();\n }\n }\n }\n\n /**\n * Mark the ItemSet dirty so it will refresh everything with next redraw.\n * Optionally, all items can be marked as dirty and be refreshed.\n * @param {{refreshItems: boolean}} [options]\n */\n markDirty(options) {\n this.groupIds = [];\n\n if (options) {\n if (options.refreshItems) {\n util.forEach(this.items, item => {\n item.dirty = true;\n if (item.displayed) item.redraw();\n });\n }\n \n if (options.restackGroups) {\n util.forEach(this.groups, (group, key) => {\n if (key === BACKGROUND) return;\n group.stackDirty = true;\n });\n }\n }\n }\n\n /**\n * Destroy the ItemSet\n */\n destroy() {\n this.clearPopupTimer();\n this.hide();\n this.setItems(null);\n this.setGroups(null);\n\n this.hammer && this.hammer.destroy();\n this.groupHammer && this.groupHammer.destroy();\n this.hammer = null;\n\n this.body = null;\n this.conversion = null;\n }\n\n /**\n * Hide the component from the DOM\n */\n hide() {\n // remove the frame containing the items\n if (this.dom.frame.parentNode) {\n this.dom.frame.parentNode.removeChild(this.dom.frame);\n }\n\n // remove the axis with dots\n if (this.dom.axis.parentNode) {\n this.dom.axis.parentNode.removeChild(this.dom.axis);\n }\n\n // remove the labelset containing all group labels\n if (this.dom.labelSet.parentNode) {\n this.dom.labelSet.parentNode.removeChild(this.dom.labelSet);\n }\n }\n\n /**\n * Show the component in the DOM (when not already visible).\n */\n show() {\n // show frame containing the items\n if (!this.dom.frame.parentNode) {\n this.body.dom.center.appendChild(this.dom.frame);\n }\n\n // show axis with dots\n if (!this.dom.axis.parentNode) {\n this.body.dom.backgroundVertical.appendChild(this.dom.axis);\n }\n\n // show labelset containing labels\n if (!this.dom.labelSet.parentNode) {\n if (this.options.rtl) {\n this.body.dom.right.appendChild(this.dom.labelSet);\n } else {\n this.body.dom.left.appendChild(this.dom.labelSet);\n }\n }\n }\n\n /**\n * Activates the popup timer to show the given popup after a fixed time.\n * @param {Popup} popup\n */\n setPopupTimer(popup) {\n this.clearPopupTimer();\n if (popup) {\n const delay = this.options.tooltip.delay || typeof this.options.tooltip.delay === 'number' ?\n this.options.tooltip.delay :\n 500;\n this.popupTimer = setTimeout(\n function () {\n popup.show()\n }, delay);\n }\n }\n\n /**\n * Clears the popup timer for the tooltip.\n */\n clearPopupTimer() {\n if (this.popupTimer != null) {\n clearTimeout(this.popupTimer);\n this.popupTimer = null;\n }\n }\n \n /**\n * Set selected items by their id. Replaces the current selection\n * Unknown id's are silently ignored.\n * @param {string[] | string} [ids] An array with zero or more id's of the items to be\n * selected, or a single item id. If ids is undefined\n * or an empty array, all items will be unselected.\n */\n setSelection(ids) {\n if (ids == undefined) { \n ids = [];\n }\n \n if (!Array.isArray(ids)) {\n ids = [ids];\n }\n \n\n const idsToDeselect = this.selection.filter(id => ids.indexOf(id) === -1);\n\n // unselect currently selected items\n for (let selectedId of idsToDeselect) {\n const item = this.getItemById(selectedId);\n if (item) {\n item.unselect();\n }\n }\n \n // select items\n this.selection = [ ...ids ];\n for (let id of ids) {\n const item = this.getItemById(id);\n if (item) {\n item.select();\n }\n }\n }\n\n /**\n * Get the selected items by their id\n * @return {Array} ids The ids of the selected items\n */\n getSelection() {\n return this.selection.concat([]);\n }\n\n /**\n * Get the id's of the currently visible items.\n * @returns {Array} The ids of the visible items\n */\n getVisibleItems() {\n const range = this.body.range.getRange();\n let right;\n let left;\n\n if (this.options.rtl) { \n right = this.body.util.toScreen(range.start);\n left = this.body.util.toScreen(range.end);\n } else {\n left = this.body.util.toScreen(range.start);\n right = this.body.util.toScreen(range.end);\n }\n\n const ids = [];\n for (const groupId in this.groups) {\n if (this.groups.hasOwnProperty(groupId)) {\n const group = this.groups[groupId];\n const rawVisibleItems = group.isVisible ? group.visibleItems : [];\n\n // filter the \"raw\" set with visibleItems into a set which is really\n // visible by pixels\n for (const item of rawVisibleItems) {\n // TODO: also check whether visible vertically\n if (this.options.rtl) { \n if ((item.right < left) && (item.right + item.width > right)) {\n ids.push(item.id);\n }\n } else {\n if ((item.left < right) && (item.left + item.width > left)) {\n ids.push(item.id);\n }\n }\n }\n }\n }\n\n return ids;\n }\n\n /**\n * Get the id's of the currently visible groups.\n * @returns {Array} The ids of the visible groups\n */\n getVisibleGroups() {\n const ids = [];\n\n for (const groupId in this.groups) {\n if (this.groups.hasOwnProperty(groupId)) {\n const group = this.groups[groupId];\n if (group.isVisible) {\n ids.push(groupId)\n }\n }\n }\n\n return ids;\n }\n \n /**\n * get item by id\n * @param {string} id\n * @return {object} item\n */\n getItemById(id) {\n return this.items[id] || this.clusters.find(cluster => cluster.id === id);\n } \n\n /**\n * Deselect a selected item\n * @param {string | number} id\n * @private\n */\n _deselect(id) {\n const selection = this.selection;\n for (let i = 0, ii = selection.length; i < ii; i++) {\n if (selection[i] == id) { // non-strict comparison!\n selection.splice(i, 1);\n break;\n }\n }\n }\n\n /**\n * Repaint the component\n * @return {boolean} Returns true if the component is resized\n */\n redraw() {\n const margin = this.options.margin;\n const range = this.body.range;\n const asSize = util.option.asSize;\n const options = this.options;\n const orientation = options.orientation.item;\n let resized = false;\n const frame = this.dom.frame;\n\n // recalculate absolute position (before redrawing groups)\n this.props.top = this.body.domProps.top.height + this.body.domProps.border.top;\n\n if (this.options.rtl) {\n this.props.right = this.body.domProps.right.width + this.body.domProps.border.right;\n } else {\n this.props.left = this.body.domProps.left.width + this.body.domProps.border.left;\n }\n\n // update class name\n frame.className = 'vis-itemset';\n\n if (this.options.cluster) {\n this._clusterItems();\n }\n\n // reorder the groups (if needed)\n resized = this._orderGroups() || resized;\n\n // check whether zoomed (in that case we need to re-stack everything)\n // TODO: would be nicer to get this as a trigger from Range\n const visibleInterval = range.end - range.start;\n const zoomed = (visibleInterval != this.lastVisibleInterval) || (this.props.width != this.props.lastWidth);\n const scrolled = range.start != this.lastRangeStart;\n const changedStackOption = options.stack != this.lastStack;\n const changedStackSubgroupsOption = options.stackSubgroups != this.lastStackSubgroups;\n const forceRestack = (zoomed || scrolled || changedStackOption || changedStackSubgroupsOption);\n this.lastVisibleInterval = visibleInterval;\n this.lastRangeStart = range.start;\n this.lastStack = options.stack;\n this.lastStackSubgroups = options.stackSubgroups;\n\n this.props.lastWidth = this.props.width;\n const firstGroup = this._firstGroup();\n const firstMargin = {\n item: margin.item,\n axis: margin.axis\n };\n const nonFirstMargin = {\n item: margin.item,\n axis: margin.item.vertical / 2\n };\n let height = 0;\n const minHeight = margin.axis + margin.item.vertical;\n\n // redraw the background group\n this.groups[BACKGROUND].redraw(range, nonFirstMargin, forceRestack);\n\n const redrawQueue = {};\n let redrawQueueLength = 0;\n\n // collect redraw functions\n util.forEach(this.groups, (group, key) => {\n if (key === BACKGROUND) return;\n const groupMargin = group == firstGroup ? firstMargin : nonFirstMargin;\n const returnQueue = true;\n redrawQueue[key] = group.redraw(range, groupMargin, forceRestack, returnQueue);\n redrawQueueLength = redrawQueue[key].length;\n });\n\n const needRedraw = redrawQueueLength > 0;\n if (needRedraw) {\n const redrawResults = {};\n\n for (let i = 0; i < redrawQueueLength; i++) {\n util.forEach(redrawQueue, (fns, key) => {\n redrawResults[key] = fns[i]();\n });\n }\n\n // redraw all regular groups\n util.forEach(this.groups, (group, key) => {\n if (key === BACKGROUND) return;\n const groupResized = redrawResults[key];\n resized = groupResized || resized;\n height += group.height;\n });\n height = Math.max(height, minHeight);\n }\n\n height = Math.max(height, minHeight);\n\n // update frame height\n frame.style.height = asSize(height);\n\n // calculate actual size\n this.props.width = frame.offsetWidth;\n this.props.height = height;\n\n // reposition axis\n this.dom.axis.style.top = asSize((orientation == 'top') ?\n (this.body.domProps.top.height + this.body.domProps.border.top) :\n (this.body.domProps.top.height + this.body.domProps.centerContainer.height));\n if (this.options.rtl) {\n this.dom.axis.style.right = '0';\n } else {\n this.dom.axis.style.left = '0';\n }\n\n this.hammer.get('press').set({time: this.options.longSelectPressTime});\n\n this.initialItemSetDrawn = true;\n // check if this component is resized\n resized = this._isResized() || resized;\n\n return resized;\n }\n\n /**\n * Get the first group, aligned with the axis\n * @return {Group | null} firstGroup\n * @private\n */\n _firstGroup() {\n const firstGroupIndex = (this.options.orientation.item == 'top') ? 0 : (this.groupIds.length - 1);\n const firstGroupId = this.groupIds[firstGroupIndex];\n const firstGroup = this.groups[firstGroupId] || this.groups[UNGROUPED];\n\n return firstGroup || null;\n }\n\n /**\n * Create or delete the group holding all ungrouped items. This group is used when\n * there are no groups specified.\n * @protected\n */\n _updateUngrouped() {\n let ungrouped = this.groups[UNGROUPED];\n let item;\n let itemId;\n\n if (this.groupsData) {\n // remove the group holding all ungrouped items\n if (ungrouped) {\n ungrouped.hide();\n delete this.groups[UNGROUPED];\n\n for (itemId in this.items) {\n if (this.items.hasOwnProperty(itemId)) {\n item = this.items[itemId];\n item.parent && item.parent.remove(item);\n const groupId = this.getGroupId(item.data);\n const group = this.groups[groupId];\n group && group.add(item) || item.hide();\n }\n }\n }\n }\n else {\n // create a group holding all (unfiltered) items\n if (!ungrouped) {\n const id = null;\n const data = null;\n ungrouped = new Group(id, data, this);\n this.groups[UNGROUPED] = ungrouped;\n\n for (itemId in this.items) {\n if (this.items.hasOwnProperty(itemId)) {\n item = this.items[itemId];\n ungrouped.add(item);\n }\n }\n\n ungrouped.show();\n }\n }\n }\n\n /**\n * Get the element for the labelset\n * @return {HTMLElement} labelSet\n */\n getLabelSet() {\n return this.dom.labelSet;\n }\n\n /**\n * Set items\n * @param {vis.DataSet | null} items\n */\n setItems(items) {\n this.itemsSettingTime = new Date();\n const me = this;\n let ids;\n const oldItemsData = this.itemsData;\n\n // replace the dataset\n if (!items) {\n this.itemsData = null;\n }\n else if (items instanceof DataSet || items instanceof DataView) {\n this.itemsData = typeCoerceDataSet(items);\n }\n else {\n throw new TypeError('Data must be an instance of DataSet or DataView');\n }\n\n if (oldItemsData) {\n // unsubscribe from old dataset\n util.forEach(this.itemListeners, (callback, event) => {\n oldItemsData.off(event, callback);\n });\n\n // stop maintaining a coerced version of the old data set\n oldItemsData.dispose()\n\n // remove all drawn items\n ids = oldItemsData.getIds();\n this._onRemove(ids);\n }\n\n if (this.itemsData) {\n // subscribe to new dataset\n const id = this.id;\n util.forEach(this.itemListeners, (callback, event) => {\n me.itemsData.on(event, callback, id);\n });\n\n // add all new items\n ids = this.itemsData.getIds();\n this._onAdd(ids);\n\n // update the group holding all ungrouped items\n this._updateUngrouped();\n }\n\n this.body.emitter.emit('_change', {queue: true});\n }\n\n /**\n * Get the current items\n * @returns {vis.DataSet | null}\n */\n getItems() {\n return this.itemsData != null ? this.itemsData.rawDS : null;\n }\n\n /**\n * Set groups\n * @param {vis.DataSet} groups\n */\n setGroups(groups) {\n const me = this;\n let ids;\n\n // unsubscribe from current dataset\n if (this.groupsData) {\n util.forEach(this.groupListeners, (callback, event) => {\n me.groupsData.off(event, callback);\n });\n\n // remove all drawn groups\n ids = this.groupsData.getIds();\n this.groupsData = null;\n this._onRemoveGroups(ids); // note: this will cause a redraw\n }\n\n // replace the dataset\n if (!groups) {\n this.groupsData = null;\n }\n else if (groups instanceof DataSet || groups instanceof DataView) {\n this.groupsData = groups;\n }\n else {\n throw new TypeError('Data must be an instance of DataSet or DataView');\n }\n\n if (this.groupsData) {\n // go over all groups nesting\n let groupsData = this.groupsData;\n if (this.groupsData instanceof DataView) {\n groupsData = this.groupsData.getDataSet()\n }\n\n groupsData.get().forEach(group => {\n if (group.nestedGroups) {\n group.nestedGroups.forEach(nestedGroupId => {\n const updatedNestedGroup = groupsData.get(nestedGroupId);\n updatedNestedGroup.nestedInGroup = group.id;\n if (group.showNested == false) {\n updatedNestedGroup.visible = false;\n }\n groupsData.update(updatedNestedGroup);\n })\n }\n });\n\n // subscribe to new dataset\n const id = this.id;\n util.forEach(this.groupListeners, (callback, event) => {\n me.groupsData.on(event, callback, id);\n });\n\n // draw all ms\n ids = this.groupsData.getIds();\n this._onAddGroups(ids);\n }\n\n // update the group holding all ungrouped items\n this._updateUngrouped();\n\n // update the order of all items in each group\n this._order();\n\n if (this.options.cluster) {\n this.clusterGenerator.updateData();\n this._clusterItems();\n this.markDirty({ refreshItems: true, restackGroups: true });\n }\n\n this.body.emitter.emit('_change', {queue: true});\n }\n\n /**\n * Get the current groups\n * @returns {vis.DataSet | null} groups\n */\n getGroups() {\n return this.groupsData;\n }\n\n /**\n * Remove an item by its id\n * @param {string | number} id\n */\n removeItem(id) {\n const item = this.itemsData.get(id);\n\n if (item) {\n // confirm deletion\n this.options.onRemove(item, item => {\n if (item) {\n // remove by id here, it is possible that an item has no id defined\n // itself, so better not delete by the item itself\n this.itemsData.remove(id);\n }\n });\n }\n }\n\n /**\n * Get the time of an item based on it's data and options.type\n * @param {Object} itemData\n * @returns {string} Returns the type\n * @private\n */\n _getType(itemData) {\n return itemData.type || this.options.type || (itemData.end ? 'range' : 'box');\n }\n\n /**\n * Get the group id for an item\n * @param {Object} itemData\n * @returns {string} Returns the groupId\n * @private\n */\n getGroupId(itemData) {\n const type = this._getType(itemData);\n if (type == 'background' && itemData.group == undefined) {\n return BACKGROUND;\n }\n else {\n return this.groupsData ? itemData.group : UNGROUPED;\n }\n }\n\n /**\n * Handle updated items\n * @param {number[]} ids\n * @protected\n */\n _onUpdate(ids) {\n const me = this;\n\n ids.forEach(id => {\n const itemData = me.itemsData.get(id);\n let item = me.items[id];\n const type = itemData ? me._getType(itemData) : null;\n\n const constructor = ItemSet.types[type];\n let selected;\n\n if (item) {\n // update item \t\n if (!constructor || !(item instanceof constructor)) {\n // item type has changed, delete the item and recreate it\n selected = item.selected; // preserve selection of this item\n me._removeItem(item);\n item = null;\n }\n else {\n me._updateItem(item, itemData);\n }\n }\n\n if (!item && itemData) {\n // create item\n if (constructor) {\n item = new constructor(itemData, me.conversion, me.options);\n item.id = id; // TODO: not so nice setting id afterwards\n\n me._addItem(item);\n if (selected) {\n this.selection.push(id);\n item.select();\n }\n }\n else {\n throw new TypeError(`Unknown item type \"${type}\"`);\n }\n }\n });\n\n this._order();\n \n if (this.options.cluster) {\n this.clusterGenerator.setItems(this.items, { applyOnChangedLevel: false });\n this._clusterItems();\n }\n\n this.body.emitter.emit('_change', {queue: true});\n }\n\n /**\n * Handle removed items\n * @param {number[]} ids\n * @protected\n */\n _onRemove(ids) {\n let count = 0;\n const me = this;\n ids.forEach(id => {\n const item = me.items[id];\n if (item) {\n count++;\n me._removeItem(item);\n }\n });\n\n if (count) {\n // update order\n this._order();\n this.body.emitter.emit('_change', {queue: true});\n }\n }\n\n /**\n * Update the order of item in all groups\n * @private\n */\n _order() {\n // reorder the items in all groups\n // TODO: optimization: only reorder groups affected by the changed items\n util.forEach(this.groups, group => {\n group.order();\n });\n }\n\n /**\n * Handle updated groups\n * @param {number[]} ids\n * @private\n */\n _onUpdateGroups(ids) {\n this._onAddGroups(ids);\n }\n\n /**\n * Handle changed groups (added or updated)\n * @param {number[]} ids\n * @private\n */\n _onAddGroups(ids) {\n const me = this;\n\n ids.forEach(id => {\n const groupData = me.groupsData.get(id);\n let group = me.groups[id];\n\n if (!group) {\n // check for reserved ids\n if (id == UNGROUPED || id == BACKGROUND) {\n throw new Error(`Illegal group id. ${id} is a reserved id.`);\n }\n\n const groupOptions = Object.create(me.options);\n util.extend(groupOptions, {\n height: null\n });\n\n group = new Group(id, groupData, me);\n me.groups[id] = group;\n\n // add items with this groupId to the new group\n for (const itemId in me.items) {\n if (me.items.hasOwnProperty(itemId)) {\n const item = me.items[itemId];\n if (item.data.group == id) {\n group.add(item);\n }\n }\n }\n\n group.order();\n group.show();\n }\n else {\n // update group\n group.setData(groupData);\n }\n });\n\n this.body.emitter.emit('_change', {queue: true});\n }\n\n /**\n * Handle removed groups\n * @param {number[]} ids\n * @private\n */\n _onRemoveGroups(ids) {\n const groups = this.groups;\n ids.forEach(id => {\n const group = groups[id];\n\n if (group) {\n group.hide();\n delete groups[id];\n }\n });\n\n if (this.options.cluster) {\n this.clusterGenerator.updateData();\n this._clusterItems();\n } \n\n this.markDirty({ restackGroups: !!this.options.cluster });\n this.body.emitter.emit('_change', {queue: true});\n }\n\n /**\n * Reorder the groups if needed\n * @return {boolean} changed\n * @private\n */\n _orderGroups() {\n if (this.groupsData) {\n // reorder the groups\n let groupIds = this.groupsData.getIds({\n order: this.options.groupOrder\n });\n\n groupIds = this._orderNestedGroups(groupIds);\n\n const changed = !util.equalArray(groupIds, this.groupIds);\n if (changed) {\n // hide all groups, removes them from the DOM\n const groups = this.groups;\n groupIds.forEach(groupId => {\n groups[groupId].hide();\n });\n\n // show the groups again, attach them to the DOM in correct order\n groupIds.forEach(groupId => {\n groups[groupId].show();\n });\n\n this.groupIds = groupIds;\n }\n\n return changed;\n }\n else {\n return false;\n }\n }\n\n /**\n * Reorder the nested groups\n *\n * @param {Array.