\");\n $input.on(\"blur.tt\", function($e) {\n var active, isActive, hasActive;\n active = document.activeElement;\n isActive = $menu.is(active);\n hasActive = $menu.has(active).length > 0;\n if (_.isMsie() && (isActive || hasActive)) {\n $e.preventDefault();\n $e.stopImmediatePropagation();\n _.defer(function() {\n $input.focus();\n });\n }\n });\n $menu.on(\"mousedown.tt\", function($e) {\n $e.preventDefault();\n });\n },\n _onSelectableClicked: function onSelectableClicked(type, $el) {\n this.select($el);\n },\n _onDatasetCleared: function onDatasetCleared() {\n this._updateHint();\n },\n _onDatasetRendered: function onDatasetRendered(type, dataset, suggestions, async) {\n this._updateHint();\n this.eventBus.trigger(\"render\", suggestions, async, dataset);\n },\n _onAsyncRequested: function onAsyncRequested(type, dataset, query) {\n this.eventBus.trigger(\"asyncrequest\", query, dataset);\n },\n _onAsyncCanceled: function onAsyncCanceled(type, dataset, query) {\n this.eventBus.trigger(\"asynccancel\", query, dataset);\n },\n _onAsyncReceived: function onAsyncReceived(type, dataset, query) {\n this.eventBus.trigger(\"asyncreceive\", query, dataset);\n },\n _onFocused: function onFocused() {\n this._minLengthMet() && this.menu.update(this.input.getQuery());\n },\n _onBlurred: function onBlurred() {\n if (this.input.hasQueryChangedSinceLastFocus()) {\n this.eventBus.trigger(\"change\", this.input.getQuery());\n }\n },\n _onEnterKeyed: function onEnterKeyed(type, $e) {\n var $selectable;\n if ($selectable = this.menu.getActiveSelectable()) {\n this.select($selectable) && $e.preventDefault();\n }\n },\n _onTabKeyed: function onTabKeyed(type, $e) {\n var $selectable;\n if ($selectable = this.menu.getActiveSelectable()) {\n this.select($selectable) && $e.preventDefault();\n } else if ($selectable = this.menu.getTopSelectable()) {\n this.autocomplete($selectable) && $e.preventDefault();\n }\n },\n _onEscKeyed: function onEscKeyed() {\n this.close();\n },\n _onUpKeyed: function onUpKeyed() {\n this.moveCursor(-1);\n },\n _onDownKeyed: function onDownKeyed() {\n this.moveCursor(+1);\n },\n _onLeftKeyed: function onLeftKeyed() {\n if (this.dir === \"rtl\" && this.input.isCursorAtEnd()) {\n this.autocomplete(this.menu.getTopSelectable());\n }\n },\n _onRightKeyed: function onRightKeyed() {\n if (this.dir === \"ltr\" && this.input.isCursorAtEnd()) {\n this.autocomplete(this.menu.getTopSelectable());\n }\n },\n _onQueryChanged: function onQueryChanged(e, query) {\n this._minLengthMet(query) ? this.menu.update(query) : this.menu.empty();\n },\n _onWhitespaceChanged: function onWhitespaceChanged() {\n this._updateHint();\n },\n _onLangDirChanged: function onLangDirChanged(e, dir) {\n if (this.dir !== dir) {\n this.dir = dir;\n this.menu.setLanguageDirection(dir);\n }\n },\n _openIfActive: function openIfActive() {\n this.isActive() && this.open();\n },\n _minLengthMet: function minLengthMet(query) {\n query = _.isString(query) ? query : this.input.getQuery() || \"\";\n return query.length >= this.minLength;\n },\n _updateHint: function updateHint() {\n var $selectable, data, val, query, escapedQuery, frontMatchRegEx, match;\n $selectable = this.menu.getTopSelectable();\n data = this.menu.getSelectableData($selectable);\n val = this.input.getInputValue();\n if (data && !_.isBlankString(val) && !this.input.hasOverflow()) {\n query = Input.normalizeQuery(val);\n escapedQuery = _.escapeRegExChars(query);\n frontMatchRegEx = new RegExp(\"^(?:\" + escapedQuery + \")(.+$)\", \"i\");\n match = frontMatchRegEx.exec(data.val);\n match && this.input.setHint(val + match[1]);\n } else {\n this.input.clearHint();\n }\n },\n isEnabled: function isEnabled() {\n return this.enabled;\n },\n enable: function enable() {\n this.enabled = true;\n },\n disable: function disable() {\n this.enabled = false;\n },\n isActive: function isActive() {\n return this.active;\n },\n activate: function activate() {\n if (this.isActive()) {\n return true;\n } else if (!this.isEnabled() || this.eventBus.before(\"active\")) {\n return false;\n } else {\n this.active = true;\n this.eventBus.trigger(\"active\");\n return true;\n }\n },\n deactivate: function deactivate() {\n if (!this.isActive()) {\n return true;\n } else if (this.eventBus.before(\"idle\")) {\n return false;\n } else {\n this.active = false;\n this.close();\n this.eventBus.trigger(\"idle\");\n return true;\n }\n },\n isOpen: function isOpen() {\n return this.menu.isOpen();\n },\n open: function open() {\n if (!this.isOpen() && !this.eventBus.before(\"open\")) {\n this.menu.open();\n this._updateHint();\n this.eventBus.trigger(\"open\");\n }\n return this.isOpen();\n },\n close: function close() {\n if (this.isOpen() && !this.eventBus.before(\"close\")) {\n this.menu.close();\n this.input.clearHint();\n this.input.resetInputValue();\n this.eventBus.trigger(\"close\");\n }\n return !this.isOpen();\n },\n setVal: function setVal(val) {\n this.input.setQuery(_.toStr(val));\n },\n getVal: function getVal() {\n return this.input.getQuery();\n },\n select: function select($selectable) {\n var data = this.menu.getSelectableData($selectable);\n if (data && !this.eventBus.before(\"select\", data.obj)) {\n this.input.setQuery(data.val, true);\n this.eventBus.trigger(\"select\", data.obj);\n this.close();\n return true;\n }\n return false;\n },\n autocomplete: function autocomplete($selectable) {\n var query, data, isValid;\n query = this.input.getQuery();\n data = this.menu.getSelectableData($selectable);\n isValid = data && query !== data.val;\n if (isValid && !this.eventBus.before(\"autocomplete\", data.obj)) {\n this.input.setQuery(data.val);\n this.eventBus.trigger(\"autocomplete\", data.obj);\n return true;\n }\n return false;\n },\n moveCursor: function moveCursor(delta) {\n var query, $candidate, data, payload, cancelMove;\n query = this.input.getQuery();\n $candidate = this.menu.selectableRelativeToCursor(delta);\n data = this.menu.getSelectableData($candidate);\n payload = data ? data.obj : null;\n cancelMove = this._minLengthMet() && this.menu.update(query);\n if (!cancelMove && !this.eventBus.before(\"cursorchange\", payload)) {\n this.menu.setCursor($candidate);\n if (data) {\n this.input.setInputValue(data.val);\n } else {\n this.input.resetInputValue();\n this._updateHint();\n }\n this.eventBus.trigger(\"cursorchange\", payload);\n return true;\n }\n return false;\n },\n destroy: function destroy() {\n this.input.destroy();\n this.menu.destroy();\n }\n });\n return Typeahead;\n function c(ctx) {\n var methods = [].slice.call(arguments, 1);\n return function() {\n var args = [].slice.call(arguments);\n _.each(methods, function(method) {\n return ctx[method].apply(ctx, args);\n });\n };\n }\n }();\n (function() {\n \"use strict\";\n var old, keys, methods;\n old = $.fn.typeahead;\n keys = {\n www: \"tt-www\",\n attrs: \"tt-attrs\",\n typeahead: \"tt-typeahead\"\n };\n methods = {\n initialize: function initialize(o, datasets) {\n var www;\n datasets = _.isArray(datasets) ? datasets : [].slice.call(arguments, 1);\n o = o || {};\n www = WWW(o.classNames);\n return this.each(attach);\n function attach() {\n var $input, $wrapper, $hint, $menu, defaultHint, defaultMenu, eventBus, input, menu, typeahead, MenuConstructor;\n _.each(datasets, function(d) {\n d.highlight = !!o.highlight;\n });\n $input = $(this);\n $wrapper = $(www.html.wrapper);\n $hint = $elOrNull(o.hint);\n $menu = $elOrNull(o.menu);\n defaultHint = o.hint !== false && !$hint;\n defaultMenu = o.menu !== false && !$menu;\n defaultHint && ($hint = buildHintFromInput($input, www));\n defaultMenu && ($menu = $(www.html.menu).css(www.css.menu));\n $hint && $hint.val(\"\");\n $input = prepInput($input, www);\n if (defaultHint || defaultMenu) {\n $wrapper.css(www.css.wrapper);\n $input.css(defaultHint ? www.css.input : www.css.inputWithNoHint);\n $input.wrap($wrapper).parent().prepend(defaultHint ? $hint : null).append(defaultMenu ? $menu : null);\n }\n MenuConstructor = defaultMenu ? DefaultMenu : Menu;\n eventBus = new EventBus({\n el: $input\n });\n input = new Input({\n hint: $hint,\n input: $input\n }, www);\n menu = new MenuConstructor({\n node: $menu,\n datasets: datasets\n }, www);\n typeahead = new Typeahead({\n input: input,\n menu: menu,\n eventBus: eventBus,\n minLength: o.minLength\n }, www);\n $input.data(keys.www, www);\n $input.data(keys.typeahead, typeahead);\n }\n },\n isEnabled: function isEnabled() {\n var enabled;\n ttEach(this.first(), function(t) {\n enabled = t.isEnabled();\n });\n return enabled;\n },\n enable: function enable() {\n ttEach(this, function(t) {\n t.enable();\n });\n return this;\n },\n disable: function disable() {\n ttEach(this, function(t) {\n t.disable();\n });\n return this;\n },\n isActive: function isActive() {\n var active;\n ttEach(this.first(), function(t) {\n active = t.isActive();\n });\n return active;\n },\n activate: function activate() {\n ttEach(this, function(t) {\n t.activate();\n });\n return this;\n },\n deactivate: function deactivate() {\n ttEach(this, function(t) {\n t.deactivate();\n });\n return this;\n },\n isOpen: function isOpen() {\n var open;\n ttEach(this.first(), function(t) {\n open = t.isOpen();\n });\n return open;\n },\n open: function open() {\n ttEach(this, function(t) {\n t.open();\n });\n return this;\n },\n close: function close() {\n ttEach(this, function(t) {\n t.close();\n });\n return this;\n },\n select: function select(el) {\n var success = false, $el = $(el);\n ttEach(this.first(), function(t) {\n success = t.select($el);\n });\n return success;\n },\n autocomplete: function autocomplete(el) {\n var success = false, $el = $(el);\n ttEach(this.first(), function(t) {\n success = t.autocomplete($el);\n });\n return success;\n },\n moveCursor: function moveCursoe(delta) {\n var success = false;\n ttEach(this.first(), function(t) {\n success = t.moveCursor(delta);\n });\n return success;\n },\n val: function val(newVal) {\n var query;\n if (!arguments.length) {\n ttEach(this.first(), function(t) {\n query = t.getVal();\n });\n return query;\n } else {\n ttEach(this, function(t) {\n t.setVal(newVal);\n });\n return this;\n }\n },\n destroy: function destroy() {\n ttEach(this, function(typeahead, $input) {\n revert($input);\n typeahead.destroy();\n });\n return this;\n }\n };\n $.fn.typeahead = function(method) {\n if (methods[method]) {\n return methods[method].apply(this, [].slice.call(arguments, 1));\n } else {\n return methods.initialize.apply(this, arguments);\n }\n };\n $.fn.typeahead.noConflict = function noConflict() {\n $.fn.typeahead = old;\n return this;\n };\n function ttEach($els, fn) {\n $els.each(function() {\n var $input = $(this), typeahead;\n (typeahead = $input.data(keys.typeahead)) && fn(typeahead, $input);\n });\n }\n function buildHintFromInput($input, www) {\n return $input.clone().addClass(www.classes.hint).removeData().css(www.css.hint).css(getBackgroundStyles($input)).prop(\"readonly\", true).removeAttr(\"id name placeholder required\").attr({\n autocomplete: \"off\",\n spellcheck: \"false\",\n tabindex: -1\n });\n }\n function prepInput($input, www) {\n $input.data(keys.attrs, {\n dir: $input.attr(\"dir\"),\n autocomplete: $input.attr(\"autocomplete\"),\n spellcheck: $input.attr(\"spellcheck\"),\n style: $input.attr(\"style\")\n });\n $input.addClass(www.classes.input).attr({\n autocomplete: \"off\",\n spellcheck: false\n });\n try {\n !$input.attr(\"dir\") && $input.attr(\"dir\", \"auto\");\n } catch (e) {}\n return $input;\n }\n function getBackgroundStyles($el) {\n return {\n backgroundAttachment: $el.css(\"background-attachment\"),\n backgroundClip: $el.css(\"background-clip\"),\n backgroundColor: $el.css(\"background-color\"),\n backgroundImage: $el.css(\"background-image\"),\n backgroundOrigin: $el.css(\"background-origin\"),\n backgroundPosition: $el.css(\"background-position\"),\n backgroundRepeat: $el.css(\"background-repeat\"),\n backgroundSize: $el.css(\"background-size\")\n };\n }\n function revert($input) {\n var www, $wrapper;\n www = $input.data(keys.www);\n $wrapper = $input.parent().filter(www.selectors.wrapper);\n _.each($input.data(keys.attrs), function(val, key) {\n _.isUndefined(val) ? $input.removeAttr(key) : $input.attr(key, val);\n });\n $input.removeData(keys.typeahead).removeData(keys.www).removeData(keys.attr).removeClass(www.classes.input);\n if ($wrapper.length) {\n $input.detach().insertAfter($wrapper);\n $wrapper.remove();\n }\n }\n function $elOrNull(obj) {\n var isValid, $el;\n isValid = _.isJQuery(obj) || _.isElement(obj);\n $el = isValid ? $(obj).first() : [];\n return $el.length ? $el : null;\n }\n })();\n});","export var HOOKS = [\"onChange\", \"onClose\", \"onDayCreate\", \"onDestroy\", \"onKeyDown\", \"onMonthChange\", \"onOpen\", \"onParseConfig\", \"onReady\", \"onValueUpdate\", \"onYearChange\", \"onPreCalendarPosition\"];\nexport var defaults = {\n _disable: [],\n allowInput: false,\n allowInvalidPreload: false,\n altFormat: \"F j, Y\",\n altInput: false,\n altInputClass: \"form-control input\",\n animate: typeof window === \"object\" && window.navigator.userAgent.indexOf(\"MSIE\") === -1,\n ariaDateFormat: \"F j, Y\",\n autoFillDefaultTime: true,\n clickOpens: true,\n closeOnSelect: true,\n conjunction: \", \",\n dateFormat: \"Y-m-d\",\n defaultHour: 12,\n defaultMinute: 0,\n defaultSeconds: 0,\n disable: [],\n disableMobile: false,\n enableSeconds: false,\n enableTime: false,\n errorHandler: function (err) {\n return typeof console !== \"undefined\" && console.warn(err);\n },\n getWeek: function (givenDate) {\n var date = new Date(givenDate.getTime());\n date.setHours(0, 0, 0, 0);\n date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);\n var week1 = new Date(date.getFullYear(), 0, 4);\n return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);\n },\n hourIncrement: 1,\n ignoredFocusElements: [],\n inline: false,\n locale: \"default\",\n minuteIncrement: 5,\n mode: \"single\",\n monthSelectorType: \"dropdown\",\n nextArrow: \"
\",\n noCalendar: false,\n now: new Date(),\n onChange: [],\n onClose: [],\n onDayCreate: [],\n onDestroy: [],\n onKeyDown: [],\n onMonthChange: [],\n onOpen: [],\n onParseConfig: [],\n onReady: [],\n onValueUpdate: [],\n onYearChange: [],\n onPreCalendarPosition: [],\n plugins: [],\n position: \"auto\",\n positionElement: undefined,\n prevArrow: \"
\",\n shorthandCurrentMonth: false,\n showMonths: 1,\n static: false,\n time_24hr: false,\n weekNumbers: false,\n wrap: false\n};","define([\"../Data\"], function (Data) {\n \"use strict\";\n\n return new Data();\n});","(function (factory) {\n \"use strict\";\n\n if (typeof define === \"function\" && define.amd) {\n // AMD. Register as an anonymous module.\n define([\"jquery\"], factory);\n } else {\n // Browser globals\n factory(jQuery);\n }\n})(function ($) {\n \"use strict\";\n\n $.ui = $.ui || {};\n return $.ui.version = \"1.13.2\";\n});","/* @license C3.js v0.7.20 | (c) C3 Team and other contributors | http://c3js.org/ */\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = global || self, global.c3 = factory());\n})(this, function () {\n 'use strict';\n\n function ChartInternal(api) {\n var $$ = this; // Note: This part will be replaced by rollup-plugin-modify\n // When bundling esm output. Beware of changing this line.\n // TODO: Maybe we should check that the modification by rollup-plugin-modify\n // is valid during unit tests.\n\n $$.d3 = window.d3 ? window.d3 : typeof require !== 'undefined' ? require('d3') : undefined;\n $$.api = api;\n $$.config = $$.getDefaultConfig();\n $$.data = {};\n $$.cache = {};\n $$.axes = {};\n }\n /**\r\n * The Chart class\r\n *\r\n * The methods of this class is the public APIs of the chart object.\r\n */\n\n\n function Chart(config) {\n this.internal = new ChartInternal(this);\n this.internal.loadConfig(config);\n this.internal.beforeInit(config);\n this.internal.init();\n this.internal.afterInit(config);\n\n (function bindThis(fn, target, argThis) {\n Object.keys(fn).forEach(function (key) {\n target[key] = fn[key].bind(argThis);\n\n if (Object.keys(fn[key]).length > 0) {\n bindThis(fn[key], target[key], argThis);\n }\n });\n })(Chart.prototype, this, this);\n }\n\n var asHalfPixel = function (n) {\n return Math.ceil(n) + 0.5;\n };\n\n var ceil10 = function (v) {\n return Math.ceil(v / 10) * 10;\n };\n\n var diffDomain = function (d) {\n return d[1] - d[0];\n };\n\n var getOption = function (options, key, defaultValue) {\n return isDefined(options[key]) ? options[key] : defaultValue;\n };\n\n var getPathBox = function (path) {\n var box = getBBox(path),\n items = [path.pathSegList.getItem(0), path.pathSegList.getItem(1)],\n minX = items[0].x,\n minY = Math.min(items[0].y, items[1].y);\n return {\n x: minX,\n y: minY,\n width: box.width,\n height: box.height\n };\n };\n\n var getBBox = function (element) {\n try {\n return element.getBBox();\n } catch (ignore) {\n // Firefox will throw an exception if getBBox() is called whereas the\n // element is rendered with display:none\n // See https://github.com/c3js/c3/issues/2692\n // The previous code was using `getBoundingClientRect` which was returning\n // everything at 0 in this case so let's reproduce this behavior here.\n return {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n };\n }\n };\n\n var hasValue = function (dict, value) {\n var found = false;\n Object.keys(dict).forEach(function (key) {\n if (dict[key] === value) {\n found = true;\n }\n });\n return found;\n };\n\n var isArray = function (o) {\n return Array.isArray(o);\n };\n\n var isDefined = function (v) {\n return typeof v !== 'undefined';\n };\n\n var isEmpty = function (o) {\n return typeof o === 'undefined' || o === null || isString(o) && o.length === 0 || typeof o === 'object' && Object.keys(o).length === 0;\n };\n\n var isFunction = function (o) {\n return typeof o === 'function';\n };\n\n var isNumber = function (o) {\n return typeof o === 'number';\n };\n\n var isString = function (o) {\n return typeof o === 'string';\n };\n\n var isUndefined = function (v) {\n return typeof v === 'undefined';\n };\n\n var isValue = function (v) {\n return v || v === 0;\n };\n\n var notEmpty = function (o) {\n return !isEmpty(o);\n };\n\n var sanitise = function (str) {\n return typeof str === 'string' ? str.replace(//g, '>') : str;\n };\n\n var flattenArray = function (arr) {\n return Array.isArray(arr) ? [].concat.apply([], arr) : [];\n };\n /**\r\n * Returns whether the point is within the given box.\r\n *\r\n * @param {Array} point An [x,y] coordinate\r\n * @param {Object} box An object with {x, y, width, height} keys\r\n * @param {Number} sensitivity An offset to ease check on very small boxes\r\n */\n\n\n var isWithinBox = function (point, box, sensitivity) {\n if (sensitivity === void 0) {\n sensitivity = 0;\n }\n\n var xStart = box.x - sensitivity;\n var xEnd = box.x + box.width + sensitivity;\n var yStart = box.y + box.height + sensitivity;\n var yEnd = box.y - sensitivity;\n return xStart < point[0] && point[0] < xEnd && yEnd < point[1] && point[1] < yStart;\n };\n /**\r\n * Returns Internet Explorer version number (or false if no Internet Explorer used).\r\n *\r\n * @param string agent Optional parameter to specify user agent\r\n */\n\n\n var getIEVersion = function (agent) {\n // https://stackoverflow.com/questions/19999388/check-if-user-is-using-ie\n if (typeof agent === 'undefined') {\n agent = window.navigator.userAgent;\n }\n\n var pos = agent.indexOf('MSIE '); // up to IE10\n\n if (pos > 0) {\n return parseInt(agent.substring(pos + 5, agent.indexOf('.', pos)), 10);\n }\n\n pos = agent.indexOf('Trident/'); // IE11\n\n if (pos > 0) {\n pos = agent.indexOf('rv:');\n return parseInt(agent.substring(pos + 3, agent.indexOf('.', pos)), 10);\n }\n\n return false;\n };\n /**\r\n * Returns whether the used browser is Internet Explorer.\r\n *\r\n * @param version Optional parameter to specify IE version\r\n */\n\n\n var isIE = function (version) {\n var ver = getIEVersion();\n\n if (typeof version === 'undefined') {\n return !!ver;\n }\n\n return version === ver;\n };\n\n function AxisInternal(component, params) {\n var internal = this;\n internal.component = component;\n internal.params = params || {};\n internal.d3 = component.d3;\n internal.scale = internal.d3.scaleLinear();\n internal.range;\n internal.orient = 'bottom';\n internal.innerTickSize = 6;\n internal.outerTickSize = this.params.withOuterTick ? 6 : 0;\n internal.tickPadding = 3;\n internal.tickValues = null;\n internal.tickFormat;\n internal.tickArguments;\n internal.tickOffset = 0;\n internal.tickCulling = true;\n internal.tickCentered;\n internal.tickTextCharSize;\n internal.tickTextRotate = internal.params.tickTextRotate;\n internal.tickLength;\n internal.axis = internal.generateAxis();\n }\n\n AxisInternal.prototype.axisX = function (selection, x, tickOffset) {\n selection.attr('transform', function (d) {\n return 'translate(' + Math.ceil(x(d) + tickOffset) + ', 0)';\n });\n };\n\n AxisInternal.prototype.axisY = function (selection, y) {\n selection.attr('transform', function (d) {\n return 'translate(0,' + Math.ceil(y(d)) + ')';\n });\n };\n\n AxisInternal.prototype.scaleExtent = function (domain) {\n var start = domain[0],\n stop = domain[domain.length - 1];\n return start < stop ? [start, stop] : [stop, start];\n };\n\n AxisInternal.prototype.generateTicks = function (scale) {\n var internal = this;\n var i,\n domain,\n ticks = [];\n\n if (scale.ticks) {\n return scale.ticks.apply(scale, internal.tickArguments);\n }\n\n domain = scale.domain();\n\n for (i = Math.ceil(domain[0]); i < domain[1]; i++) {\n ticks.push(i);\n }\n\n if (ticks.length > 0 && ticks[0] > 0) {\n ticks.unshift(ticks[0] - (ticks[1] - ticks[0]));\n }\n\n return ticks;\n };\n\n AxisInternal.prototype.copyScale = function () {\n var internal = this;\n var newScale = internal.scale.copy(),\n domain;\n\n if (internal.params.isCategory) {\n domain = internal.scale.domain();\n newScale.domain([domain[0], domain[1] - 1]);\n }\n\n return newScale;\n };\n\n AxisInternal.prototype.textFormatted = function (v) {\n var internal = this,\n formatted = internal.tickFormat ? internal.tickFormat(v) : v;\n return typeof formatted !== 'undefined' ? formatted : '';\n };\n\n AxisInternal.prototype.updateRange = function () {\n var internal = this;\n internal.range = internal.scale.rangeExtent ? internal.scale.rangeExtent() : internal.scaleExtent(internal.scale.range());\n return internal.range;\n };\n\n AxisInternal.prototype.updateTickTextCharSize = function (tick) {\n var internal = this;\n\n if (internal.tickTextCharSize) {\n return internal.tickTextCharSize;\n }\n\n var size = {\n h: 11.5,\n w: 5.5\n };\n tick.select('text').text(function (d) {\n return internal.textFormatted(d);\n }).each(function (d) {\n var box = getBBox(this),\n text = internal.textFormatted(d),\n h = box.height,\n w = text ? box.width / text.length : undefined;\n\n if (h && w) {\n size.h = h;\n size.w = w;\n }\n }).text('');\n internal.tickTextCharSize = size;\n return size;\n };\n\n AxisInternal.prototype.isVertical = function () {\n return this.orient === 'left' || this.orient === 'right';\n };\n\n AxisInternal.prototype.tspanData = function (d, i, scale) {\n var internal = this;\n var splitted = internal.params.tickMultiline ? internal.splitTickText(d, scale) : [].concat(internal.textFormatted(d));\n\n if (internal.params.tickMultiline && internal.params.tickMultilineMax > 0) {\n splitted = internal.ellipsify(splitted, internal.params.tickMultilineMax);\n }\n\n return splitted.map(function (s) {\n return {\n index: i,\n splitted: s,\n length: splitted.length\n };\n });\n };\n\n AxisInternal.prototype.splitTickText = function (d, scale) {\n var internal = this,\n tickText = internal.textFormatted(d),\n maxWidth = internal.params.tickWidth,\n subtext,\n spaceIndex,\n textWidth,\n splitted = [];\n\n if (Object.prototype.toString.call(tickText) === '[object Array]') {\n return tickText;\n }\n\n if (!maxWidth || maxWidth <= 0) {\n maxWidth = internal.isVertical() ? 95 : internal.params.isCategory ? Math.ceil(scale(1) - scale(0)) - 12 : 110;\n }\n\n function split(splitted, text) {\n spaceIndex = undefined;\n\n for (var i = 1; i < text.length; i++) {\n if (text.charAt(i) === ' ') {\n spaceIndex = i;\n }\n\n subtext = text.substr(0, i + 1);\n textWidth = internal.tickTextCharSize.w * subtext.length; // if text width gets over tick width, split by space index or crrent index\n\n if (maxWidth < textWidth) {\n return split(splitted.concat(text.substr(0, spaceIndex ? spaceIndex : i)), text.slice(spaceIndex ? spaceIndex + 1 : i));\n }\n }\n\n return splitted.concat(text);\n }\n\n return split(splitted, tickText + '');\n };\n\n AxisInternal.prototype.ellipsify = function (splitted, max) {\n if (splitted.length <= max) {\n return splitted;\n }\n\n var ellipsified = splitted.slice(0, max);\n var remaining = 3;\n\n for (var i = max - 1; i >= 0; i--) {\n var available = ellipsified[i].length;\n ellipsified[i] = ellipsified[i].substr(0, available - remaining).padEnd(available, '.');\n remaining -= available;\n\n if (remaining <= 0) {\n break;\n }\n }\n\n return ellipsified;\n };\n\n AxisInternal.prototype.updateTickLength = function () {\n var internal = this;\n internal.tickLength = Math.max(internal.innerTickSize, 0) + internal.tickPadding;\n };\n\n AxisInternal.prototype.lineY2 = function (d) {\n var internal = this,\n tickPosition = internal.scale(d) + (internal.tickCentered ? 0 : internal.tickOffset);\n return internal.range[0] < tickPosition && tickPosition < internal.range[1] ? internal.innerTickSize : 0;\n };\n\n AxisInternal.prototype.textY = function () {\n var internal = this,\n rotate = internal.tickTextRotate;\n return rotate ? 11.5 - 2.5 * (rotate / 15) * (rotate > 0 ? 1 : -1) : internal.tickLength;\n };\n\n AxisInternal.prototype.textTransform = function () {\n var internal = this,\n rotate = internal.tickTextRotate;\n return rotate ? 'rotate(' + rotate + ')' : '';\n };\n\n AxisInternal.prototype.textTextAnchor = function () {\n var internal = this,\n rotate = internal.tickTextRotate;\n return rotate ? rotate > 0 ? 'start' : 'end' : 'middle';\n };\n\n AxisInternal.prototype.tspanDx = function () {\n var internal = this,\n rotate = internal.tickTextRotate;\n return rotate ? 8 * Math.sin(Math.PI * (rotate / 180)) : 0;\n };\n\n AxisInternal.prototype.tspanDy = function (d, i) {\n var internal = this,\n dy = internal.tickTextCharSize.h;\n\n if (i === 0) {\n if (internal.isVertical()) {\n dy = -((d.length - 1) * (internal.tickTextCharSize.h / 2) - 3);\n } else {\n dy = '.71em';\n }\n }\n\n return dy;\n };\n\n AxisInternal.prototype.generateAxis = function () {\n var internal = this,\n d3 = internal.d3,\n params = internal.params;\n\n function axis(g, transition) {\n var self;\n g.each(function () {\n var g = axis.g = d3.select(this);\n var scale0 = this.__chart__ || internal.scale,\n scale1 = this.__chart__ = internal.copyScale();\n var ticksValues = internal.tickValues ? internal.tickValues : internal.generateTicks(scale1),\n ticks = g.selectAll('.tick').data(ticksValues, scale1),\n tickEnter = ticks.enter().insert('g', '.domain').attr('class', 'tick').style('opacity', 1e-6),\n // MEMO: No exit transition. The reason is this transition affects max tick width calculation because old tick will be included in the ticks.\n tickExit = ticks.exit().remove(),\n tickUpdate = ticks.merge(tickEnter),\n tickTransform,\n tickX,\n tickY;\n\n if (params.isCategory) {\n internal.tickOffset = Math.ceil((scale1(1) - scale1(0)) / 2);\n tickX = internal.tickCentered ? 0 : internal.tickOffset;\n tickY = internal.tickCentered ? internal.tickOffset : 0;\n } else {\n internal.tickOffset = tickX = 0;\n }\n\n internal.updateRange();\n internal.updateTickLength();\n internal.updateTickTextCharSize(g.select('.tick'));\n var lineUpdate = tickUpdate.select('line').merge(tickEnter.append('line')),\n textUpdate = tickUpdate.select('text').merge(tickEnter.append('text'));\n var tspans = tickUpdate.selectAll('text').selectAll('tspan').data(function (d, i) {\n return internal.tspanData(d, i, scale1);\n }),\n tspanEnter = tspans.enter().append('tspan'),\n tspanUpdate = tspanEnter.merge(tspans).text(function (d) {\n return d.splitted;\n });\n tspans.exit().remove();\n var path = g.selectAll('.domain').data([0]),\n pathUpdate = path.enter().append('path').merge(path).attr('class', 'domain'); // TODO: each attr should be one function and change its behavior by internal.orient, probably\n\n switch (internal.orient) {\n case 'bottom':\n {\n tickTransform = internal.axisX;\n lineUpdate.attr('x1', tickX).attr('x2', tickX).attr('y2', function (d, i) {\n return internal.lineY2(d, i);\n });\n textUpdate.attr('x', 0).attr('y', function (d, i) {\n return internal.textY(d, i);\n }).attr('transform', function (d, i) {\n return internal.textTransform(d, i);\n }).style('text-anchor', function (d, i) {\n return internal.textTextAnchor(d, i);\n });\n tspanUpdate.attr('x', 0).attr('dy', function (d, i) {\n return internal.tspanDy(d, i);\n }).attr('dx', function (d, i) {\n return internal.tspanDx(d, i);\n });\n pathUpdate.attr('d', 'M' + internal.range[0] + ',' + internal.outerTickSize + 'V0H' + internal.range[1] + 'V' + internal.outerTickSize);\n break;\n }\n\n case 'top':\n {\n // TODO: rotated tick text\n tickTransform = internal.axisX;\n lineUpdate.attr('x1', tickX).attr('x2', tickX).attr('y2', function (d, i) {\n return -1 * internal.lineY2(d, i);\n });\n textUpdate.attr('x', 0).attr('y', function (d, i) {\n return -1 * internal.textY(d, i) - (params.isCategory ? 2 : internal.tickLength - 2);\n }).attr('transform', function (d, i) {\n return internal.textTransform(d, i);\n }).style('text-anchor', function (d, i) {\n return internal.textTextAnchor(d, i);\n });\n tspanUpdate.attr('x', 0).attr('dy', function (d, i) {\n return internal.tspanDy(d, i);\n }).attr('dx', function (d, i) {\n return internal.tspanDx(d, i);\n });\n pathUpdate.attr('d', 'M' + internal.range[0] + ',' + -internal.outerTickSize + 'V0H' + internal.range[1] + 'V' + -internal.outerTickSize);\n break;\n }\n\n case 'left':\n {\n tickTransform = internal.axisY;\n lineUpdate.attr('x2', -internal.innerTickSize).attr('y1', tickY).attr('y2', tickY);\n textUpdate.attr('x', -internal.tickLength).attr('y', internal.tickOffset).style('text-anchor', 'end');\n tspanUpdate.attr('x', -internal.tickLength).attr('dy', function (d, i) {\n return internal.tspanDy(d, i);\n });\n pathUpdate.attr('d', 'M' + -internal.outerTickSize + ',' + internal.range[0] + 'H0V' + internal.range[1] + 'H' + -internal.outerTickSize);\n break;\n }\n\n case 'right':\n {\n tickTransform = internal.axisY;\n lineUpdate.attr('x2', internal.innerTickSize).attr('y1', tickY).attr('y2', tickY);\n textUpdate.attr('x', internal.tickLength).attr('y', internal.tickOffset).style('text-anchor', 'start');\n tspanUpdate.attr('x', internal.tickLength).attr('dy', function (d, i) {\n return internal.tspanDy(d, i);\n });\n pathUpdate.attr('d', 'M' + internal.outerTickSize + ',' + internal.range[0] + 'H0V' + internal.range[1] + 'H' + internal.outerTickSize);\n break;\n }\n }\n\n if (scale1.rangeBand) {\n var x = scale1,\n dx = x.rangeBand() / 2;\n\n scale0 = scale1 = function (d) {\n return x(d) + dx;\n };\n } else if (scale0.rangeBand) {\n scale0 = scale1;\n } else {\n tickExit.call(tickTransform, scale1, internal.tickOffset);\n }\n\n tickEnter.call(tickTransform, scale0, internal.tickOffset);\n self = (transition ? tickUpdate.transition(transition) : tickUpdate).style('opacity', 1).call(tickTransform, scale1, internal.tickOffset);\n });\n return self;\n }\n\n axis.scale = function (x) {\n if (!arguments.length) {\n return internal.scale;\n }\n\n internal.scale = x;\n return axis;\n };\n\n axis.orient = function (x) {\n if (!arguments.length) {\n return internal.orient;\n }\n\n internal.orient = x in {\n top: 1,\n right: 1,\n bottom: 1,\n left: 1\n } ? x + '' : 'bottom';\n return axis;\n };\n\n axis.tickFormat = function (format) {\n if (!arguments.length) {\n return internal.tickFormat;\n }\n\n internal.tickFormat = format;\n return axis;\n };\n\n axis.tickCentered = function (isCentered) {\n if (!arguments.length) {\n return internal.tickCentered;\n }\n\n internal.tickCentered = isCentered;\n return axis;\n };\n\n axis.tickOffset = function () {\n return internal.tickOffset;\n };\n\n axis.tickInterval = function () {\n var interval, length;\n\n if (params.isCategory) {\n interval = internal.tickOffset * 2;\n } else {\n length = axis.g.select('path.domain').node().getTotalLength() - internal.outerTickSize * 2;\n interval = length / axis.g.selectAll('line').size();\n }\n\n return interval === Infinity ? 0 : interval;\n };\n\n axis.ticks = function () {\n if (!arguments.length) {\n return internal.tickArguments;\n }\n\n internal.tickArguments = arguments;\n return axis;\n };\n\n axis.tickCulling = function (culling) {\n if (!arguments.length) {\n return internal.tickCulling;\n }\n\n internal.tickCulling = culling;\n return axis;\n };\n\n axis.tickValues = function (x) {\n if (typeof x === 'function') {\n internal.tickValues = function () {\n return x(internal.scale.domain());\n };\n } else {\n if (!arguments.length) {\n return internal.tickValues;\n }\n\n internal.tickValues = x;\n }\n\n return axis;\n };\n\n return axis;\n };\n\n var CLASS = {\n target: 'c3-target',\n chart: 'c3-chart',\n chartLine: 'c3-chart-line',\n chartLines: 'c3-chart-lines',\n chartBar: 'c3-chart-bar',\n chartBars: 'c3-chart-bars',\n chartText: 'c3-chart-text',\n chartTexts: 'c3-chart-texts',\n chartArc: 'c3-chart-arc',\n chartArcs: 'c3-chart-arcs',\n chartArcsTitle: 'c3-chart-arcs-title',\n chartArcsBackground: 'c3-chart-arcs-background',\n chartArcsGaugeUnit: 'c3-chart-arcs-gauge-unit',\n chartArcsGaugeMax: 'c3-chart-arcs-gauge-max',\n chartArcsGaugeMin: 'c3-chart-arcs-gauge-min',\n selectedCircle: 'c3-selected-circle',\n selectedCircles: 'c3-selected-circles',\n eventRect: 'c3-event-rect',\n eventRects: 'c3-event-rects',\n eventRectsSingle: 'c3-event-rects-single',\n eventRectsMultiple: 'c3-event-rects-multiple',\n zoomRect: 'c3-zoom-rect',\n brush: 'c3-brush',\n dragZoom: 'c3-drag-zoom',\n focused: 'c3-focused',\n defocused: 'c3-defocused',\n region: 'c3-region',\n regions: 'c3-regions',\n title: 'c3-title',\n tooltipContainer: 'c3-tooltip-container',\n tooltip: 'c3-tooltip',\n tooltipName: 'c3-tooltip-name',\n shape: 'c3-shape',\n shapes: 'c3-shapes',\n line: 'c3-line',\n lines: 'c3-lines',\n bar: 'c3-bar',\n bars: 'c3-bars',\n circle: 'c3-circle',\n circles: 'c3-circles',\n arc: 'c3-arc',\n arcLabelLine: 'c3-arc-label-line',\n arcs: 'c3-arcs',\n area: 'c3-area',\n areas: 'c3-areas',\n empty: 'c3-empty',\n text: 'c3-text',\n texts: 'c3-texts',\n gaugeValue: 'c3-gauge-value',\n grid: 'c3-grid',\n gridLines: 'c3-grid-lines',\n xgrid: 'c3-xgrid',\n xgrids: 'c3-xgrids',\n xgridLine: 'c3-xgrid-line',\n xgridLines: 'c3-xgrid-lines',\n xgridFocus: 'c3-xgrid-focus',\n ygrid: 'c3-ygrid',\n ygrids: 'c3-ygrids',\n ygridLine: 'c3-ygrid-line',\n ygridLines: 'c3-ygrid-lines',\n colorScale: 'c3-colorscale',\n stanfordElements: 'c3-stanford-elements',\n stanfordLine: 'c3-stanford-line',\n stanfordLines: 'c3-stanford-lines',\n stanfordRegion: 'c3-stanford-region',\n stanfordRegions: 'c3-stanford-regions',\n stanfordText: 'c3-stanford-text',\n stanfordTexts: 'c3-stanford-texts',\n axis: 'c3-axis',\n axisX: 'c3-axis-x',\n axisXLabel: 'c3-axis-x-label',\n axisY: 'c3-axis-y',\n axisYLabel: 'c3-axis-y-label',\n axisY2: 'c3-axis-y2',\n axisY2Label: 'c3-axis-y2-label',\n legendBackground: 'c3-legend-background',\n legendItem: 'c3-legend-item',\n legendItemEvent: 'c3-legend-item-event',\n legendItemTile: 'c3-legend-item-tile',\n legendItemHidden: 'c3-legend-item-hidden',\n legendItemFocused: 'c3-legend-item-focused',\n dragarea: 'c3-dragarea',\n EXPANDED: '_expanded_',\n SELECTED: '_selected_',\n INCLUDED: '_included_'\n };\n\n var AxisClass =\n /** @class */\n function () {\n function AxisClass(owner) {\n this.owner = owner;\n this.d3 = owner.d3;\n this.internal = AxisInternal;\n }\n\n return AxisClass;\n }();\n\n var Axis = AxisClass;\n\n Axis.prototype.init = function init() {\n var $$ = this.owner,\n config = $$.config,\n main = $$.main;\n $$.axes.x = main.append('g').attr('class', CLASS.axis + ' ' + CLASS.axisX).attr('clip-path', config.axis_x_inner ? '' : $$.clipPathForXAxis).attr('transform', $$.getTranslate('x')).style('visibility', config.axis_x_show ? 'visible' : 'hidden');\n $$.axes.x.append('text').attr('class', CLASS.axisXLabel).attr('transform', config.axis_rotated ? 'rotate(-90)' : '').style('text-anchor', this.textAnchorForXAxisLabel.bind(this));\n $$.axes.y = main.append('g').attr('class', CLASS.axis + ' ' + CLASS.axisY).attr('clip-path', config.axis_y_inner ? '' : $$.clipPathForYAxis).attr('transform', $$.getTranslate('y')).style('visibility', config.axis_y_show ? 'visible' : 'hidden');\n $$.axes.y.append('text').attr('class', CLASS.axisYLabel).attr('transform', config.axis_rotated ? '' : 'rotate(-90)').style('text-anchor', this.textAnchorForYAxisLabel.bind(this));\n $$.axes.y2 = main.append('g').attr('class', CLASS.axis + ' ' + CLASS.axisY2) // clip-path?\n .attr('transform', $$.getTranslate('y2')).style('visibility', config.axis_y2_show ? 'visible' : 'hidden');\n $$.axes.y2.append('text').attr('class', CLASS.axisY2Label).attr('transform', config.axis_rotated ? '' : 'rotate(-90)').style('text-anchor', this.textAnchorForY2AxisLabel.bind(this));\n };\n\n Axis.prototype.getXAxis = function getXAxis(scale, orient, tickFormat, tickValues, withOuterTick, withoutTransition, withoutRotateTickText) {\n var $$ = this.owner,\n config = $$.config,\n axisParams = {\n isCategory: $$.isCategorized(),\n withOuterTick: withOuterTick,\n tickMultiline: config.axis_x_tick_multiline,\n tickMultilineMax: config.axis_x_tick_multiline ? Number(config.axis_x_tick_multilineMax) : 0,\n tickWidth: config.axis_x_tick_width,\n tickTextRotate: withoutRotateTickText ? 0 : config.axis_x_tick_rotate,\n withoutTransition: withoutTransition\n },\n axis = new this.internal(this, axisParams).axis.scale(scale).orient(orient);\n\n if ($$.isTimeSeries() && tickValues && typeof tickValues !== 'function') {\n tickValues = tickValues.map(function (v) {\n return $$.parseDate(v);\n });\n } // Set tick\n\n\n axis.tickFormat(tickFormat).tickValues(tickValues);\n\n if ($$.isCategorized()) {\n axis.tickCentered(config.axis_x_tick_centered);\n\n if (isEmpty(config.axis_x_tick_culling)) {\n config.axis_x_tick_culling = false;\n }\n }\n\n return axis;\n };\n\n Axis.prototype.updateXAxisTickValues = function updateXAxisTickValues(targets, axis) {\n var $$ = this.owner,\n config = $$.config,\n tickValues;\n\n if (config.axis_x_tick_fit || config.axis_x_tick_count) {\n tickValues = this.generateTickValues($$.mapTargetsToUniqueXs(targets), config.axis_x_tick_count, $$.isTimeSeries());\n }\n\n if (axis) {\n axis.tickValues(tickValues);\n } else {\n $$.xAxis.tickValues(tickValues);\n $$.subXAxis.tickValues(tickValues);\n }\n\n return tickValues;\n };\n\n Axis.prototype.getYAxis = function getYAxis(axisId, scale, orient, tickValues, withOuterTick, withoutTransition, withoutRotateTickText) {\n var $$ = this.owner;\n var config = $$.config;\n var tickFormat = config[\"axis_\" + axisId + \"_tick_format\"];\n\n if (!tickFormat && $$.isAxisNormalized(axisId)) {\n tickFormat = function (x) {\n return x + \"%\";\n };\n }\n\n var axis = new this.internal(this, {\n withOuterTick: withOuterTick,\n withoutTransition: withoutTransition,\n tickTextRotate: withoutRotateTickText ? 0 : config.axis_y_tick_rotate\n }).axis.scale(scale).orient(orient);\n\n if (tickFormat) {\n axis.tickFormat(tickFormat);\n }\n\n if ($$.isTimeSeriesY()) {\n axis.ticks(config.axis_y_tick_time_type, config.axis_y_tick_time_interval);\n } else {\n axis.tickValues(tickValues);\n }\n\n return axis;\n };\n\n Axis.prototype.getId = function getId(id) {\n var config = this.owner.config;\n return id in config.data_axes ? config.data_axes[id] : 'y';\n };\n\n Axis.prototype.getXAxisTickFormat = function getXAxisTickFormat() {\n // #2251 previously set any negative values to a whole number,\n // however both should be truncated according to the users format specification\n var $$ = this.owner,\n config = $$.config;\n var format = $$.isTimeSeries() ? $$.defaultAxisTimeFormat : $$.isCategorized() ? $$.categoryName : function (v) {\n return v;\n };\n\n if (config.axis_x_tick_format) {\n if (isFunction(config.axis_x_tick_format)) {\n format = config.axis_x_tick_format;\n } else if ($$.isTimeSeries()) {\n format = function (date) {\n return date ? $$.axisTimeFormat(config.axis_x_tick_format)(date) : '';\n };\n }\n }\n\n return isFunction(format) ? function (v) {\n return format.call($$, v);\n } : format;\n };\n\n Axis.prototype.getTickValues = function getTickValues(tickValues, axis) {\n return tickValues ? tickValues : axis ? axis.tickValues() : undefined;\n };\n\n Axis.prototype.getXAxisTickValues = function getXAxisTickValues() {\n return this.getTickValues(this.owner.config.axis_x_tick_values, this.owner.xAxis);\n };\n\n Axis.prototype.getYAxisTickValues = function getYAxisTickValues() {\n return this.getTickValues(this.owner.config.axis_y_tick_values, this.owner.yAxis);\n };\n\n Axis.prototype.getY2AxisTickValues = function getY2AxisTickValues() {\n return this.getTickValues(this.owner.config.axis_y2_tick_values, this.owner.y2Axis);\n };\n\n Axis.prototype.getLabelOptionByAxisId = function getLabelOptionByAxisId(axisId) {\n var $$ = this.owner,\n config = $$.config,\n option;\n\n if (axisId === 'y') {\n option = config.axis_y_label;\n } else if (axisId === 'y2') {\n option = config.axis_y2_label;\n } else if (axisId === 'x') {\n option = config.axis_x_label;\n }\n\n return option;\n };\n\n Axis.prototype.getLabelText = function getLabelText(axisId) {\n var option = this.getLabelOptionByAxisId(axisId);\n return isString(option) ? option : option ? option.text : null;\n };\n\n Axis.prototype.setLabelText = function setLabelText(axisId, text) {\n var $$ = this.owner,\n config = $$.config,\n option = this.getLabelOptionByAxisId(axisId);\n\n if (isString(option)) {\n if (axisId === 'y') {\n config.axis_y_label = text;\n } else if (axisId === 'y2') {\n config.axis_y2_label = text;\n } else if (axisId === 'x') {\n config.axis_x_label = text;\n }\n } else if (option) {\n option.text = text;\n }\n };\n\n Axis.prototype.getLabelPosition = function getLabelPosition(axisId, defaultPosition) {\n var option = this.getLabelOptionByAxisId(axisId),\n position = option && typeof option === 'object' && option.position ? option.position : defaultPosition;\n return {\n isInner: position.indexOf('inner') >= 0,\n isOuter: position.indexOf('outer') >= 0,\n isLeft: position.indexOf('left') >= 0,\n isCenter: position.indexOf('center') >= 0,\n isRight: position.indexOf('right') >= 0,\n isTop: position.indexOf('top') >= 0,\n isMiddle: position.indexOf('middle') >= 0,\n isBottom: position.indexOf('bottom') >= 0\n };\n };\n\n Axis.prototype.getXAxisLabelPosition = function getXAxisLabelPosition() {\n return this.getLabelPosition('x', this.owner.config.axis_rotated ? 'inner-top' : 'inner-right');\n };\n\n Axis.prototype.getYAxisLabelPosition = function getYAxisLabelPosition() {\n return this.getLabelPosition('y', this.owner.config.axis_rotated ? 'inner-right' : 'inner-top');\n };\n\n Axis.prototype.getY2AxisLabelPosition = function getY2AxisLabelPosition() {\n return this.getLabelPosition('y2', this.owner.config.axis_rotated ? 'inner-right' : 'inner-top');\n };\n\n Axis.prototype.getLabelPositionById = function getLabelPositionById(id) {\n return id === 'y2' ? this.getY2AxisLabelPosition() : id === 'y' ? this.getYAxisLabelPosition() : this.getXAxisLabelPosition();\n };\n\n Axis.prototype.textForXAxisLabel = function textForXAxisLabel() {\n return this.getLabelText('x');\n };\n\n Axis.prototype.textForYAxisLabel = function textForYAxisLabel() {\n return this.getLabelText('y');\n };\n\n Axis.prototype.textForY2AxisLabel = function textForY2AxisLabel() {\n return this.getLabelText('y2');\n };\n\n Axis.prototype.xForAxisLabel = function xForAxisLabel(forHorizontal, position) {\n var $$ = this.owner;\n\n if (forHorizontal) {\n return position.isLeft ? 0 : position.isCenter ? $$.width / 2 : $$.width;\n } else {\n return position.isBottom ? -$$.height : position.isMiddle ? -$$.height / 2 : 0;\n }\n };\n\n Axis.prototype.dxForAxisLabel = function dxForAxisLabel(forHorizontal, position) {\n if (forHorizontal) {\n return position.isLeft ? '0.5em' : position.isRight ? '-0.5em' : '0';\n } else {\n return position.isTop ? '-0.5em' : position.isBottom ? '0.5em' : '0';\n }\n };\n\n Axis.prototype.textAnchorForAxisLabel = function textAnchorForAxisLabel(forHorizontal, position) {\n if (forHorizontal) {\n return position.isLeft ? 'start' : position.isCenter ? 'middle' : 'end';\n } else {\n return position.isBottom ? 'start' : position.isMiddle ? 'middle' : 'end';\n }\n };\n\n Axis.prototype.xForXAxisLabel = function xForXAxisLabel() {\n return this.xForAxisLabel(!this.owner.config.axis_rotated, this.getXAxisLabelPosition());\n };\n\n Axis.prototype.xForYAxisLabel = function xForYAxisLabel() {\n return this.xForAxisLabel(this.owner.config.axis_rotated, this.getYAxisLabelPosition());\n };\n\n Axis.prototype.xForY2AxisLabel = function xForY2AxisLabel() {\n return this.xForAxisLabel(this.owner.config.axis_rotated, this.getY2AxisLabelPosition());\n };\n\n Axis.prototype.dxForXAxisLabel = function dxForXAxisLabel() {\n return this.dxForAxisLabel(!this.owner.config.axis_rotated, this.getXAxisLabelPosition());\n };\n\n Axis.prototype.dxForYAxisLabel = function dxForYAxisLabel() {\n return this.dxForAxisLabel(this.owner.config.axis_rotated, this.getYAxisLabelPosition());\n };\n\n Axis.prototype.dxForY2AxisLabel = function dxForY2AxisLabel() {\n return this.dxForAxisLabel(this.owner.config.axis_rotated, this.getY2AxisLabelPosition());\n };\n\n Axis.prototype.dyForXAxisLabel = function dyForXAxisLabel() {\n var $$ = this.owner,\n config = $$.config,\n position = this.getXAxisLabelPosition();\n\n if (config.axis_rotated) {\n return position.isInner ? '1.2em' : -25 - ($$.config.axis_x_inner ? 0 : this.getMaxTickWidth('x'));\n } else {\n return position.isInner ? '-0.5em' : $$.getHorizontalAxisHeight('x') - 10;\n }\n };\n\n Axis.prototype.dyForYAxisLabel = function dyForYAxisLabel() {\n var $$ = this.owner,\n position = this.getYAxisLabelPosition();\n\n if ($$.config.axis_rotated) {\n return position.isInner ? '-0.5em' : '3em';\n } else {\n return position.isInner ? '1.2em' : -10 - ($$.config.axis_y_inner ? 0 : this.getMaxTickWidth('y') + 10);\n }\n };\n\n Axis.prototype.dyForY2AxisLabel = function dyForY2AxisLabel() {\n var $$ = this.owner,\n position = this.getY2AxisLabelPosition();\n\n if ($$.config.axis_rotated) {\n return position.isInner ? '1.2em' : '-2.2em';\n } else {\n return position.isInner ? '-0.5em' : 15 + ($$.config.axis_y2_inner ? 0 : this.getMaxTickWidth('y2') + 15);\n }\n };\n\n Axis.prototype.textAnchorForXAxisLabel = function textAnchorForXAxisLabel() {\n var $$ = this.owner;\n return this.textAnchorForAxisLabel(!$$.config.axis_rotated, this.getXAxisLabelPosition());\n };\n\n Axis.prototype.textAnchorForYAxisLabel = function textAnchorForYAxisLabel() {\n var $$ = this.owner;\n return this.textAnchorForAxisLabel($$.config.axis_rotated, this.getYAxisLabelPosition());\n };\n\n Axis.prototype.textAnchorForY2AxisLabel = function textAnchorForY2AxisLabel() {\n var $$ = this.owner;\n return this.textAnchorForAxisLabel($$.config.axis_rotated, this.getY2AxisLabelPosition());\n };\n\n Axis.prototype.getMaxTickWidth = function getMaxTickWidth(id, withoutRecompute) {\n var $$ = this.owner,\n maxWidth = 0,\n targetsToShow,\n scale,\n axis,\n dummy,\n svg;\n\n if (withoutRecompute && $$.currentMaxTickWidths[id]) {\n return $$.currentMaxTickWidths[id];\n }\n\n if ($$.svg) {\n targetsToShow = $$.filterTargetsToShow($$.data.targets);\n\n if (id === 'y') {\n scale = $$.y.copy().domain($$.getYDomain(targetsToShow, 'y'));\n axis = this.getYAxis(id, scale, $$.yOrient, $$.yAxisTickValues, false, true, true);\n } else if (id === 'y2') {\n scale = $$.y2.copy().domain($$.getYDomain(targetsToShow, 'y2'));\n axis = this.getYAxis(id, scale, $$.y2Orient, $$.y2AxisTickValues, false, true, true);\n } else {\n scale = $$.x.copy().domain($$.getXDomain(targetsToShow));\n axis = this.getXAxis(scale, $$.xOrient, $$.xAxisTickFormat, $$.xAxisTickValues, false, true, true);\n this.updateXAxisTickValues(targetsToShow, axis);\n }\n\n dummy = $$.d3.select('body').append('div').classed('c3', true);\n svg = dummy.append('svg').style('visibility', 'hidden').style('position', 'fixed').style('top', 0).style('left', 0), svg.append('g').call(axis).each(function () {\n $$.d3.select(this).selectAll('text').each(function () {\n var box = getBBox(this);\n\n if (maxWidth < box.width) {\n maxWidth = box.width;\n }\n });\n dummy.remove();\n });\n }\n\n $$.currentMaxTickWidths[id] = maxWidth <= 0 ? $$.currentMaxTickWidths[id] : maxWidth;\n return $$.currentMaxTickWidths[id];\n };\n\n Axis.prototype.updateLabels = function updateLabels(withTransition) {\n var $$ = this.owner;\n var axisXLabel = $$.main.select('.' + CLASS.axisX + ' .' + CLASS.axisXLabel),\n axisYLabel = $$.main.select('.' + CLASS.axisY + ' .' + CLASS.axisYLabel),\n axisY2Label = $$.main.select('.' + CLASS.axisY2 + ' .' + CLASS.axisY2Label);\n (withTransition ? axisXLabel.transition() : axisXLabel).attr('x', this.xForXAxisLabel.bind(this)).attr('dx', this.dxForXAxisLabel.bind(this)).attr('dy', this.dyForXAxisLabel.bind(this)).text(this.textForXAxisLabel.bind(this));\n (withTransition ? axisYLabel.transition() : axisYLabel).attr('x', this.xForYAxisLabel.bind(this)).attr('dx', this.dxForYAxisLabel.bind(this)).attr('dy', this.dyForYAxisLabel.bind(this)).text(this.textForYAxisLabel.bind(this));\n (withTransition ? axisY2Label.transition() : axisY2Label).attr('x', this.xForY2AxisLabel.bind(this)).attr('dx', this.dxForY2AxisLabel.bind(this)).attr('dy', this.dyForY2AxisLabel.bind(this)).text(this.textForY2AxisLabel.bind(this));\n };\n\n Axis.prototype.getPadding = function getPadding(padding, key, defaultValue, domainLength) {\n var p = typeof padding === 'number' ? padding : padding[key];\n\n if (!isValue(p)) {\n return defaultValue;\n }\n\n if (padding.unit === 'ratio') {\n return padding[key] * domainLength;\n } // assume padding is pixels if unit is not specified\n\n\n return this.convertPixelsToAxisPadding(p, domainLength);\n };\n\n Axis.prototype.convertPixelsToAxisPadding = function convertPixelsToAxisPadding(pixels, domainLength) {\n var $$ = this.owner,\n length = $$.config.axis_rotated ? $$.width : $$.height;\n return domainLength * (pixels / length);\n };\n\n Axis.prototype.generateTickValues = function generateTickValues(values, tickCount, forTimeSeries) {\n var tickValues = values,\n targetCount,\n start,\n end,\n count,\n interval,\n i,\n tickValue;\n\n if (tickCount) {\n targetCount = isFunction(tickCount) ? tickCount() : tickCount; // compute ticks according to tickCount\n\n if (targetCount === 1) {\n tickValues = [values[0]];\n } else if (targetCount === 2) {\n tickValues = [values[0], values[values.length - 1]];\n } else if (targetCount > 2) {\n count = targetCount - 2;\n start = values[0];\n end = values[values.length - 1];\n interval = (end - start) / (count + 1); // re-construct unique values\n\n tickValues = [start];\n\n for (i = 0; i < count; i++) {\n tickValue = +start + interval * (i + 1);\n tickValues.push(forTimeSeries ? new Date(tickValue) : tickValue);\n }\n\n tickValues.push(end);\n }\n }\n\n if (!forTimeSeries) {\n tickValues = tickValues.sort(function (a, b) {\n return a - b;\n });\n }\n\n return tickValues;\n };\n\n Axis.prototype.generateTransitions = function generateTransitions(duration) {\n var $$ = this.owner,\n axes = $$.axes;\n return {\n axisX: duration ? axes.x.transition().duration(duration) : axes.x,\n axisY: duration ? axes.y.transition().duration(duration) : axes.y,\n axisY2: duration ? axes.y2.transition().duration(duration) : axes.y2,\n axisSubX: duration ? axes.subx.transition().duration(duration) : axes.subx\n };\n };\n\n Axis.prototype.redraw = function redraw(duration, isHidden) {\n var $$ = this.owner,\n transition = duration ? $$.d3.transition().duration(duration) : null;\n $$.axes.x.style('opacity', isHidden ? 0 : 1).call($$.xAxis, transition);\n $$.axes.y.style('opacity', isHidden ? 0 : 1).call($$.yAxis, transition);\n $$.axes.y2.style('opacity', isHidden ? 0 : 1).call($$.y2Axis, transition);\n $$.axes.subx.style('opacity', isHidden ? 0 : 1).call($$.subXAxis, transition);\n };\n\n var c3 = {\n version: '0.7.20',\n chart: {\n fn: Chart.prototype,\n internal: {\n fn: ChartInternal.prototype,\n axis: {\n fn: AxisClass.prototype,\n internal: {\n fn: AxisInternal.prototype\n }\n }\n }\n },\n generate: function (config) {\n return new Chart(config);\n }\n };\n\n ChartInternal.prototype.beforeInit = function () {// can do something\n };\n\n ChartInternal.prototype.afterInit = function () {// can do something\n };\n\n ChartInternal.prototype.init = function () {\n var $$ = this,\n config = $$.config;\n $$.initParams();\n\n if (config.data_url) {\n $$.convertUrlToData(config.data_url, config.data_mimeType, config.data_headers, config.data_keys, $$.initWithData);\n } else if (config.data_json) {\n $$.initWithData($$.convertJsonToData(config.data_json, config.data_keys));\n } else if (config.data_rows) {\n $$.initWithData($$.convertRowsToData(config.data_rows));\n } else if (config.data_columns) {\n $$.initWithData($$.convertColumnsToData(config.data_columns));\n } else {\n throw Error('url or json or rows or columns is required.');\n }\n };\n\n ChartInternal.prototype.initParams = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config; // MEMO: clipId needs to be unique because it conflicts when multiple charts exist\n\n $$.clipId = 'c3-' + new Date().valueOf() + '-clip';\n $$.clipIdForXAxis = $$.clipId + '-xaxis';\n $$.clipIdForYAxis = $$.clipId + '-yaxis';\n $$.clipIdForGrid = $$.clipId + '-grid';\n $$.clipIdForSubchart = $$.clipId + '-subchart';\n $$.clipPath = $$.getClipPath($$.clipId);\n $$.clipPathForXAxis = $$.getClipPath($$.clipIdForXAxis);\n $$.clipPathForYAxis = $$.getClipPath($$.clipIdForYAxis);\n $$.clipPathForGrid = $$.getClipPath($$.clipIdForGrid);\n $$.clipPathForSubchart = $$.getClipPath($$.clipIdForSubchart);\n $$.dragStart = null;\n $$.dragging = false;\n $$.flowing = false;\n $$.cancelClick = false;\n $$.mouseover = undefined;\n $$.transiting = false;\n $$.color = $$.generateColor();\n $$.levelColor = $$.generateLevelColor();\n $$.dataTimeParse = (config.data_xLocaltime ? d3.timeParse : d3.utcParse)($$.config.data_xFormat);\n $$.axisTimeFormat = config.axis_x_localtime ? d3.timeFormat : d3.utcFormat;\n\n $$.defaultAxisTimeFormat = function (date) {\n if (date.getMilliseconds()) {\n return d3.timeFormat('.%L')(date);\n }\n\n if (date.getSeconds()) {\n return d3.timeFormat(':%S')(date);\n }\n\n if (date.getMinutes()) {\n return d3.timeFormat('%I:%M')(date);\n }\n\n if (date.getHours()) {\n return d3.timeFormat('%I %p')(date);\n }\n\n if (date.getDay() && date.getDate() !== 1) {\n return d3.timeFormat('%-m/%-d')(date);\n }\n\n if (date.getDate() !== 1) {\n return d3.timeFormat('%-m/%-d')(date);\n }\n\n if (date.getMonth()) {\n return d3.timeFormat('%-m/%-d')(date);\n }\n\n return d3.timeFormat('%Y/%-m/%-d')(date);\n };\n\n $$.hiddenTargetIds = [];\n $$.hiddenLegendIds = [];\n $$.focusedTargetIds = [];\n $$.defocusedTargetIds = [];\n $$.xOrient = config.axis_rotated ? config.axis_x_inner ? 'right' : 'left' : config.axis_x_inner ? 'top' : 'bottom';\n $$.yOrient = config.axis_rotated ? config.axis_y_inner ? 'top' : 'bottom' : config.axis_y_inner ? 'right' : 'left';\n $$.y2Orient = config.axis_rotated ? config.axis_y2_inner ? 'bottom' : 'top' : config.axis_y2_inner ? 'left' : 'right';\n $$.subXOrient = config.axis_rotated ? 'left' : 'bottom';\n $$.isLegendRight = config.legend_position === 'right';\n $$.isLegendInset = config.legend_position === 'inset';\n $$.isLegendTop = config.legend_inset_anchor === 'top-left' || config.legend_inset_anchor === 'top-right';\n $$.isLegendLeft = config.legend_inset_anchor === 'top-left' || config.legend_inset_anchor === 'bottom-left';\n $$.legendStep = 0;\n $$.legendItemWidth = 0;\n $$.legendItemHeight = 0;\n $$.currentMaxTickWidths = {\n x: 0,\n y: 0,\n y2: 0\n };\n $$.rotated_padding_left = 30;\n $$.rotated_padding_right = config.axis_rotated && !config.axis_x_show ? 0 : 30;\n $$.rotated_padding_top = 5;\n $$.withoutFadeIn = {};\n $$.intervalForObserveInserted = undefined;\n $$.axes.subx = d3.selectAll([]); // needs when excluding subchart.js\n };\n\n ChartInternal.prototype.initChartElements = function () {\n if (this.initBar) {\n this.initBar();\n }\n\n if (this.initLine) {\n this.initLine();\n }\n\n if (this.initArc) {\n this.initArc();\n }\n\n if (this.initGauge) {\n this.initGauge();\n }\n\n if (this.initText) {\n this.initText();\n }\n };\n\n ChartInternal.prototype.initWithData = function (data) {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config;\n var defs,\n main,\n binding = true;\n $$.axis = new AxisClass($$);\n\n if (!config.bindto) {\n $$.selectChart = d3.selectAll([]);\n } else if (typeof config.bindto.node === 'function') {\n $$.selectChart = config.bindto;\n } else {\n $$.selectChart = d3.select(config.bindto);\n }\n\n if ($$.selectChart.empty()) {\n $$.selectChart = d3.select(document.createElement('div')).style('opacity', 0);\n $$.observeInserted($$.selectChart);\n binding = false;\n }\n\n $$.selectChart.html('').classed('c3', true); // Init data as targets\n\n $$.data.xs = {};\n $$.data.targets = $$.convertDataToTargets(data);\n\n if (config.data_filter) {\n $$.data.targets = $$.data.targets.filter(config.data_filter);\n } // Set targets to hide if needed\n\n\n if (config.data_hide) {\n $$.addHiddenTargetIds(config.data_hide === true ? $$.mapToIds($$.data.targets) : config.data_hide);\n }\n\n if (config.legend_hide) {\n $$.addHiddenLegendIds(config.legend_hide === true ? $$.mapToIds($$.data.targets) : config.legend_hide);\n }\n\n if ($$.isStanfordGraphType()) {\n $$.initStanfordData();\n } // Init sizes and scales\n\n\n $$.updateSizes();\n $$.updateScales(); // Set domains for each scale\n\n $$.x.domain(d3.extent($$.getXDomain($$.data.targets)));\n $$.y.domain($$.getYDomain($$.data.targets, 'y'));\n $$.y2.domain($$.getYDomain($$.data.targets, 'y2'));\n $$.subX.domain($$.x.domain());\n $$.subY.domain($$.y.domain());\n $$.subY2.domain($$.y2.domain()); // Save original x domain for zoom update\n\n $$.orgXDomain = $$.x.domain();\n /*-- Basic Elements --*/\n // Define svgs\n\n $$.svg = $$.selectChart.append('svg').style('overflow', 'hidden').on('mouseenter', function () {\n return config.onmouseover.call($$);\n }).on('mouseleave', function () {\n return config.onmouseout.call($$);\n });\n\n if ($$.config.svg_classname) {\n $$.svg.attr('class', $$.config.svg_classname);\n } // Define defs\n\n\n defs = $$.svg.append('defs');\n $$.clipChart = $$.appendClip(defs, $$.clipId);\n $$.clipXAxis = $$.appendClip(defs, $$.clipIdForXAxis);\n $$.clipYAxis = $$.appendClip(defs, $$.clipIdForYAxis);\n $$.clipGrid = $$.appendClip(defs, $$.clipIdForGrid);\n $$.clipSubchart = $$.appendClip(defs, $$.clipIdForSubchart);\n $$.updateSvgSize(); // Define regions\n\n main = $$.main = $$.svg.append('g').attr('transform', $$.getTranslate('main'));\n\n if ($$.initPie) {\n $$.initPie();\n }\n\n if ($$.initDragZoom) {\n $$.initDragZoom();\n }\n\n if (config.subchart_show && $$.initSubchart) {\n $$.initSubchart();\n }\n\n if ($$.initTooltip) {\n $$.initTooltip();\n }\n\n if ($$.initLegend) {\n $$.initLegend();\n }\n\n if ($$.initTitle) {\n $$.initTitle();\n }\n\n if ($$.initZoom) {\n $$.initZoom();\n }\n\n if ($$.isStanfordGraphType()) {\n $$.drawColorScale();\n } // Update selection based on size and scale\n // TODO: currently this must be called after initLegend because of update of sizes, but it should be done in initSubchart.\n\n\n if (config.subchart_show && $$.initSubchartBrush) {\n $$.initSubchartBrush();\n }\n /*-- Main Region --*/\n // text when empty\n\n\n main.append('text').attr('class', CLASS.text + ' ' + CLASS.empty).attr('text-anchor', 'middle') // horizontal centering of text at x position in all browsers.\n .attr('dominant-baseline', 'middle'); // vertical centering of text at y position in all browsers, except IE.\n // Regions\n\n $$.initRegion(); // Grids\n\n $$.initGrid(); // Define g for chart area\n\n main.append('g').attr('clip-path', $$.clipPath).attr('class', CLASS.chart); // Grid lines\n\n if (config.grid_lines_front) {\n $$.initGridLines();\n }\n\n $$.initStanfordElements(); // Cover whole with rects for events\n\n $$.initEventRect(); // Define g for chart\n\n $$.initChartElements(); // Add Axis\n\n $$.axis.init(); // Set targets\n\n $$.updateTargets($$.data.targets); // Set default extent if defined\n\n if (config.axis_x_selection) {\n $$.brush.selectionAsValue($$.getDefaultSelection());\n } // Draw with targets\n\n\n if (binding) {\n $$.updateDimension();\n $$.config.oninit.call($$);\n $$.redraw({\n withTransition: false,\n withTransform: true,\n withUpdateXDomain: true,\n withUpdateOrgXDomain: true,\n withTransitionForAxis: false\n });\n } // Bind to resize event\n\n\n $$.bindResize(); // Bind to window focus event\n\n $$.bindWindowFocus(); // export element of the chart\n\n $$.api.element = $$.selectChart.node();\n };\n\n ChartInternal.prototype.smoothLines = function (el, type) {\n var $$ = this;\n\n if (type === 'grid') {\n el.each(function () {\n var g = $$.d3.select(this),\n x1 = g.attr('x1'),\n x2 = g.attr('x2'),\n y1 = g.attr('y1'),\n y2 = g.attr('y2');\n g.attr({\n x1: Math.ceil(x1),\n x2: Math.ceil(x2),\n y1: Math.ceil(y1),\n y2: Math.ceil(y2)\n });\n });\n }\n };\n\n ChartInternal.prototype.updateSizes = function () {\n var $$ = this,\n config = $$.config;\n var legendHeight = $$.legend ? $$.getLegendHeight() : 0,\n legendWidth = $$.legend ? $$.getLegendWidth() : 0,\n legendHeightForBottom = $$.isLegendRight || $$.isLegendInset ? 0 : legendHeight,\n hasArc = $$.hasArcType(),\n xAxisHeight = config.axis_rotated || hasArc ? 0 : $$.getHorizontalAxisHeight('x'),\n subchartXAxisHeight = config.axis_rotated || hasArc ? 0 : $$.getHorizontalAxisHeight('x', true),\n subchartHeight = config.subchart_show && !hasArc ? config.subchart_size_height + subchartXAxisHeight : 0;\n $$.currentWidth = $$.getCurrentWidth();\n $$.currentHeight = $$.getCurrentHeight(); // for main\n\n $$.margin = config.axis_rotated ? {\n top: $$.getHorizontalAxisHeight('y2') + $$.getCurrentPaddingTop(),\n right: hasArc ? 0 : $$.getCurrentPaddingRight(),\n bottom: $$.getHorizontalAxisHeight('y') + legendHeightForBottom + $$.getCurrentPaddingBottom(),\n left: subchartHeight + (hasArc ? 0 : $$.getCurrentPaddingLeft())\n } : {\n top: 4 + $$.getCurrentPaddingTop(),\n right: hasArc ? 0 : $$.getCurrentPaddingRight(),\n bottom: xAxisHeight + subchartHeight + legendHeightForBottom + $$.getCurrentPaddingBottom(),\n left: hasArc ? 0 : $$.getCurrentPaddingLeft()\n }; // for subchart\n\n $$.margin2 = config.axis_rotated ? {\n top: $$.margin.top,\n right: NaN,\n bottom: 20 + legendHeightForBottom,\n left: $$.rotated_padding_left\n } : {\n top: $$.currentHeight - subchartHeight - legendHeightForBottom,\n right: NaN,\n bottom: subchartXAxisHeight + legendHeightForBottom,\n left: $$.margin.left\n }; // for legend\n\n $$.margin3 = {\n top: 0,\n right: NaN,\n bottom: 0,\n left: 0\n };\n\n if ($$.updateSizeForLegend) {\n $$.updateSizeForLegend(legendHeight, legendWidth);\n }\n\n $$.width = $$.currentWidth - $$.margin.left - $$.margin.right;\n $$.height = $$.currentHeight - $$.margin.top - $$.margin.bottom;\n\n if ($$.width < 0) {\n $$.width = 0;\n }\n\n if ($$.height < 0) {\n $$.height = 0;\n }\n\n $$.width2 = config.axis_rotated ? $$.margin.left - $$.rotated_padding_left - $$.rotated_padding_right : $$.width;\n $$.height2 = config.axis_rotated ? $$.height : $$.currentHeight - $$.margin2.top - $$.margin2.bottom;\n\n if ($$.width2 < 0) {\n $$.width2 = 0;\n }\n\n if ($$.height2 < 0) {\n $$.height2 = 0;\n } // for arc\n\n\n $$.arcWidth = $$.width - ($$.isLegendRight ? legendWidth + 10 : 0);\n $$.arcHeight = $$.height - ($$.isLegendRight ? 0 : 10);\n\n if ($$.hasType('gauge') && !config.gauge_fullCircle) {\n $$.arcHeight += $$.height - $$.getGaugeLabelHeight();\n }\n\n if ($$.updateRadius) {\n $$.updateRadius();\n }\n\n if ($$.isLegendRight && hasArc) {\n $$.margin3.left = $$.arcWidth / 2 + $$.radiusExpanded * 1.1;\n }\n };\n\n ChartInternal.prototype.updateTargets = function (targets) {\n var $$ = this,\n config = $$.config;\n /*-- Main --*/\n //-- Text --//\n\n $$.updateTargetsForText(targets); //-- Bar --//\n\n $$.updateTargetsForBar(targets); //-- Line --//\n\n $$.updateTargetsForLine(targets); //-- Arc --//\n\n if ($$.hasArcType() && $$.updateTargetsForArc) {\n $$.updateTargetsForArc(targets);\n }\n /*-- Sub --*/\n\n\n if (config.subchart_show && $$.updateTargetsForSubchart) {\n $$.updateTargetsForSubchart(targets);\n } // Fade-in each chart\n\n\n $$.showTargets();\n };\n\n ChartInternal.prototype.showTargets = function () {\n var $$ = this;\n $$.svg.selectAll('.' + CLASS.target).filter(function (d) {\n return $$.isTargetToShow(d.id);\n }).transition().duration($$.config.transition_duration).style('opacity', 1);\n };\n\n ChartInternal.prototype.redraw = function (options, transitions) {\n var $$ = this,\n main = $$.main,\n d3 = $$.d3,\n config = $$.config;\n var areaIndices = $$.getShapeIndices($$.isAreaType),\n barIndices = $$.getShapeIndices($$.isBarType),\n lineIndices = $$.getShapeIndices($$.isLineType);\n var withY, withSubchart, withTransition, withTransitionForExit, withTransitionForAxis, withTransform, withUpdateXDomain, withUpdateOrgXDomain, withTrimXDomain, withLegend, withEventRect, withDimension, withUpdateXAxis;\n var hideAxis = $$.hasArcType();\n var drawArea, drawBar, drawLine, xForText, yForText;\n var duration, durationForExit, durationForAxis;\n var transitionsToWait, waitForDraw, flow, transition;\n var targetsToShow = $$.filterTargetsToShow($$.data.targets),\n tickValues,\n i,\n intervalForCulling,\n xDomainForZoom;\n var xv = $$.xv.bind($$),\n cx,\n cy;\n options = options || {};\n withY = getOption(options, 'withY', true);\n withSubchart = getOption(options, 'withSubchart', true);\n withTransition = getOption(options, 'withTransition', true);\n withTransform = getOption(options, 'withTransform', false);\n withUpdateXDomain = getOption(options, 'withUpdateXDomain', false);\n withUpdateOrgXDomain = getOption(options, 'withUpdateOrgXDomain', false);\n withTrimXDomain = getOption(options, 'withTrimXDomain', true);\n withUpdateXAxis = getOption(options, 'withUpdateXAxis', withUpdateXDomain);\n withLegend = getOption(options, 'withLegend', false);\n withEventRect = getOption(options, 'withEventRect', true);\n withDimension = getOption(options, 'withDimension', true);\n withTransitionForExit = getOption(options, 'withTransitionForExit', withTransition);\n withTransitionForAxis = getOption(options, 'withTransitionForAxis', withTransition);\n duration = withTransition ? config.transition_duration : 0;\n durationForExit = withTransitionForExit ? duration : 0;\n durationForAxis = withTransitionForAxis ? duration : 0;\n transitions = transitions || $$.axis.generateTransitions(durationForAxis); // update legend and transform each g\n\n if (withLegend && config.legend_show) {\n $$.updateLegend($$.mapToIds($$.data.targets), options, transitions);\n } else if (withDimension) {\n // need to update dimension (e.g. axis.y.tick.values) because y tick values should change\n // no need to update axis in it because they will be updated in redraw()\n $$.updateDimension(true);\n } // MEMO: needed for grids calculation\n\n\n if ($$.isCategorized() && targetsToShow.length === 0) {\n $$.x.domain([0, $$.axes.x.selectAll('.tick').size()]);\n }\n\n if (targetsToShow.length) {\n $$.updateXDomain(targetsToShow, withUpdateXDomain, withUpdateOrgXDomain, withTrimXDomain);\n\n if (!config.axis_x_tick_values) {\n tickValues = $$.axis.updateXAxisTickValues(targetsToShow);\n }\n } else {\n $$.xAxis.tickValues([]);\n $$.subXAxis.tickValues([]);\n }\n\n if (config.zoom_rescale && !options.flow) {\n xDomainForZoom = $$.x.orgDomain();\n }\n\n $$.y.domain($$.getYDomain(targetsToShow, 'y', xDomainForZoom));\n $$.y2.domain($$.getYDomain(targetsToShow, 'y2', xDomainForZoom));\n\n if (!config.axis_y_tick_values && config.axis_y_tick_count) {\n $$.yAxis.tickValues($$.axis.generateTickValues($$.y.domain(), config.axis_y_tick_count));\n }\n\n if (!config.axis_y2_tick_values && config.axis_y2_tick_count) {\n $$.y2Axis.tickValues($$.axis.generateTickValues($$.y2.domain(), config.axis_y2_tick_count));\n } // axes\n\n\n $$.axis.redraw(durationForAxis, hideAxis); // Update axis label\n\n $$.axis.updateLabels(withTransition); // show/hide if manual culling needed\n\n if ((withUpdateXDomain || withUpdateXAxis) && targetsToShow.length) {\n if (config.axis_x_tick_culling && tickValues) {\n for (i = 1; i < tickValues.length; i++) {\n if (tickValues.length / i < config.axis_x_tick_culling_max) {\n intervalForCulling = i;\n break;\n }\n }\n\n $$.svg.selectAll('.' + CLASS.axisX + ' .tick text').each(function (e) {\n var index = tickValues.indexOf(e);\n\n if (index >= 0) {\n d3.select(this).style('display', index % intervalForCulling ? 'none' : 'block');\n }\n });\n } else {\n $$.svg.selectAll('.' + CLASS.axisX + ' .tick text').style('display', 'block');\n }\n } // setup drawer - MEMO: these must be called after axis updated\n\n\n drawArea = $$.generateDrawArea ? $$.generateDrawArea(areaIndices, false) : undefined;\n drawBar = $$.generateDrawBar ? $$.generateDrawBar(barIndices) : undefined;\n drawLine = $$.generateDrawLine ? $$.generateDrawLine(lineIndices, false) : undefined;\n xForText = $$.generateXYForText(areaIndices, barIndices, lineIndices, true);\n yForText = $$.generateXYForText(areaIndices, barIndices, lineIndices, false); // update circleY based on updated parameters\n\n $$.updateCircleY(); // generate circle x/y functions depending on updated params\n\n cx = ($$.config.axis_rotated ? $$.circleY : $$.circleX).bind($$);\n cy = ($$.config.axis_rotated ? $$.circleX : $$.circleY).bind($$); // Update sub domain\n\n if (withY) {\n $$.subY.domain($$.getYDomain(targetsToShow, 'y'));\n $$.subY2.domain($$.getYDomain(targetsToShow, 'y2'));\n } // xgrid focus\n\n\n $$.updateXgridFocus(); // Data empty label positioning and text.\n\n main.select('text.' + CLASS.text + '.' + CLASS.empty).attr('x', $$.width / 2).attr('y', $$.height / 2).text(config.data_empty_label_text).transition().style('opacity', targetsToShow.length ? 0 : 1); // event rect\n\n if (withEventRect) {\n $$.redrawEventRect();\n } // grid\n\n\n $$.updateGrid(duration);\n $$.updateStanfordElements(duration); // rect for regions\n\n $$.updateRegion(duration); // bars\n\n $$.updateBar(durationForExit); // lines, areas and circles\n\n $$.updateLine(durationForExit);\n $$.updateArea(durationForExit);\n $$.updateCircle(cx, cy); // text\n\n if ($$.hasDataLabel()) {\n $$.updateText(xForText, yForText, durationForExit);\n } // title\n\n\n if ($$.redrawTitle) {\n $$.redrawTitle();\n } // arc\n\n\n if ($$.redrawArc) {\n $$.redrawArc(duration, durationForExit, withTransform);\n } // subchart\n\n\n if (config.subchart_show && $$.redrawSubchart) {\n $$.redrawSubchart(withSubchart, transitions, duration, durationForExit, areaIndices, barIndices, lineIndices);\n }\n\n if ($$.isStanfordGraphType()) {\n $$.drawColorScale();\n } // circles for select\n\n\n main.selectAll('.' + CLASS.selectedCircles).filter($$.isBarType.bind($$)).selectAll('circle').remove();\n\n if (options.flow) {\n flow = $$.generateFlow({\n targets: targetsToShow,\n flow: options.flow,\n duration: options.flow.duration,\n drawBar: drawBar,\n drawLine: drawLine,\n drawArea: drawArea,\n cx: cx,\n cy: cy,\n xv: xv,\n xForText: xForText,\n yForText: yForText\n });\n }\n\n if (duration && $$.isTabVisible()) {\n // Only use transition if tab visible. See #938.\n // transition should be derived from one transition\n transition = d3.transition().duration(duration);\n transitionsToWait = [];\n [$$.redrawBar(drawBar, true, transition), $$.redrawLine(drawLine, true, transition), $$.redrawArea(drawArea, true, transition), $$.redrawCircle(cx, cy, true, transition), $$.redrawText(xForText, yForText, options.flow, true, transition), $$.redrawRegion(true, transition), $$.redrawGrid(true, transition)].forEach(function (transitions) {\n transitions.forEach(function (transition) {\n transitionsToWait.push(transition);\n });\n }); // Wait for end of transitions to call flow and onrendered callback\n\n waitForDraw = $$.generateWait();\n transitionsToWait.forEach(function (t) {\n waitForDraw.add(t);\n });\n waitForDraw(function () {\n if (flow) {\n flow();\n }\n\n if (config.onrendered) {\n config.onrendered.call($$);\n }\n });\n } else {\n $$.redrawBar(drawBar);\n $$.redrawLine(drawLine);\n $$.redrawArea(drawArea);\n $$.redrawCircle(cx, cy);\n $$.redrawText(xForText, yForText, options.flow);\n $$.redrawRegion();\n $$.redrawGrid();\n\n if (flow) {\n flow();\n }\n\n if (config.onrendered) {\n config.onrendered.call($$);\n }\n } // update fadein condition\n\n\n $$.mapToIds($$.data.targets).forEach(function (id) {\n $$.withoutFadeIn[id] = true;\n });\n };\n\n ChartInternal.prototype.updateAndRedraw = function (options) {\n var $$ = this,\n config = $$.config,\n transitions;\n options = options || {}; // same with redraw\n\n options.withTransition = getOption(options, 'withTransition', true);\n options.withTransform = getOption(options, 'withTransform', false);\n options.withLegend = getOption(options, 'withLegend', false); // NOT same with redraw\n\n options.withUpdateXDomain = getOption(options, 'withUpdateXDomain', true);\n options.withUpdateOrgXDomain = getOption(options, 'withUpdateOrgXDomain', true);\n options.withTransitionForExit = false;\n options.withTransitionForTransform = getOption(options, 'withTransitionForTransform', options.withTransition); // MEMO: this needs to be called before updateLegend and it means this ALWAYS needs to be called)\n\n $$.updateSizes(); // MEMO: called in updateLegend in redraw if withLegend\n\n if (!(options.withLegend && config.legend_show)) {\n transitions = $$.axis.generateTransitions(options.withTransitionForAxis ? config.transition_duration : 0); // Update scales\n\n $$.updateScales();\n $$.updateSvgSize(); // Update g positions\n\n $$.transformAll(options.withTransitionForTransform, transitions);\n } // Draw with new sizes & scales\n\n\n $$.redraw(options, transitions);\n };\n\n ChartInternal.prototype.redrawWithoutRescale = function () {\n this.redraw({\n withY: false,\n withSubchart: false,\n withEventRect: false,\n withTransitionForAxis: false\n });\n };\n\n ChartInternal.prototype.isTimeSeries = function () {\n return this.config.axis_x_type === 'timeseries';\n };\n\n ChartInternal.prototype.isCategorized = function () {\n return this.config.axis_x_type.indexOf('categor') >= 0;\n };\n\n ChartInternal.prototype.isCustomX = function () {\n var $$ = this,\n config = $$.config;\n return !$$.isTimeSeries() && (config.data_x || notEmpty(config.data_xs));\n };\n\n ChartInternal.prototype.isTimeSeriesY = function () {\n return this.config.axis_y_type === 'timeseries';\n };\n\n ChartInternal.prototype.getTranslate = function (target) {\n var $$ = this,\n config = $$.config,\n x,\n y;\n\n if (target === 'main') {\n x = asHalfPixel($$.margin.left);\n y = asHalfPixel($$.margin.top);\n } else if (target === 'context') {\n x = asHalfPixel($$.margin2.left);\n y = asHalfPixel($$.margin2.top);\n } else if (target === 'legend') {\n x = $$.margin3.left;\n y = $$.margin3.top;\n } else if (target === 'x') {\n x = 0;\n y = config.axis_rotated ? 0 : $$.height;\n } else if (target === 'y') {\n x = 0;\n y = config.axis_rotated ? $$.height : 0;\n } else if (target === 'y2') {\n x = config.axis_rotated ? 0 : $$.width;\n y = config.axis_rotated ? 1 : 0;\n } else if (target === 'subx') {\n x = 0;\n y = config.axis_rotated ? 0 : $$.height2;\n } else if (target === 'arc') {\n x = $$.arcWidth / 2;\n y = $$.arcHeight / 2 - ($$.hasType('gauge') ? 6 : 0); // to prevent wrong display of min and max label\n }\n\n return 'translate(' + x + ',' + y + ')';\n };\n\n ChartInternal.prototype.initialOpacity = function (d) {\n return d.value !== null && this.withoutFadeIn[d.id] ? 1 : 0;\n };\n\n ChartInternal.prototype.initialOpacityForCircle = function (d) {\n return d.value !== null && this.withoutFadeIn[d.id] ? this.opacityForCircle(d) : 0;\n };\n\n ChartInternal.prototype.opacityForCircle = function (d) {\n var isPointShouldBeShown = isFunction(this.config.point_show) ? this.config.point_show(d) : this.config.point_show;\n var opacity = isPointShouldBeShown || this.isStanfordType(d) ? 1 : 0;\n return isValue(d.value) ? this.isScatterType(d) ? 0.5 : opacity : 0;\n };\n\n ChartInternal.prototype.opacityForText = function () {\n return this.hasDataLabel() ? 1 : 0;\n };\n\n ChartInternal.prototype.xx = function (d) {\n return d ? this.x(d.x) : null;\n };\n\n ChartInternal.prototype.xvCustom = function (d, xyValue) {\n var $$ = this,\n value = xyValue ? d[xyValue] : d.value;\n\n if ($$.isTimeSeries()) {\n value = $$.parseDate(d.value);\n } else if ($$.isCategorized() && typeof d.value === 'string') {\n value = $$.config.axis_x_categories.indexOf(d.value);\n }\n\n return Math.ceil($$.x(value));\n };\n\n ChartInternal.prototype.yvCustom = function (d, xyValue) {\n var $$ = this,\n yScale = d.axis && d.axis === 'y2' ? $$.y2 : $$.y,\n value = xyValue ? d[xyValue] : d.value;\n return Math.ceil(yScale(value));\n };\n\n ChartInternal.prototype.xv = function (d) {\n var $$ = this,\n value = d.value;\n\n if ($$.isTimeSeries()) {\n value = $$.parseDate(d.value);\n } else if ($$.isCategorized() && typeof d.value === 'string') {\n value = $$.config.axis_x_categories.indexOf(d.value);\n }\n\n return Math.ceil($$.x(value));\n };\n\n ChartInternal.prototype.yv = function (d) {\n var $$ = this,\n yScale = d.axis && d.axis === 'y2' ? $$.y2 : $$.y;\n return Math.ceil(yScale(d.value));\n };\n\n ChartInternal.prototype.subxx = function (d) {\n return d ? this.subX(d.x) : null;\n };\n\n ChartInternal.prototype.transformMain = function (withTransition, transitions) {\n var $$ = this,\n xAxis,\n yAxis,\n y2Axis;\n\n if (transitions && transitions.axisX) {\n xAxis = transitions.axisX;\n } else {\n xAxis = $$.main.select('.' + CLASS.axisX);\n\n if (withTransition) {\n xAxis = xAxis.transition();\n }\n }\n\n if (transitions && transitions.axisY) {\n yAxis = transitions.axisY;\n } else {\n yAxis = $$.main.select('.' + CLASS.axisY);\n\n if (withTransition) {\n yAxis = yAxis.transition();\n }\n }\n\n if (transitions && transitions.axisY2) {\n y2Axis = transitions.axisY2;\n } else {\n y2Axis = $$.main.select('.' + CLASS.axisY2);\n\n if (withTransition) {\n y2Axis = y2Axis.transition();\n }\n }\n\n (withTransition ? $$.main.transition() : $$.main).attr('transform', $$.getTranslate('main'));\n xAxis.attr('transform', $$.getTranslate('x'));\n yAxis.attr('transform', $$.getTranslate('y'));\n y2Axis.attr('transform', $$.getTranslate('y2'));\n $$.main.select('.' + CLASS.chartArcs).attr('transform', $$.getTranslate('arc'));\n };\n\n ChartInternal.prototype.transformAll = function (withTransition, transitions) {\n var $$ = this;\n $$.transformMain(withTransition, transitions);\n\n if ($$.config.subchart_show) {\n $$.transformContext(withTransition, transitions);\n }\n\n if ($$.legend) {\n $$.transformLegend(withTransition);\n }\n };\n\n ChartInternal.prototype.updateSvgSize = function () {\n var $$ = this,\n brush = $$.svg.select(\".\" + CLASS.brush + \" .overlay\");\n $$.svg.attr('width', $$.currentWidth).attr('height', $$.currentHeight);\n $$.svg.selectAll(['#' + $$.clipId, '#' + $$.clipIdForGrid]).select('rect').attr('width', $$.width).attr('height', $$.height);\n $$.svg.select('#' + $$.clipIdForXAxis).select('rect').attr('x', $$.getXAxisClipX.bind($$)).attr('y', $$.getXAxisClipY.bind($$)).attr('width', $$.getXAxisClipWidth.bind($$)).attr('height', $$.getXAxisClipHeight.bind($$));\n $$.svg.select('#' + $$.clipIdForYAxis).select('rect').attr('x', $$.getYAxisClipX.bind($$)).attr('y', $$.getYAxisClipY.bind($$)).attr('width', $$.getYAxisClipWidth.bind($$)).attr('height', $$.getYAxisClipHeight.bind($$));\n $$.svg.select('#' + $$.clipIdForSubchart).select('rect').attr('width', $$.width).attr('height', brush.size() && brush.attr('height') || 0); // MEMO: parent div's height will be bigger than svg when \n\n $$.selectChart.style('max-height', $$.currentHeight + 'px');\n };\n\n ChartInternal.prototype.updateDimension = function (withoutAxis) {\n var $$ = this;\n\n if (!withoutAxis) {\n if ($$.config.axis_rotated) {\n $$.axes.x.call($$.xAxis);\n $$.axes.subx.call($$.subXAxis);\n } else {\n $$.axes.y.call($$.yAxis);\n $$.axes.y2.call($$.y2Axis);\n }\n }\n\n $$.updateSizes();\n $$.updateScales();\n $$.updateSvgSize();\n $$.transformAll(false);\n };\n\n ChartInternal.prototype.observeInserted = function (selection) {\n var $$ = this,\n observer;\n\n if (typeof MutationObserver === 'undefined') {\n window.console.error('MutationObserver not defined.');\n return;\n }\n\n observer = new MutationObserver(function (mutations) {\n mutations.forEach(function (mutation) {\n if (mutation.type === 'childList' && mutation.previousSibling) {\n observer.disconnect(); // need to wait for completion of load because size calculation requires the actual sizes determined after that completion\n\n $$.intervalForObserveInserted = window.setInterval(function () {\n // parentNode will NOT be null when completed\n if (selection.node().parentNode) {\n window.clearInterval($$.intervalForObserveInserted);\n $$.updateDimension();\n\n if ($$.brush) {\n $$.brush.update();\n }\n\n $$.config.oninit.call($$);\n $$.redraw({\n withTransform: true,\n withUpdateXDomain: true,\n withUpdateOrgXDomain: true,\n withTransition: false,\n withTransitionForTransform: false,\n withLegend: true\n });\n selection.transition().style('opacity', 1);\n }\n }, 10);\n }\n });\n });\n observer.observe(selection.node(), {\n attributes: true,\n childList: true,\n characterData: true\n });\n };\n /**\r\n * Binds handlers to the window resize event.\r\n */\n\n\n ChartInternal.prototype.bindResize = function () {\n var $$ = this,\n config = $$.config;\n $$.resizeFunction = $$.generateResize(); // need to call .remove\n\n $$.resizeFunction.add(function () {\n config.onresize.call($$);\n });\n\n if (config.resize_auto) {\n $$.resizeFunction.add(function () {\n if ($$.resizeTimeout !== undefined) {\n window.clearTimeout($$.resizeTimeout);\n }\n\n $$.resizeTimeout = window.setTimeout(function () {\n delete $$.resizeTimeout;\n $$.updateAndRedraw({\n withUpdateXDomain: false,\n withUpdateOrgXDomain: false,\n withTransition: false,\n withTransitionForTransform: false,\n withLegend: true\n });\n\n if ($$.brush) {\n $$.brush.update();\n }\n }, 100);\n });\n }\n\n $$.resizeFunction.add(function () {\n config.onresized.call($$);\n });\n\n $$.resizeIfElementDisplayed = function () {\n // if element not displayed skip it\n if ($$.api == null || !$$.api.element.offsetParent) {\n return;\n }\n\n $$.resizeFunction();\n };\n\n window.addEventListener('resize', $$.resizeIfElementDisplayed, false);\n };\n /**\r\n * Binds handlers to the window focus event.\r\n */\n\n\n ChartInternal.prototype.bindWindowFocus = function () {\n var _this = this;\n\n if (this.windowFocusHandler) {\n // The handler is already set\n return;\n }\n\n this.windowFocusHandler = function () {\n _this.redraw();\n };\n\n window.addEventListener('focus', this.windowFocusHandler);\n };\n /**\r\n * Unbinds from the window focus event.\r\n */\n\n\n ChartInternal.prototype.unbindWindowFocus = function () {\n window.removeEventListener('focus', this.windowFocusHandler);\n delete this.windowFocusHandler;\n };\n\n ChartInternal.prototype.generateResize = function () {\n var resizeFunctions = [];\n\n function callResizeFunctions() {\n resizeFunctions.forEach(function (f) {\n f();\n });\n }\n\n callResizeFunctions.add = function (f) {\n resizeFunctions.push(f);\n };\n\n callResizeFunctions.remove = function (f) {\n for (var i = 0; i < resizeFunctions.length; i++) {\n if (resizeFunctions[i] === f) {\n resizeFunctions.splice(i, 1);\n break;\n }\n }\n };\n\n return callResizeFunctions;\n };\n\n ChartInternal.prototype.endall = function (transition, callback) {\n var n = 0;\n transition.each(function () {\n ++n;\n }).on('end', function () {\n if (! --n) {\n callback.apply(this, arguments);\n }\n });\n };\n\n ChartInternal.prototype.generateWait = function () {\n var $$ = this;\n\n var transitionsToWait = [],\n f = function (callback) {\n var timer = setInterval(function () {\n if (!$$.isTabVisible()) {\n return;\n }\n\n var done = 0;\n transitionsToWait.forEach(function (t) {\n if (t.empty()) {\n done += 1;\n return;\n }\n\n try {\n t.transition();\n } catch (e) {\n done += 1;\n }\n });\n\n if (done === transitionsToWait.length) {\n clearInterval(timer);\n\n if (callback) {\n callback();\n }\n }\n }, 50);\n };\n\n f.add = function (transition) {\n transitionsToWait.push(transition);\n };\n\n return f;\n };\n\n ChartInternal.prototype.parseDate = function (date) {\n var $$ = this,\n parsedDate;\n\n if (date instanceof Date) {\n parsedDate = date;\n } else if (typeof date === 'string') {\n parsedDate = $$.dataTimeParse(date);\n } else if (typeof date === 'object') {\n parsedDate = new Date(+date);\n } else if (typeof date === 'number' && !isNaN(date)) {\n parsedDate = new Date(+date);\n }\n\n if (!parsedDate || isNaN(+parsedDate)) {\n window.console.error(\"Failed to parse x '\" + date + \"' to Date object\");\n }\n\n return parsedDate;\n };\n\n ChartInternal.prototype.isTabVisible = function () {\n return !document.hidden;\n };\n\n ChartInternal.prototype.getPathBox = getPathBox;\n ChartInternal.prototype.CLASS = CLASS;\n /* jshint ignore:start */\n\n (function () {\n if (!('SVGPathSeg' in window)) {\n // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg\n window.SVGPathSeg = function (type, typeAsLetter, owningPathSegList) {\n this.pathSegType = type;\n this.pathSegTypeAsLetter = typeAsLetter;\n this._owningPathSegList = owningPathSegList;\n };\n\n window.SVGPathSeg.prototype.classname = 'SVGPathSeg';\n window.SVGPathSeg.PATHSEG_UNKNOWN = 0;\n window.SVGPathSeg.PATHSEG_CLOSEPATH = 1;\n window.SVGPathSeg.PATHSEG_MOVETO_ABS = 2;\n window.SVGPathSeg.PATHSEG_MOVETO_REL = 3;\n window.SVGPathSeg.PATHSEG_LINETO_ABS = 4;\n window.SVGPathSeg.PATHSEG_LINETO_REL = 5;\n window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;\n window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;\n window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;\n window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;\n window.SVGPathSeg.PATHSEG_ARC_ABS = 10;\n window.SVGPathSeg.PATHSEG_ARC_REL = 11;\n window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;\n window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;\n window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;\n window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;\n window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;\n window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;\n window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;\n window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19; // Notify owning PathSegList on any changes so they can be synchronized back to the path element.\n\n window.SVGPathSeg.prototype._segmentChanged = function () {\n if (this._owningPathSegList) this._owningPathSegList.segmentChanged(this);\n };\n\n window.SVGPathSegClosePath = function (owningPathSegList) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList);\n };\n\n window.SVGPathSegClosePath.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegClosePath.prototype.toString = function () {\n return '[object SVGPathSegClosePath]';\n };\n\n window.SVGPathSegClosePath.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter;\n };\n\n window.SVGPathSegClosePath.prototype.clone = function () {\n return new window.SVGPathSegClosePath(undefined);\n };\n\n window.SVGPathSegMovetoAbs = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegMovetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegMovetoAbs.prototype.toString = function () {\n return '[object SVGPathSegMovetoAbs]';\n };\n\n window.SVGPathSegMovetoAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegMovetoAbs.prototype.clone = function () {\n return new window.SVGPathSegMovetoAbs(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegMovetoRel = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegMovetoRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegMovetoRel.prototype.toString = function () {\n return '[object SVGPathSegMovetoRel]';\n };\n\n window.SVGPathSegMovetoRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegMovetoRel.prototype.clone = function () {\n return new window.SVGPathSegMovetoRel(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegMovetoRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegMovetoRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoAbs = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegLinetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoAbs.prototype.toString = function () {\n return '[object SVGPathSegLinetoAbs]';\n };\n\n window.SVGPathSegLinetoAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegLinetoAbs.prototype.clone = function () {\n return new window.SVGPathSegLinetoAbs(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoRel = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegLinetoRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoRel.prototype.toString = function () {\n return '[object SVGPathSegLinetoRel]';\n };\n\n window.SVGPathSegLinetoRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegLinetoRel.prototype.clone = function () {\n return new window.SVGPathSegLinetoRel(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegLinetoRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoCubicAbs = function (owningPathSegList, x, y, x1, y1, x2, y2) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x1 = x1;\n this._y1 = y1;\n this._x2 = x2;\n this._y2 = y2;\n };\n\n window.SVGPathSegCurvetoCubicAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoCubicAbs.prototype.toString = function () {\n return '[object SVGPathSegCurvetoCubicAbs]';\n };\n\n window.SVGPathSegCurvetoCubicAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoCubicAbs.prototype.clone = function () {\n return new window.SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'x1', {\n get: function () {\n return this._x1;\n },\n set: function (x1) {\n this._x1 = x1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'y1', {\n get: function () {\n return this._y1;\n },\n set: function (y1) {\n this._y1 = y1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'x2', {\n get: function () {\n return this._x2;\n },\n set: function (x2) {\n this._x2 = x2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, 'y2', {\n get: function () {\n return this._y2;\n },\n set: function (y2) {\n this._y2 = y2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoCubicRel = function (owningPathSegList, x, y, x1, y1, x2, y2) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x1 = x1;\n this._y1 = y1;\n this._x2 = x2;\n this._y2 = y2;\n };\n\n window.SVGPathSegCurvetoCubicRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoCubicRel.prototype.toString = function () {\n return '[object SVGPathSegCurvetoCubicRel]';\n };\n\n window.SVGPathSegCurvetoCubicRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoCubicRel.prototype.clone = function () {\n return new window.SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'x1', {\n get: function () {\n return this._x1;\n },\n set: function (x1) {\n this._x1 = x1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'y1', {\n get: function () {\n return this._y1;\n },\n set: function (y1) {\n this._y1 = y1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'x2', {\n get: function () {\n return this._x2;\n },\n set: function (x2) {\n this._x2 = x2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, 'y2', {\n get: function () {\n return this._y2;\n },\n set: function (y2) {\n this._y2 = y2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoQuadraticAbs = function (owningPathSegList, x, y, x1, y1) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x1 = x1;\n this._y1 = y1;\n };\n\n window.SVGPathSegCurvetoQuadraticAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoQuadraticAbs.prototype.toString = function () {\n return '[object SVGPathSegCurvetoQuadraticAbs]';\n };\n\n window.SVGPathSegCurvetoQuadraticAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoQuadraticAbs.prototype.clone = function () {\n return new window.SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, 'x1', {\n get: function () {\n return this._x1;\n },\n set: function (x1) {\n this._x1 = x1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, 'y1', {\n get: function () {\n return this._y1;\n },\n set: function (y1) {\n this._y1 = y1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoQuadraticRel = function (owningPathSegList, x, y, x1, y1) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x1 = x1;\n this._y1 = y1;\n };\n\n window.SVGPathSegCurvetoQuadraticRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoQuadraticRel.prototype.toString = function () {\n return '[object SVGPathSegCurvetoQuadraticRel]';\n };\n\n window.SVGPathSegCurvetoQuadraticRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoQuadraticRel.prototype.clone = function () {\n return new window.SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, 'x1', {\n get: function () {\n return this._x1;\n },\n set: function (x1) {\n this._x1 = x1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, 'y1', {\n get: function () {\n return this._y1;\n },\n set: function (y1) {\n this._y1 = y1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegArcAbs = function (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList);\n this._x = x;\n this._y = y;\n this._r1 = r1;\n this._r2 = r2;\n this._angle = angle;\n this._largeArcFlag = largeArcFlag;\n this._sweepFlag = sweepFlag;\n };\n\n window.SVGPathSegArcAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegArcAbs.prototype.toString = function () {\n return '[object SVGPathSegArcAbs]';\n };\n\n window.SVGPathSegArcAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegArcAbs.prototype.clone = function () {\n return new window.SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);\n };\n\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'r1', {\n get: function () {\n return this._r1;\n },\n set: function (r1) {\n this._r1 = r1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'r2', {\n get: function () {\n return this._r2;\n },\n set: function (r2) {\n this._r2 = r2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'angle', {\n get: function () {\n return this._angle;\n },\n set: function (angle) {\n this._angle = angle;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'largeArcFlag', {\n get: function () {\n return this._largeArcFlag;\n },\n set: function (largeArcFlag) {\n this._largeArcFlag = largeArcFlag;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcAbs.prototype, 'sweepFlag', {\n get: function () {\n return this._sweepFlag;\n },\n set: function (sweepFlag) {\n this._sweepFlag = sweepFlag;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegArcRel = function (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList);\n this._x = x;\n this._y = y;\n this._r1 = r1;\n this._r2 = r2;\n this._angle = angle;\n this._largeArcFlag = largeArcFlag;\n this._sweepFlag = sweepFlag;\n };\n\n window.SVGPathSegArcRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegArcRel.prototype.toString = function () {\n return '[object SVGPathSegArcRel]';\n };\n\n window.SVGPathSegArcRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegArcRel.prototype.clone = function () {\n return new window.SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);\n };\n\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'r1', {\n get: function () {\n return this._r1;\n },\n set: function (r1) {\n this._r1 = r1;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'r2', {\n get: function () {\n return this._r2;\n },\n set: function (r2) {\n this._r2 = r2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'angle', {\n get: function () {\n return this._angle;\n },\n set: function (angle) {\n this._angle = angle;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'largeArcFlag', {\n get: function () {\n return this._largeArcFlag;\n },\n set: function (largeArcFlag) {\n this._largeArcFlag = largeArcFlag;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegArcRel.prototype, 'sweepFlag', {\n get: function () {\n return this._sweepFlag;\n },\n set: function (sweepFlag) {\n this._sweepFlag = sweepFlag;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoHorizontalAbs = function (owningPathSegList, x) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList);\n this._x = x;\n };\n\n window.SVGPathSegLinetoHorizontalAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoHorizontalAbs.prototype.toString = function () {\n return '[object SVGPathSegLinetoHorizontalAbs]';\n };\n\n window.SVGPathSegLinetoHorizontalAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x;\n };\n\n window.SVGPathSegLinetoHorizontalAbs.prototype.clone = function () {\n return new window.SVGPathSegLinetoHorizontalAbs(undefined, this._x);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoHorizontalAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoHorizontalRel = function (owningPathSegList, x) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList);\n this._x = x;\n };\n\n window.SVGPathSegLinetoHorizontalRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoHorizontalRel.prototype.toString = function () {\n return '[object SVGPathSegLinetoHorizontalRel]';\n };\n\n window.SVGPathSegLinetoHorizontalRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x;\n };\n\n window.SVGPathSegLinetoHorizontalRel.prototype.clone = function () {\n return new window.SVGPathSegLinetoHorizontalRel(undefined, this._x);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoHorizontalRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoVerticalAbs = function (owningPathSegList, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList);\n this._y = y;\n };\n\n window.SVGPathSegLinetoVerticalAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoVerticalAbs.prototype.toString = function () {\n return '[object SVGPathSegLinetoVerticalAbs]';\n };\n\n window.SVGPathSegLinetoVerticalAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._y;\n };\n\n window.SVGPathSegLinetoVerticalAbs.prototype.clone = function () {\n return new window.SVGPathSegLinetoVerticalAbs(undefined, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoVerticalAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegLinetoVerticalRel = function (owningPathSegList, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList);\n this._y = y;\n };\n\n window.SVGPathSegLinetoVerticalRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegLinetoVerticalRel.prototype.toString = function () {\n return '[object SVGPathSegLinetoVerticalRel]';\n };\n\n window.SVGPathSegLinetoVerticalRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._y;\n };\n\n window.SVGPathSegLinetoVerticalRel.prototype.clone = function () {\n return new window.SVGPathSegLinetoVerticalRel(undefined, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegLinetoVerticalRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoCubicSmoothAbs = function (owningPathSegList, x, y, x2, y2) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x2 = x2;\n this._y2 = y2;\n };\n\n window.SVGPathSegCurvetoCubicSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoCubicSmoothAbs.prototype.toString = function () {\n return '[object SVGPathSegCurvetoCubicSmoothAbs]';\n };\n\n window.SVGPathSegCurvetoCubicSmoothAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoCubicSmoothAbs.prototype.clone = function () {\n return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, 'x2', {\n get: function () {\n return this._x2;\n },\n set: function (x2) {\n this._x2 = x2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, 'y2', {\n get: function () {\n return this._y2;\n },\n set: function (y2) {\n this._y2 = y2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoCubicSmoothRel = function (owningPathSegList, x, y, x2, y2) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList);\n this._x = x;\n this._y = y;\n this._x2 = x2;\n this._y2 = y2;\n };\n\n window.SVGPathSegCurvetoCubicSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoCubicSmoothRel.prototype.toString = function () {\n return '[object SVGPathSegCurvetoCubicSmoothRel]';\n };\n\n window.SVGPathSegCurvetoCubicSmoothRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoCubicSmoothRel.prototype.clone = function () {\n return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, 'x2', {\n get: function () {\n return this._x2;\n },\n set: function (x2) {\n this._x2 = x2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, 'y2', {\n get: function () {\n return this._y2;\n },\n set: function (y2) {\n this._y2 = y2;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoQuadraticSmoothAbs = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.toString = function () {\n return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.clone = function () {\n return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n\n window.SVGPathSegCurvetoQuadraticSmoothRel = function (owningPathSegList, x, y) {\n window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList);\n this._x = x;\n this._y = y;\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);\n\n window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.toString = function () {\n return '[object SVGPathSegCurvetoQuadraticSmoothRel]';\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothRel.prototype._asPathString = function () {\n return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;\n };\n\n window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.clone = function () {\n return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);\n };\n\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, 'x', {\n get: function () {\n return this._x;\n },\n set: function (x) {\n this._x = x;\n\n this._segmentChanged();\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, 'y', {\n get: function () {\n return this._y;\n },\n set: function (y) {\n this._y = y;\n\n this._segmentChanged();\n },\n enumerable: true\n }); // Add createSVGPathSeg* functions to window.SVGPathElement.\n // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-Interfacewindow.SVGPathElement.\n\n window.SVGPathElement.prototype.createSVGPathSegClosePath = function () {\n return new window.SVGPathSegClosePath(undefined);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {\n return new window.SVGPathSegMovetoAbs(undefined, x, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {\n return new window.SVGPathSegMovetoRel(undefined, x, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {\n return new window.SVGPathSegLinetoAbs(undefined, x, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {\n return new window.SVGPathSegLinetoRel(undefined, x, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {\n return new window.SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {\n return new window.SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {\n return new window.SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {\n return new window.SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n return new window.SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n return new window.SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {\n return new window.SVGPathSegLinetoHorizontalAbs(undefined, x);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {\n return new window.SVGPathSegLinetoHorizontalRel(undefined, x);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {\n return new window.SVGPathSegLinetoVerticalAbs(undefined, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {\n return new window.SVGPathSegLinetoVerticalRel(undefined, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {\n return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {\n return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {\n return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);\n };\n\n window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {\n return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);\n };\n\n if (!('getPathSegAtLength' in window.SVGPathElement.prototype)) {\n // Add getPathSegAtLength to SVGPathElement.\n // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength\n // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.\n window.SVGPathElement.prototype.getPathSegAtLength = function (distance) {\n if (distance === undefined || !isFinite(distance)) throw 'Invalid arguments.';\n var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n measurementElement.setAttribute('d', this.getAttribute('d'));\n var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1; // If the path is empty, return 0.\n\n if (lastPathSegment <= 0) return 0;\n\n do {\n measurementElement.pathSegList.removeItem(lastPathSegment);\n if (distance > measurementElement.getTotalLength()) break;\n lastPathSegment--;\n } while (lastPathSegment > 0);\n\n return lastPathSegment;\n };\n }\n }\n\n if (!('SVGPathSegList' in window)) {\n // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList\n window.SVGPathSegList = function (pathElement) {\n this._pathElement = pathElement;\n this._list = this._parsePath(this._pathElement.getAttribute('d')); // Use a MutationObserver to catch changes to the path's \"d\" attribute.\n\n this._mutationObserverConfig = {\n attributes: true,\n attributeFilter: ['d']\n };\n this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));\n\n this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n };\n\n window.SVGPathSegList.prototype.classname = 'SVGPathSegList';\n Object.defineProperty(window.SVGPathSegList.prototype, 'numberOfItems', {\n get: function () {\n this._checkPathSynchronizedToList();\n\n return this._list.length;\n },\n enumerable: true\n }); // Add the pathSegList accessors to window.SVGPathElement.\n // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData\n\n Object.defineProperty(window.SVGPathElement.prototype, 'pathSegList', {\n get: function () {\n if (!this._pathSegList) this._pathSegList = new window.SVGPathSegList(this);\n return this._pathSegList;\n },\n enumerable: true\n }); // FIXME: The following are not implemented and simply return window.SVGPathElement.pathSegList.\n\n Object.defineProperty(window.SVGPathElement.prototype, 'normalizedPathSegList', {\n get: function () {\n return this.pathSegList;\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathElement.prototype, 'animatedPathSegList', {\n get: function () {\n return this.pathSegList;\n },\n enumerable: true\n });\n Object.defineProperty(window.SVGPathElement.prototype, 'animatedNormalizedPathSegList', {\n get: function () {\n return this.pathSegList;\n },\n enumerable: true\n }); // Process any pending mutations to the path element and update the list as needed.\n // This should be the first call of all public functions and is needed because\n // MutationObservers are not synchronous so we can have pending asynchronous mutations.\n\n window.SVGPathSegList.prototype._checkPathSynchronizedToList = function () {\n this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());\n };\n\n window.SVGPathSegList.prototype._updateListFromPathMutations = function (mutationRecords) {\n if (!this._pathElement) return;\n var hasPathMutations = false;\n mutationRecords.forEach(function (record) {\n if (record.attributeName == 'd') hasPathMutations = true;\n });\n if (hasPathMutations) this._list = this._parsePath(this._pathElement.getAttribute('d'));\n }; // Serialize the list and update the path's 'd' attribute.\n\n\n window.SVGPathSegList.prototype._writeListToPath = function () {\n this._pathElementMutationObserver.disconnect();\n\n this._pathElement.setAttribute('d', window.SVGPathSegList._pathSegArrayAsString(this._list));\n\n this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n }; // When a path segment changes the list needs to be synchronized back to the path element.\n\n\n window.SVGPathSegList.prototype.segmentChanged = function (pathSeg) {\n this._writeListToPath();\n };\n\n window.SVGPathSegList.prototype.clear = function () {\n this._checkPathSynchronizedToList();\n\n this._list.forEach(function (pathSeg) {\n pathSeg._owningPathSegList = null;\n });\n\n this._list = [];\n\n this._writeListToPath();\n };\n\n window.SVGPathSegList.prototype.initialize = function (newItem) {\n this._checkPathSynchronizedToList();\n\n this._list = [newItem];\n newItem._owningPathSegList = this;\n\n this._writeListToPath();\n\n return newItem;\n };\n\n window.SVGPathSegList.prototype._checkValidIndex = function (index) {\n if (isNaN(index) || index < 0 || index >= this.numberOfItems) throw 'INDEX_SIZE_ERR';\n };\n\n window.SVGPathSegList.prototype.getItem = function (index) {\n this._checkPathSynchronizedToList();\n\n this._checkValidIndex(index);\n\n return this._list[index];\n };\n\n window.SVGPathSegList.prototype.insertItemBefore = function (newItem, index) {\n this._checkPathSynchronizedToList(); // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.\n\n\n if (index > this.numberOfItems) index = this.numberOfItems;\n\n if (newItem._owningPathSegList) {\n // SVG2 spec says to make a copy.\n newItem = newItem.clone();\n }\n\n this._list.splice(index, 0, newItem);\n\n newItem._owningPathSegList = this;\n\n this._writeListToPath();\n\n return newItem;\n };\n\n window.SVGPathSegList.prototype.replaceItem = function (newItem, index) {\n this._checkPathSynchronizedToList();\n\n if (newItem._owningPathSegList) {\n // SVG2 spec says to make a copy.\n newItem = newItem.clone();\n }\n\n this._checkValidIndex(index);\n\n this._list[index] = newItem;\n newItem._owningPathSegList = this;\n\n this._writeListToPath();\n\n return newItem;\n };\n\n window.SVGPathSegList.prototype.removeItem = function (index) {\n this._checkPathSynchronizedToList();\n\n this._checkValidIndex(index);\n\n var item = this._list[index];\n\n this._list.splice(index, 1);\n\n this._writeListToPath();\n\n return item;\n };\n\n window.SVGPathSegList.prototype.appendItem = function (newItem) {\n this._checkPathSynchronizedToList();\n\n if (newItem._owningPathSegList) {\n // SVG2 spec says to make a copy.\n newItem = newItem.clone();\n }\n\n this._list.push(newItem);\n\n newItem._owningPathSegList = this; // TODO: Optimize this to just append to the existing attribute.\n\n this._writeListToPath();\n\n return newItem;\n };\n\n window.SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {\n var string = '';\n var first = true;\n pathSegArray.forEach(function (pathSeg) {\n if (first) {\n first = false;\n string += pathSeg._asPathString();\n } else {\n string += ' ' + pathSeg._asPathString();\n }\n });\n return string;\n }; // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.\n\n\n window.SVGPathSegList.prototype._parsePath = function (string) {\n if (!string || string.length == 0) return [];\n var owningPathSegList = this;\n\n var Builder = function () {\n this.pathSegList = [];\n };\n\n Builder.prototype.appendSegment = function (pathSeg) {\n this.pathSegList.push(pathSeg);\n };\n\n var Source = function (string) {\n this._string = string;\n this._currentIndex = 0;\n this._endIndex = this._string.length;\n this._previousCommand = window.SVGPathSeg.PATHSEG_UNKNOWN;\n\n this._skipOptionalSpaces();\n };\n\n Source.prototype._isCurrentSpace = function () {\n var character = this._string[this._currentIndex];\n return character <= ' ' && (character == ' ' || character == '\\n' || character == '\\t' || character == '\\r' || character == '\\f');\n };\n\n Source.prototype._skipOptionalSpaces = function () {\n while (this._currentIndex < this._endIndex && this._isCurrentSpace()) this._currentIndex++;\n\n return this._currentIndex < this._endIndex;\n };\n\n Source.prototype._skipOptionalSpacesOrDelimiter = function () {\n if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) != ',') return false;\n\n if (this._skipOptionalSpaces()) {\n if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == ',') {\n this._currentIndex++;\n\n this._skipOptionalSpaces();\n }\n }\n\n return this._currentIndex < this._endIndex;\n };\n\n Source.prototype.hasMoreData = function () {\n return this._currentIndex < this._endIndex;\n };\n\n Source.prototype.peekSegmentType = function () {\n var lookahead = this._string[this._currentIndex];\n return this._pathSegTypeFromChar(lookahead);\n };\n\n Source.prototype._pathSegTypeFromChar = function (lookahead) {\n switch (lookahead) {\n case 'Z':\n case 'z':\n return window.SVGPathSeg.PATHSEG_CLOSEPATH;\n\n case 'M':\n return window.SVGPathSeg.PATHSEG_MOVETO_ABS;\n\n case 'm':\n return window.SVGPathSeg.PATHSEG_MOVETO_REL;\n\n case 'L':\n return window.SVGPathSeg.PATHSEG_LINETO_ABS;\n\n case 'l':\n return window.SVGPathSeg.PATHSEG_LINETO_REL;\n\n case 'C':\n return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;\n\n case 'c':\n return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;\n\n case 'Q':\n return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;\n\n case 'q':\n return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;\n\n case 'A':\n return window.SVGPathSeg.PATHSEG_ARC_ABS;\n\n case 'a':\n return window.SVGPathSeg.PATHSEG_ARC_REL;\n\n case 'H':\n return window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;\n\n case 'h':\n return window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;\n\n case 'V':\n return window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;\n\n case 'v':\n return window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;\n\n case 'S':\n return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;\n\n case 's':\n return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;\n\n case 'T':\n return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;\n\n case 't':\n return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;\n\n default:\n return window.SVGPathSeg.PATHSEG_UNKNOWN;\n }\n };\n\n Source.prototype._nextCommandHelper = function (lookahead, previousCommand) {\n // Check for remaining coordinates in the current command.\n if ((lookahead == '+' || lookahead == '-' || lookahead == '.' || lookahead >= '0' && lookahead <= '9') && previousCommand != window.SVGPathSeg.PATHSEG_CLOSEPATH) {\n if (previousCommand == window.SVGPathSeg.PATHSEG_MOVETO_ABS) return window.SVGPathSeg.PATHSEG_LINETO_ABS;\n if (previousCommand == window.SVGPathSeg.PATHSEG_MOVETO_REL) return window.SVGPathSeg.PATHSEG_LINETO_REL;\n return previousCommand;\n }\n\n return window.SVGPathSeg.PATHSEG_UNKNOWN;\n };\n\n Source.prototype.initialCommandIsMoveTo = function () {\n // If the path is empty it is still valid, so return true.\n if (!this.hasMoreData()) return true;\n var command = this.peekSegmentType(); // Path must start with moveTo.\n\n return command == window.SVGPathSeg.PATHSEG_MOVETO_ABS || command == window.SVGPathSeg.PATHSEG_MOVETO_REL;\n }; // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.\n // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF\n\n\n Source.prototype._parseNumber = function () {\n var exponent = 0;\n var integer = 0;\n var frac = 1;\n var decimal = 0;\n var sign = 1;\n var expsign = 1;\n var startIndex = this._currentIndex;\n\n this._skipOptionalSpaces(); // Read the sign.\n\n\n if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == '+') this._currentIndex++;else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == '-') {\n this._currentIndex++;\n sign = -1;\n }\n if (this._currentIndex == this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) != '.') // The first character of a number must be one of [0-9+-.].\n return undefined; // Read the integer part, build right-to-left.\n\n var startIntPartIndex = this._currentIndex;\n\n while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') this._currentIndex++; // Advance to first non-digit.\n\n\n if (this._currentIndex != startIntPartIndex) {\n var scanIntPartIndex = this._currentIndex - 1;\n var multiplier = 1;\n\n while (scanIntPartIndex >= startIntPartIndex) {\n integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');\n multiplier *= 10;\n }\n } // Read the decimals.\n\n\n if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == '.') {\n this._currentIndex++; // There must be a least one digit following the .\n\n if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') return undefined;\n\n while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n frac *= 10;\n decimal += (this._string.charAt(this._currentIndex) - '0') / frac;\n this._currentIndex += 1;\n }\n } // Read the exponent part.\n\n\n if (this._currentIndex != startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) == 'e' || this._string.charAt(this._currentIndex) == 'E') && this._string.charAt(this._currentIndex + 1) != 'x' && this._string.charAt(this._currentIndex + 1) != 'm') {\n this._currentIndex++; // Read the sign of the exponent.\n\n if (this._string.charAt(this._currentIndex) == '+') {\n this._currentIndex++;\n } else if (this._string.charAt(this._currentIndex) == '-') {\n this._currentIndex++;\n expsign = -1;\n } // There must be an exponent.\n\n\n if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') return undefined;\n\n while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n exponent *= 10;\n exponent += this._string.charAt(this._currentIndex) - '0';\n this._currentIndex++;\n }\n }\n\n var number = integer + decimal;\n number *= sign;\n if (exponent) number *= Math.pow(10, expsign * exponent);\n if (startIndex == this._currentIndex) return undefined;\n\n this._skipOptionalSpacesOrDelimiter();\n\n return number;\n };\n\n Source.prototype._parseArcFlag = function () {\n if (this._currentIndex >= this._endIndex) return undefined;\n var flag = false;\n\n var flagChar = this._string.charAt(this._currentIndex++);\n\n if (flagChar == '0') flag = false;else if (flagChar == '1') flag = true;else return undefined;\n\n this._skipOptionalSpacesOrDelimiter();\n\n return flag;\n };\n\n Source.prototype.parseSegment = function () {\n var lookahead = this._string[this._currentIndex];\n\n var command = this._pathSegTypeFromChar(lookahead);\n\n if (command == window.SVGPathSeg.PATHSEG_UNKNOWN) {\n // Possibly an implicit command. Not allowed if this is the first command.\n if (this._previousCommand == window.SVGPathSeg.PATHSEG_UNKNOWN) return null;\n command = this._nextCommandHelper(lookahead, this._previousCommand);\n if (command == window.SVGPathSeg.PATHSEG_UNKNOWN) return null;\n } else {\n this._currentIndex++;\n }\n\n this._previousCommand = command;\n\n switch (command) {\n case window.SVGPathSeg.PATHSEG_MOVETO_REL:\n return new window.SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_MOVETO_ABS:\n return new window.SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_REL:\n return new window.SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_ABS:\n return new window.SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n return new window.SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n return new window.SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n return new window.SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n return new window.SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_CLOSEPATH:\n this._skipOptionalSpaces();\n\n return new window.SVGPathSegClosePath(owningPathSegList);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n x2: this._parseNumber(),\n y2: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n x2: this._parseNumber(),\n y2: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:\n var points = {\n x2: this._parseNumber(),\n y2: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:\n var points = {\n x2: this._parseNumber(),\n y2: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);\n\n case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n return new window.SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n return new window.SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n\n case window.SVGPathSeg.PATHSEG_ARC_REL:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n arcAngle: this._parseNumber(),\n arcLarge: this._parseArcFlag(),\n arcSweep: this._parseArcFlag(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n\n case window.SVGPathSeg.PATHSEG_ARC_ABS:\n var points = {\n x1: this._parseNumber(),\n y1: this._parseNumber(),\n arcAngle: this._parseNumber(),\n arcLarge: this._parseArcFlag(),\n arcSweep: this._parseArcFlag(),\n x: this._parseNumber(),\n y: this._parseNumber()\n };\n return new window.SVGPathSegArcAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n\n default:\n throw 'Unknown path seg type.';\n }\n };\n\n var builder = new Builder();\n var source = new Source(string);\n if (!source.initialCommandIsMoveTo()) return [];\n\n while (source.hasMoreData()) {\n var pathSeg = source.parseSegment();\n if (!pathSeg) return [];\n builder.appendSegment(pathSeg);\n }\n\n return builder.pathSegList;\n };\n }\n })(); // String.padEnd polyfill for IE11\n //\n // https://github.com/uxitten/polyfill/blob/master/string.polyfill.js\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padEnd\n\n\n if (!String.prototype.padEnd) {\n String.prototype.padEnd = function padEnd(targetLength, padString) {\n targetLength = targetLength >> 0; //floor if number or convert non-number to 0;\n\n padString = String(typeof padString !== 'undefined' ? padString : ' ');\n\n if (this.length > targetLength) {\n return String(this);\n } else {\n targetLength = targetLength - this.length;\n\n if (targetLength > padString.length) {\n padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed\n }\n\n return String(this) + padString.slice(0, targetLength);\n }\n };\n } // Object.assign polyfill for IE11\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill\n\n\n if (typeof Object.assign !== 'function') {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, 'assign', {\n value: function assign(target, varArgs) {\n if (target === null || target === undefined) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n\n return to;\n },\n writable: true,\n configurable: true\n });\n }\n /* jshint ignore:end */\n\n\n Chart.prototype.axis = function () {};\n\n Chart.prototype.axis.labels = function (labels) {\n var $$ = this.internal;\n\n if (arguments.length) {\n Object.keys(labels).forEach(function (axisId) {\n $$.axis.setLabelText(axisId, labels[axisId]);\n });\n $$.axis.updateLabels();\n } // TODO: return some values?\n\n };\n\n Chart.prototype.axis.max = function (max) {\n var $$ = this.internal,\n config = $$.config;\n\n if (arguments.length) {\n if (typeof max === 'object') {\n if (isValue(max.x)) {\n config.axis_x_max = max.x;\n }\n\n if (isValue(max.y)) {\n config.axis_y_max = max.y;\n }\n\n if (isValue(max.y2)) {\n config.axis_y2_max = max.y2;\n }\n } else {\n config.axis_y_max = config.axis_y2_max = max;\n }\n\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true\n });\n } else {\n return {\n x: config.axis_x_max,\n y: config.axis_y_max,\n y2: config.axis_y2_max\n };\n }\n };\n\n Chart.prototype.axis.min = function (min) {\n var $$ = this.internal,\n config = $$.config;\n\n if (arguments.length) {\n if (typeof min === 'object') {\n if (isValue(min.x)) {\n config.axis_x_min = min.x;\n }\n\n if (isValue(min.y)) {\n config.axis_y_min = min.y;\n }\n\n if (isValue(min.y2)) {\n config.axis_y2_min = min.y2;\n }\n } else {\n config.axis_y_min = config.axis_y2_min = min;\n }\n\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true\n });\n } else {\n return {\n x: config.axis_x_min,\n y: config.axis_y_min,\n y2: config.axis_y2_min\n };\n }\n };\n\n Chart.prototype.axis.range = function (range) {\n if (arguments.length) {\n if (isDefined(range.max)) {\n this.axis.max(range.max);\n }\n\n if (isDefined(range.min)) {\n this.axis.min(range.min);\n }\n } else {\n return {\n max: this.axis.max(),\n min: this.axis.min()\n };\n }\n };\n\n Chart.prototype.axis.types = function (types) {\n var $$ = this.internal;\n\n if (types === undefined) {\n return {\n y: $$.config.axis_y_type,\n y2: $$.config.axis_y2_type\n };\n } else {\n if (isDefined(types.y)) {\n $$.config.axis_y_type = types.y;\n }\n\n if (isDefined(types.y2)) {\n $$.config.axis_y2_type = types.y2;\n }\n\n $$.updateScales();\n $$.redraw();\n }\n };\n\n Chart.prototype.category = function (i, category) {\n var $$ = this.internal,\n config = $$.config;\n\n if (arguments.length > 1) {\n config.axis_x_categories[i] = category;\n $$.redraw();\n }\n\n return config.axis_x_categories[i];\n };\n\n Chart.prototype.categories = function (categories) {\n var $$ = this.internal,\n config = $$.config;\n\n if (!arguments.length) {\n return config.axis_x_categories;\n }\n\n config.axis_x_categories = categories;\n $$.redraw();\n return config.axis_x_categories;\n };\n\n Chart.prototype.resize = function (size) {\n var $$ = this.internal,\n config = $$.config;\n config.size_width = size ? size.width : null;\n config.size_height = size ? size.height : null;\n this.flush();\n };\n\n Chart.prototype.flush = function () {\n var $$ = this.internal;\n $$.updateAndRedraw({\n withLegend: true,\n withTransition: false,\n withTransitionForTransform: false\n });\n };\n\n Chart.prototype.destroy = function () {\n var $$ = this.internal;\n window.clearInterval($$.intervalForObserveInserted);\n\n if ($$.resizeTimeout !== undefined) {\n window.clearTimeout($$.resizeTimeout);\n }\n\n window.removeEventListener('resize', $$.resizeIfElementDisplayed); // Removes the inner resize functions\n\n $$.resizeFunction.remove(); // Unbinds from the window focus event\n\n $$.unbindWindowFocus();\n $$.selectChart.classed('c3', false).html(''); // MEMO: this is needed because the reference of some elements will not be released, then memory leak will happen.\n\n Object.keys($$).forEach(function (key) {\n $$[key] = null;\n });\n return null;\n }; // TODO: fix\n\n\n Chart.prototype.color = function (id) {\n var $$ = this.internal;\n return $$.color(id); // more patterns\n };\n\n Chart.prototype.data = function (targetIds) {\n var targets = this.internal.data.targets;\n return typeof targetIds === 'undefined' ? targets : targets.filter(function (t) {\n return [].concat(targetIds).indexOf(t.id) >= 0;\n });\n };\n\n Chart.prototype.data.shown = function (targetIds) {\n return this.internal.filterTargetsToShow(this.data(targetIds));\n };\n /**\r\n * Get values of the data loaded in the chart.\r\n *\r\n * @param {String|Array} targetId This API returns the value of specified target.\r\n * @param flat\r\n * @return {Array} Data values\r\n */\n\n\n Chart.prototype.data.values = function (targetId, flat) {\n if (flat === void 0) {\n flat = true;\n }\n\n var values = null;\n\n if (targetId) {\n var targets = this.data(targetId);\n\n if (targets && isArray(targets)) {\n values = targets.reduce(function (ret, v) {\n var dataValue = v.values.map(function (d) {\n return d.value;\n });\n\n if (flat) {\n ret = ret.concat(dataValue);\n } else {\n ret.push(dataValue);\n }\n\n return ret;\n }, []);\n }\n }\n\n return values;\n };\n\n Chart.prototype.data.names = function (names) {\n this.internal.clearLegendItemTextBoxCache();\n return this.internal.updateDataAttributes('names', names);\n };\n\n Chart.prototype.data.colors = function (colors) {\n return this.internal.updateDataAttributes('colors', colors);\n };\n\n Chart.prototype.data.axes = function (axes) {\n return this.internal.updateDataAttributes('axes', axes);\n };\n\n Chart.prototype.data.stackNormalized = function (normalized) {\n if (normalized === undefined) {\n return this.internal.isStackNormalized();\n }\n\n this.internal.config.data_stack_normalize = !!normalized;\n this.internal.redraw();\n };\n\n Chart.prototype.donut = function () {};\n\n Chart.prototype.donut.padAngle = function (padAngle) {\n if (padAngle === undefined) {\n return this.internal.config.donut_padAngle;\n }\n\n this.internal.config.donut_padAngle = padAngle;\n this.flush();\n };\n\n Chart.prototype.flow = function (args) {\n var $$ = this.internal,\n targets,\n data,\n notfoundIds = [],\n orgDataCount = $$.getMaxDataCount(),\n dataCount,\n domain,\n baseTarget,\n baseValue,\n length = 0,\n tail = 0,\n diff,\n to;\n\n if (args.json) {\n data = $$.convertJsonToData(args.json, args.keys);\n } else if (args.rows) {\n data = $$.convertRowsToData(args.rows);\n } else if (args.columns) {\n data = $$.convertColumnsToData(args.columns);\n } else {\n return;\n }\n\n targets = $$.convertDataToTargets(data, true); // Update/Add data\n\n $$.data.targets.forEach(function (t) {\n var found = false,\n i,\n j;\n\n for (i = 0; i < targets.length; i++) {\n if (t.id === targets[i].id) {\n found = true;\n\n if (t.values[t.values.length - 1]) {\n tail = t.values[t.values.length - 1].index + 1;\n }\n\n length = targets[i].values.length;\n\n for (j = 0; j < length; j++) {\n targets[i].values[j].index = tail + j;\n\n if (!$$.isTimeSeries()) {\n targets[i].values[j].x = tail + j;\n }\n }\n\n t.values = t.values.concat(targets[i].values);\n targets.splice(i, 1);\n break;\n }\n }\n\n if (!found) {\n notfoundIds.push(t.id);\n }\n }); // Append null for not found targets\n\n $$.data.targets.forEach(function (t) {\n var i, j;\n\n for (i = 0; i < notfoundIds.length; i++) {\n if (t.id === notfoundIds[i]) {\n tail = t.values[t.values.length - 1].index + 1;\n\n for (j = 0; j < length; j++) {\n t.values.push({\n id: t.id,\n index: tail + j,\n x: $$.isTimeSeries() ? $$.getOtherTargetX(tail + j) : tail + j,\n value: null\n });\n }\n }\n }\n }); // Generate null values for new target\n\n if ($$.data.targets.length) {\n targets.forEach(function (t) {\n var i,\n missing = [];\n\n for (i = $$.data.targets[0].values[0].index; i < tail; i++) {\n missing.push({\n id: t.id,\n index: i,\n x: $$.isTimeSeries() ? $$.getOtherTargetX(i) : i,\n value: null\n });\n }\n\n t.values.forEach(function (v) {\n v.index += tail;\n\n if (!$$.isTimeSeries()) {\n v.x += tail;\n }\n });\n t.values = missing.concat(t.values);\n });\n }\n\n $$.data.targets = $$.data.targets.concat(targets); // add remained\n // check data count because behavior needs to change when it's only one\n\n dataCount = $$.getMaxDataCount();\n baseTarget = $$.data.targets[0];\n baseValue = baseTarget.values[0]; // Update length to flow if needed\n\n if (isDefined(args.to)) {\n length = 0;\n to = $$.isTimeSeries() ? $$.parseDate(args.to) : args.to;\n baseTarget.values.forEach(function (v) {\n if (v.x < to) {\n length++;\n }\n });\n } else if (isDefined(args.length)) {\n length = args.length;\n } // If only one data, update the domain to flow from left edge of the chart\n\n\n if (!orgDataCount) {\n if ($$.isTimeSeries()) {\n if (baseTarget.values.length > 1) {\n diff = baseTarget.values[baseTarget.values.length - 1].x - baseValue.x;\n } else {\n diff = baseValue.x - $$.getXDomain($$.data.targets)[0];\n }\n } else {\n diff = 1;\n }\n\n domain = [baseValue.x - diff, baseValue.x];\n $$.updateXDomain(null, true, true, false, domain);\n } else if (orgDataCount === 1) {\n if ($$.isTimeSeries()) {\n diff = (baseTarget.values[baseTarget.values.length - 1].x - baseValue.x) / 2;\n domain = [new Date(+baseValue.x - diff), new Date(+baseValue.x + diff)];\n $$.updateXDomain(null, true, true, false, domain);\n }\n } // Set targets\n\n\n $$.updateTargets($$.data.targets); // Redraw with new targets\n\n $$.redraw({\n flow: {\n index: baseValue.index,\n length: length,\n duration: isValue(args.duration) ? args.duration : $$.config.transition_duration,\n done: args.done,\n orgDataCount: orgDataCount\n },\n withLegend: true,\n withTransition: orgDataCount > 1,\n withTrimXDomain: false,\n withUpdateXAxis: true\n });\n };\n\n ChartInternal.prototype.generateFlow = function (args) {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3;\n return function () {\n var targets = args.targets,\n flow = args.flow,\n drawBar = args.drawBar,\n drawLine = args.drawLine,\n drawArea = args.drawArea,\n cx = args.cx,\n cy = args.cy,\n xv = args.xv,\n xForText = args.xForText,\n yForText = args.yForText,\n duration = args.duration;\n\n var translateX,\n scaleX = 1,\n transform,\n flowIndex = flow.index,\n flowLength = flow.length,\n flowStart = $$.getValueOnIndex($$.data.targets[0].values, flowIndex),\n flowEnd = $$.getValueOnIndex($$.data.targets[0].values, flowIndex + flowLength),\n orgDomain = $$.x.domain(),\n domain,\n durationForFlow = flow.duration || duration,\n done = flow.done || function () {},\n wait = $$.generateWait();\n\n var xgrid, xgridLines, mainRegion, mainText, mainBar, mainLine, mainArea, mainCircle; // set flag\n\n $$.flowing = true; // remove head data after rendered\n\n $$.data.targets.forEach(function (d) {\n d.values.splice(0, flowLength);\n }); // update x domain to generate axis elements for flow\n\n domain = $$.updateXDomain(targets, true, true); // update elements related to x scale\n\n if ($$.updateXGrid) {\n $$.updateXGrid(true);\n }\n\n xgrid = $$.xgrid || d3.selectAll([]); // xgrid needs to be obtained after updateXGrid\n\n xgridLines = $$.xgridLines || d3.selectAll([]);\n mainRegion = $$.mainRegion || d3.selectAll([]);\n mainText = $$.mainText || d3.selectAll([]);\n mainBar = $$.mainBar || d3.selectAll([]);\n mainLine = $$.mainLine || d3.selectAll([]);\n mainArea = $$.mainArea || d3.selectAll([]);\n mainCircle = $$.mainCircle || d3.selectAll([]); // generate transform to flow\n\n if (!flow.orgDataCount) {\n // if empty\n if ($$.data.targets[0].values.length !== 1) {\n translateX = $$.x(orgDomain[0]) - $$.x(domain[0]);\n } else {\n if ($$.isTimeSeries()) {\n flowStart = $$.getValueOnIndex($$.data.targets[0].values, 0);\n flowEnd = $$.getValueOnIndex($$.data.targets[0].values, $$.data.targets[0].values.length - 1);\n translateX = $$.x(flowStart.x) - $$.x(flowEnd.x);\n } else {\n translateX = diffDomain(domain) / 2;\n }\n }\n } else if (flow.orgDataCount === 1 || (flowStart && flowStart.x) === (flowEnd && flowEnd.x)) {\n translateX = $$.x(orgDomain[0]) - $$.x(domain[0]);\n } else {\n if ($$.isTimeSeries()) {\n translateX = $$.x(orgDomain[0]) - $$.x(domain[0]);\n } else {\n translateX = $$.x(flowStart.x) - $$.x(flowEnd.x);\n }\n }\n\n scaleX = diffDomain(orgDomain) / diffDomain(domain);\n transform = 'translate(' + translateX + ',0) scale(' + scaleX + ',1)';\n $$.hideXGridFocus();\n var flowTransition = d3.transition().ease(d3.easeLinear).duration(durationForFlow);\n wait.add($$.xAxis($$.axes.x, flowTransition));\n wait.add(mainBar.transition(flowTransition).attr('transform', transform));\n wait.add(mainLine.transition(flowTransition).attr('transform', transform));\n wait.add(mainArea.transition(flowTransition).attr('transform', transform));\n wait.add(mainCircle.transition(flowTransition).attr('transform', transform));\n wait.add(mainText.transition(flowTransition).attr('transform', transform));\n wait.add(mainRegion.filter($$.isRegionOnX).transition(flowTransition).attr('transform', transform));\n wait.add(xgrid.transition(flowTransition).attr('transform', transform));\n wait.add(xgridLines.transition(flowTransition).attr('transform', transform));\n wait(function () {\n var i,\n shapes = [],\n texts = []; // remove flowed elements\n\n if (flowLength) {\n for (i = 0; i < flowLength; i++) {\n shapes.push('.' + CLASS.shape + '-' + (flowIndex + i));\n texts.push('.' + CLASS.text + '-' + (flowIndex + i));\n }\n\n $$.svg.selectAll('.' + CLASS.shapes).selectAll(shapes).remove();\n $$.svg.selectAll('.' + CLASS.texts).selectAll(texts).remove();\n $$.svg.select('.' + CLASS.xgrid).remove();\n } // draw again for removing flowed elements and reverting attr\n\n\n xgrid.attr('transform', null).attr('x1', $$.xgridAttr.x1).attr('x2', $$.xgridAttr.x2).attr('y1', $$.xgridAttr.y1).attr('y2', $$.xgridAttr.y2).style('opacity', $$.xgridAttr.opacity);\n xgridLines.attr('transform', null);\n xgridLines.select('line').attr('x1', config.axis_rotated ? 0 : xv).attr('x2', config.axis_rotated ? $$.width : xv);\n xgridLines.select('text').attr('x', config.axis_rotated ? $$.width : 0).attr('y', xv);\n mainBar.attr('transform', null).attr('d', drawBar);\n mainLine.attr('transform', null).attr('d', drawLine);\n mainArea.attr('transform', null).attr('d', drawArea);\n mainCircle.attr('transform', null).attr('cx', cx).attr('cy', cy);\n mainText.attr('transform', null).attr('x', xForText).attr('y', yForText).style('fill-opacity', $$.opacityForText.bind($$));\n mainRegion.attr('transform', null);\n mainRegion.filter($$.isRegionOnX).attr('x', $$.regionX.bind($$)).attr('width', $$.regionWidth.bind($$)); // callback for end of flow\n\n done();\n $$.flowing = false;\n });\n };\n };\n\n Chart.prototype.focus = function (targetIds) {\n var $$ = this.internal,\n candidates;\n targetIds = $$.mapToTargetIds(targetIds);\n candidates = $$.svg.selectAll($$.selectorTargets(targetIds.filter($$.isTargetToShow, $$))), this.revert();\n this.defocus();\n candidates.classed(CLASS.focused, true).classed(CLASS.defocused, false);\n\n if ($$.hasArcType()) {\n $$.expandArc(targetIds);\n }\n\n $$.toggleFocusLegend(targetIds, true);\n $$.focusedTargetIds = targetIds;\n $$.defocusedTargetIds = $$.defocusedTargetIds.filter(function (id) {\n return targetIds.indexOf(id) < 0;\n });\n };\n\n Chart.prototype.defocus = function (targetIds) {\n var $$ = this.internal,\n candidates;\n targetIds = $$.mapToTargetIds(targetIds);\n candidates = $$.svg.selectAll($$.selectorTargets(targetIds.filter($$.isTargetToShow, $$))), candidates.classed(CLASS.focused, false).classed(CLASS.defocused, true);\n\n if ($$.hasArcType()) {\n $$.unexpandArc(targetIds);\n }\n\n $$.toggleFocusLegend(targetIds, false);\n $$.focusedTargetIds = $$.focusedTargetIds.filter(function (id) {\n return targetIds.indexOf(id) < 0;\n });\n $$.defocusedTargetIds = targetIds;\n };\n\n Chart.prototype.revert = function (targetIds) {\n var $$ = this.internal,\n candidates;\n targetIds = $$.mapToTargetIds(targetIds);\n candidates = $$.svg.selectAll($$.selectorTargets(targetIds)); // should be for all targets\n\n candidates.classed(CLASS.focused, false).classed(CLASS.defocused, false);\n\n if ($$.hasArcType()) {\n $$.unexpandArc(targetIds);\n }\n\n if ($$.config.legend_show) {\n $$.showLegend(targetIds.filter($$.isLegendToShow.bind($$)));\n $$.legend.selectAll($$.selectorLegends(targetIds)).filter(function () {\n return $$.d3.select(this).classed(CLASS.legendItemFocused);\n }).classed(CLASS.legendItemFocused, false);\n }\n\n $$.focusedTargetIds = [];\n $$.defocusedTargetIds = [];\n };\n\n Chart.prototype.xgrids = function (grids) {\n var $$ = this.internal,\n config = $$.config;\n\n if (!grids) {\n return config.grid_x_lines;\n }\n\n config.grid_x_lines = grids;\n $$.redrawWithoutRescale();\n return config.grid_x_lines;\n };\n\n Chart.prototype.xgrids.add = function (grids) {\n var $$ = this.internal;\n return this.xgrids($$.config.grid_x_lines.concat(grids ? grids : []));\n };\n\n Chart.prototype.xgrids.remove = function (params) {\n // TODO: multiple\n var $$ = this.internal;\n $$.removeGridLines(params, true);\n };\n\n Chart.prototype.ygrids = function (grids) {\n var $$ = this.internal,\n config = $$.config;\n\n if (!grids) {\n return config.grid_y_lines;\n }\n\n config.grid_y_lines = grids;\n $$.redrawWithoutRescale();\n return config.grid_y_lines;\n };\n\n Chart.prototype.ygrids.add = function (grids) {\n var $$ = this.internal;\n return this.ygrids($$.config.grid_y_lines.concat(grids ? grids : []));\n };\n\n Chart.prototype.ygrids.remove = function (params) {\n // TODO: multiple\n var $$ = this.internal;\n $$.removeGridLines(params, false);\n };\n\n Chart.prototype.groups = function (groups) {\n var $$ = this.internal,\n config = $$.config;\n\n if (isUndefined(groups)) {\n return config.data_groups;\n }\n\n config.data_groups = groups;\n $$.redraw();\n return config.data_groups;\n };\n\n Chart.prototype.legend = function () {};\n\n Chart.prototype.legend.show = function (targetIds) {\n var $$ = this.internal;\n $$.showLegend($$.mapToTargetIds(targetIds));\n $$.updateAndRedraw({\n withLegend: true\n });\n };\n\n Chart.prototype.legend.hide = function (targetIds) {\n var $$ = this.internal;\n $$.hideLegend($$.mapToTargetIds(targetIds));\n $$.updateAndRedraw({\n withLegend: false\n });\n };\n\n Chart.prototype.load = function (args) {\n var $$ = this.internal,\n config = $$.config; // update xs if specified\n\n if (args.xs) {\n $$.addXs(args.xs);\n } // update names if exists\n\n\n if ('names' in args) {\n Chart.prototype.data.names.bind(this)(args.names);\n } // update classes if exists\n\n\n if ('classes' in args) {\n Object.keys(args.classes).forEach(function (id) {\n config.data_classes[id] = args.classes[id];\n });\n } // update categories if exists\n\n\n if ('categories' in args && $$.isCategorized()) {\n config.axis_x_categories = args.categories;\n } // update axes if exists\n\n\n if ('axes' in args) {\n Object.keys(args.axes).forEach(function (id) {\n config.data_axes[id] = args.axes[id];\n });\n } // update colors if exists\n\n\n if ('colors' in args) {\n Object.keys(args.colors).forEach(function (id) {\n config.data_colors[id] = args.colors[id];\n });\n } // use cache if exists\n\n\n if ('cacheIds' in args && $$.hasCaches(args.cacheIds)) {\n $$.load($$.getCaches(args.cacheIds), args.done);\n return;\n } // unload if needed\n\n\n if (args.unload) {\n // TODO: do not unload if target will load (included in url/rows/columns)\n $$.unload($$.mapToTargetIds(args.unload === true ? null : args.unload), function () {\n $$.loadFromArgs(args);\n });\n } else {\n $$.loadFromArgs(args);\n }\n };\n\n Chart.prototype.unload = function (args) {\n var $$ = this.internal;\n args = args || {};\n\n if (args instanceof Array) {\n args = {\n ids: args\n };\n } else if (typeof args === 'string') {\n args = {\n ids: [args]\n };\n }\n\n $$.unload($$.mapToTargetIds(args.ids), function () {\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true,\n withLegend: true\n });\n\n if (args.done) {\n args.done();\n }\n });\n };\n\n Chart.prototype.pie = function () {};\n\n Chart.prototype.pie.padAngle = function (padAngle) {\n if (padAngle === undefined) {\n return this.internal.config.pie_padAngle;\n }\n\n this.internal.config.pie_padAngle = padAngle;\n this.flush();\n };\n\n Chart.prototype.regions = function (regions) {\n var $$ = this.internal,\n config = $$.config;\n\n if (!regions) {\n return config.regions;\n }\n\n config.regions = regions;\n $$.redrawWithoutRescale();\n return config.regions;\n };\n\n Chart.prototype.regions.add = function (regions) {\n var $$ = this.internal,\n config = $$.config;\n\n if (!regions) {\n return config.regions;\n }\n\n config.regions = config.regions.concat(regions);\n $$.redrawWithoutRescale();\n return config.regions;\n };\n\n Chart.prototype.regions.remove = function (options) {\n var $$ = this.internal,\n config = $$.config,\n duration,\n classes,\n regions;\n options = options || {};\n duration = getOption(options, 'duration', config.transition_duration);\n classes = getOption(options, 'classes', [CLASS.region]);\n regions = $$.main.select('.' + CLASS.regions).selectAll(classes.map(function (c) {\n return '.' + c;\n }));\n (duration ? regions.transition().duration(duration) : regions).style('opacity', 0).remove();\n config.regions = config.regions.filter(function (region) {\n var found = false;\n\n if (!region['class']) {\n return true;\n }\n\n region['class'].split(' ').forEach(function (c) {\n if (classes.indexOf(c) >= 0) {\n found = true;\n }\n });\n return !found;\n });\n return config.regions;\n };\n\n Chart.prototype.selected = function (targetId) {\n var $$ = this.internal,\n d3 = $$.d3;\n return $$.main.selectAll('.' + CLASS.shapes + $$.getTargetSelectorSuffix(targetId)).selectAll('.' + CLASS.shape).filter(function () {\n return d3.select(this).classed(CLASS.SELECTED);\n }).nodes().map(function (d) {\n var data = d.__data__;\n return data.data ? data.data : data;\n });\n };\n\n Chart.prototype.select = function (ids, indices, resetOther) {\n var $$ = this.internal,\n d3 = $$.d3,\n config = $$.config;\n\n if (!config.data_selection_enabled) {\n return;\n }\n\n $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {\n var shape = d3.select(this),\n id = d.data ? d.data.id : d.id,\n toggle = $$.getToggle(this, d).bind($$),\n isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,\n isTargetIndex = !indices || indices.indexOf(i) >= 0,\n isSelected = shape.classed(CLASS.SELECTED); // line/area selection not supported yet\n\n if (shape.classed(CLASS.line) || shape.classed(CLASS.area)) {\n return;\n }\n\n if (isTargetId && isTargetIndex) {\n if (config.data_selection_isselectable(d) && !isSelected) {\n toggle(true, shape.classed(CLASS.SELECTED, true), d, i);\n }\n } else if (isDefined(resetOther) && resetOther) {\n if (isSelected) {\n toggle(false, shape.classed(CLASS.SELECTED, false), d, i);\n }\n }\n });\n };\n\n Chart.prototype.unselect = function (ids, indices) {\n var $$ = this.internal,\n d3 = $$.d3,\n config = $$.config;\n\n if (!config.data_selection_enabled) {\n return;\n }\n\n $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {\n var shape = d3.select(this),\n id = d.data ? d.data.id : d.id,\n toggle = $$.getToggle(this, d).bind($$),\n isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,\n isTargetIndex = !indices || indices.indexOf(i) >= 0,\n isSelected = shape.classed(CLASS.SELECTED); // line/area selection not supported yet\n\n if (shape.classed(CLASS.line) || shape.classed(CLASS.area)) {\n return;\n }\n\n if (isTargetId && isTargetIndex) {\n if (config.data_selection_isselectable(d)) {\n if (isSelected) {\n toggle(false, shape.classed(CLASS.SELECTED, false), d, i);\n }\n }\n }\n });\n };\n\n Chart.prototype.show = function (targetIds, options) {\n var $$ = this.internal,\n targets;\n targetIds = $$.mapToTargetIds(targetIds);\n options = options || {};\n $$.removeHiddenTargetIds(targetIds);\n targets = $$.svg.selectAll($$.selectorTargets(targetIds));\n targets.transition().style('display', isIE() ? 'block' : 'initial', 'important').style('opacity', 1, 'important').call($$.endall, function () {\n targets.style('opacity', null).style('opacity', 1);\n });\n\n if (options.withLegend) {\n $$.showLegend(targetIds);\n }\n\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true,\n withLegend: true\n });\n };\n\n Chart.prototype.hide = function (targetIds, options) {\n var $$ = this.internal,\n targets;\n targetIds = $$.mapToTargetIds(targetIds);\n options = options || {};\n $$.addHiddenTargetIds(targetIds);\n targets = $$.svg.selectAll($$.selectorTargets(targetIds));\n targets.transition().style('opacity', 0, 'important').call($$.endall, function () {\n targets.style('opacity', null).style('opacity', 0);\n targets.style('display', 'none');\n });\n\n if (options.withLegend) {\n $$.hideLegend(targetIds);\n }\n\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true,\n withLegend: true\n });\n };\n\n Chart.prototype.toggle = function (targetIds, options) {\n var that = this,\n $$ = this.internal;\n $$.mapToTargetIds(targetIds).forEach(function (targetId) {\n $$.isTargetToShow(targetId) ? that.hide(targetId, options) : that.show(targetId, options);\n });\n };\n\n Chart.prototype.subchart = function () {};\n\n Chart.prototype.subchart.isShown = function () {\n var $$ = this.internal;\n return $$.config.subchart_show;\n };\n\n Chart.prototype.subchart.show = function () {\n var $$ = this.internal;\n\n if ($$.config.subchart_show) {\n return;\n }\n\n $$.config.subchart_show = true; // insert DOM\n\n $$.initSubchart(); // update dimensions with sub chart now visible\n\n $$.updateDimension(); // insert brush (depends on sizes previously updated)\n\n $$.initSubchartBrush(); // attach data\n\n $$.updateTargetsForSubchart($$.getTargets()); // reset fade-in state\n\n $$.mapToIds($$.data.targets).forEach(function (id) {\n $$.withoutFadeIn[id] = false;\n }); // redraw chart !\n\n $$.updateAndRedraw(); // update visible targets !\n\n $$.showTargets();\n };\n\n Chart.prototype.subchart.hide = function () {\n var $$ = this.internal;\n\n if (!$$.config.subchart_show) {\n return;\n }\n\n $$.config.subchart_show = false; // remove DOM\n\n $$.removeSubchart(); // re-render chart\n\n $$.redraw();\n };\n\n Chart.prototype.tooltip = function () {};\n\n Chart.prototype.tooltip.show = function (args) {\n var $$ = this.internal,\n targets,\n data,\n mouse = {}; // determine mouse position on the chart\n\n if (args.mouse) {\n mouse = args.mouse;\n } else {\n // determine focus data\n if (args.data) {\n data = args.data;\n } else if (typeof args.x !== 'undefined') {\n if (args.id) {\n targets = $$.data.targets.filter(function (t) {\n return t.id === args.id;\n });\n } else {\n targets = $$.data.targets;\n }\n\n data = $$.filterByX(targets, args.x).slice(0, 1)[0];\n }\n\n mouse = data ? $$.getMousePosition(data) : null;\n } // emulate mouse events to show\n\n\n $$.dispatchEvent('mousemove', mouse);\n $$.config.tooltip_onshow.call($$, data);\n };\n\n Chart.prototype.tooltip.hide = function () {\n // TODO: get target data by checking the state of focus\n this.internal.dispatchEvent('mouseout', 0);\n this.internal.config.tooltip_onhide.call(this);\n };\n\n Chart.prototype.transform = function (type, targetIds) {\n var $$ = this.internal,\n options = ['pie', 'donut'].indexOf(type) >= 0 ? {\n withTransform: true\n } : null;\n $$.transformTo(targetIds, type, options);\n };\n\n ChartInternal.prototype.transformTo = function (targetIds, type, optionsForRedraw) {\n var $$ = this,\n withTransitionForAxis = !$$.hasArcType(),\n options = optionsForRedraw || {\n withTransitionForAxis: withTransitionForAxis\n };\n options.withTransitionForTransform = false;\n $$.transiting = false;\n $$.setTargetType(targetIds, type);\n $$.updateTargets($$.data.targets); // this is needed when transforming to arc\n\n $$.updateAndRedraw(options);\n };\n\n Chart.prototype.x = function (x) {\n var $$ = this.internal;\n\n if (arguments.length) {\n $$.updateTargetX($$.data.targets, x);\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true\n });\n }\n\n return $$.data.xs;\n };\n\n Chart.prototype.xs = function (xs) {\n var $$ = this.internal;\n\n if (arguments.length) {\n $$.updateTargetXs($$.data.targets, xs);\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true\n });\n }\n\n return $$.data.xs;\n };\n\n Chart.prototype.zoom = function (domain) {\n var $$ = this.internal;\n\n if (domain) {\n if ($$.isTimeSeries()) {\n domain = domain.map(function (x) {\n return $$.parseDate(x);\n });\n }\n\n if ($$.config.subchart_show) {\n $$.brush.selectionAsValue(domain, true);\n } else {\n $$.updateXDomain(null, true, false, false, domain);\n $$.redraw({\n withY: $$.config.zoom_rescale,\n withSubchart: false\n });\n }\n\n $$.config.zoom_onzoom.call(this, $$.x.orgDomain());\n return domain;\n } else {\n return $$.x.domain();\n }\n };\n\n Chart.prototype.zoom.enable = function (enabled) {\n var $$ = this.internal;\n $$.config.zoom_enabled = enabled;\n $$.updateAndRedraw();\n };\n\n Chart.prototype.unzoom = function () {\n var $$ = this.internal;\n\n if ($$.config.subchart_show) {\n $$.brush.clear();\n } else {\n $$.updateXDomain(null, true, false, false, $$.subX.domain());\n $$.redraw({\n withY: $$.config.zoom_rescale,\n withSubchart: false\n });\n }\n };\n\n Chart.prototype.zoom.max = function (max) {\n var $$ = this.internal,\n config = $$.config,\n d3 = $$.d3;\n\n if (max === 0 || max) {\n config.zoom_x_max = d3.max([$$.orgXDomain[1], max]);\n } else {\n return config.zoom_x_max;\n }\n };\n\n Chart.prototype.zoom.min = function (min) {\n var $$ = this.internal,\n config = $$.config,\n d3 = $$.d3;\n\n if (min === 0 || min) {\n config.zoom_x_min = d3.min([$$.orgXDomain[0], min]);\n } else {\n return config.zoom_x_min;\n }\n };\n\n Chart.prototype.zoom.range = function (range) {\n if (arguments.length) {\n if (isDefined(range.max)) {\n this.domain.max(range.max);\n }\n\n if (isDefined(range.min)) {\n this.domain.min(range.min);\n }\n } else {\n return {\n max: this.domain.max(),\n min: this.domain.min()\n };\n }\n };\n\n ChartInternal.prototype.initPie = function () {\n var $$ = this,\n d3 = $$.d3;\n $$.pie = d3.pie().padAngle(this.getPadAngle.bind(this)).value(function (d) {\n return d.values.reduce(function (a, b) {\n return a + b.value;\n }, 0);\n });\n var orderFct = $$.getOrderFunction(); // we need to reverse the returned order if asc or desc to have the slice in expected order.\n\n if (orderFct && ($$.isOrderAsc() || $$.isOrderDesc())) {\n var defaultSort_1 = orderFct;\n\n orderFct = function (t1, t2) {\n return defaultSort_1(t1, t2) * -1;\n };\n }\n\n $$.pie.sort(orderFct || null);\n };\n\n ChartInternal.prototype.updateRadius = function () {\n var $$ = this,\n config = $$.config,\n w = config.gauge_width || config.donut_width,\n gaugeArcWidth = $$.filterTargetsToShow($$.data.targets).length * $$.config.gauge_arcs_minWidth;\n $$.radiusExpanded = Math.min($$.arcWidth, $$.arcHeight) / 2 * ($$.hasType('gauge') ? 0.85 : 1);\n $$.radius = $$.radiusExpanded * 0.95;\n $$.innerRadiusRatio = w ? ($$.radius - w) / $$.radius : 0.6;\n $$.innerRadius = $$.hasType('donut') || $$.hasType('gauge') ? $$.radius * $$.innerRadiusRatio : 0;\n $$.gaugeArcWidth = w ? w : gaugeArcWidth <= $$.radius - $$.innerRadius ? $$.radius - $$.innerRadius : gaugeArcWidth <= $$.radius ? gaugeArcWidth : $$.radius;\n };\n\n ChartInternal.prototype.getPadAngle = function () {\n if (this.hasType('pie')) {\n return this.config.pie_padAngle || 0;\n } else if (this.hasType('donut')) {\n return this.config.donut_padAngle || 0;\n } else {\n return 0;\n }\n };\n\n ChartInternal.prototype.updateArc = function () {\n var $$ = this;\n $$.svgArc = $$.getSvgArc();\n $$.svgArcExpanded = $$.getSvgArcExpanded();\n $$.svgArcExpandedSub = $$.getSvgArcExpanded(0.98);\n };\n\n ChartInternal.prototype.updateAngle = function (d) {\n var $$ = this,\n config = $$.config,\n found = false,\n index = 0,\n gMin,\n gMax,\n gTic,\n gValue;\n\n if (!config) {\n return null;\n }\n\n $$.pie($$.filterTargetsToShow($$.data.targets)).forEach(function (t) {\n if (!found && t.data.id === d.data.id) {\n found = true;\n d = t;\n d.index = index;\n }\n\n index++;\n });\n\n if (isNaN(d.startAngle)) {\n d.startAngle = 0;\n }\n\n if (isNaN(d.endAngle)) {\n d.endAngle = d.startAngle;\n }\n\n if ($$.isGaugeType(d.data)) {\n gMin = config.gauge_min;\n gMax = config.gauge_max;\n gTic = Math.PI * (config.gauge_fullCircle ? 2 : 1) / (gMax - gMin);\n gValue = d.value < gMin ? 0 : d.value < gMax ? d.value - gMin : gMax - gMin;\n d.startAngle = config.gauge_startingAngle;\n d.endAngle = d.startAngle + gTic * gValue;\n }\n\n return found ? d : null;\n };\n\n ChartInternal.prototype.getSvgArc = function () {\n var $$ = this,\n hasGaugeType = $$.hasType('gauge'),\n singleArcWidth = $$.gaugeArcWidth / $$.filterTargetsToShow($$.data.targets).length,\n arc = $$.d3.arc().outerRadius(function (d) {\n return hasGaugeType ? $$.radius - singleArcWidth * d.index : $$.radius;\n }).innerRadius(function (d) {\n return hasGaugeType ? $$.radius - singleArcWidth * (d.index + 1) : $$.innerRadius;\n }),\n newArc = function (d, withoutUpdate) {\n var updated;\n\n if (withoutUpdate) {\n return arc(d);\n } // for interpolate\n\n\n updated = $$.updateAngle(d);\n return updated ? arc(updated) : 'M 0 0';\n };\n\n newArc.centroid = arc.centroid;\n return newArc;\n };\n\n ChartInternal.prototype.getSvgArcExpanded = function (rate) {\n rate = rate || 1;\n var $$ = this,\n hasGaugeType = $$.hasType('gauge'),\n singleArcWidth = $$.gaugeArcWidth / $$.filterTargetsToShow($$.data.targets).length,\n expandWidth = Math.min($$.radiusExpanded * rate - $$.radius, singleArcWidth * 0.8 - (1 - rate) * 100),\n arc = $$.d3.arc().outerRadius(function (d) {\n return hasGaugeType ? $$.radius - singleArcWidth * d.index + expandWidth : $$.radiusExpanded * rate;\n }).innerRadius(function (d) {\n return hasGaugeType ? $$.radius - singleArcWidth * (d.index + 1) : $$.innerRadius;\n });\n return function (d) {\n var updated = $$.updateAngle(d);\n return updated ? arc(updated) : 'M 0 0';\n };\n };\n\n ChartInternal.prototype.getArc = function (d, withoutUpdate, force) {\n return force || this.isArcType(d.data) ? this.svgArc(d, withoutUpdate) : 'M 0 0';\n };\n\n ChartInternal.prototype.transformForArcLabel = function (d) {\n var $$ = this,\n config = $$.config,\n updated = $$.updateAngle(d),\n c,\n x,\n y,\n h,\n ratio,\n translate = '',\n hasGauge = $$.hasType('gauge');\n\n if (updated && !hasGauge) {\n c = this.svgArc.centroid(updated);\n x = isNaN(c[0]) ? 0 : c[0];\n y = isNaN(c[1]) ? 0 : c[1];\n h = Math.sqrt(x * x + y * y);\n\n if ($$.hasType('donut') && config.donut_label_ratio) {\n ratio = isFunction(config.donut_label_ratio) ? config.donut_label_ratio(d, $$.radius, h) : config.donut_label_ratio;\n } else if ($$.hasType('pie') && config.pie_label_ratio) {\n ratio = isFunction(config.pie_label_ratio) ? config.pie_label_ratio(d, $$.radius, h) : config.pie_label_ratio;\n } else {\n ratio = $$.radius && h ? (36 / $$.radius > 0.375 ? 1.175 - 36 / $$.radius : 0.8) * $$.radius / h : 0;\n }\n\n translate = 'translate(' + x * ratio + ',' + y * ratio + ')';\n } else if (updated && hasGauge && $$.filterTargetsToShow($$.data.targets).length > 1) {\n var y1 = Math.sin(updated.endAngle - Math.PI / 2);\n x = Math.cos(updated.endAngle - Math.PI / 2) * ($$.radiusExpanded + 25);\n y = y1 * ($$.radiusExpanded + 15 - Math.abs(y1 * 10)) + 3;\n translate = 'translate(' + x + ',' + y + ')';\n }\n\n return translate;\n };\n /**\r\n * @deprecated Use `getRatio('arc', d)` instead.\r\n */\n\n\n ChartInternal.prototype.getArcRatio = function (d) {\n return this.getRatio('arc', d);\n };\n\n ChartInternal.prototype.convertToArcData = function (d) {\n return this.addName({\n id: d.data.id,\n value: d.value,\n ratio: this.getRatio('arc', d),\n index: d.index\n });\n };\n\n ChartInternal.prototype.textForArcLabel = function (d) {\n var $$ = this,\n updated,\n value,\n ratio,\n id,\n format;\n\n if (!$$.shouldShowArcLabel()) {\n return '';\n }\n\n updated = $$.updateAngle(d);\n value = updated ? updated.value : null;\n ratio = $$.getRatio('arc', updated);\n id = d.data.id;\n\n if (!$$.hasType('gauge') && !$$.meetsArcLabelThreshold(ratio)) {\n return '';\n }\n\n format = $$.getArcLabelFormat();\n return format ? format(value, ratio, id) : $$.defaultArcValueFormat(value, ratio);\n };\n\n ChartInternal.prototype.textForGaugeMinMax = function (value, isMax) {\n var $$ = this,\n format = $$.getGaugeLabelExtents();\n return format ? format(value, isMax) : value;\n };\n\n ChartInternal.prototype.expandArc = function (targetIds) {\n var $$ = this,\n interval; // MEMO: avoid to cancel transition\n\n if ($$.transiting) {\n interval = window.setInterval(function () {\n if (!$$.transiting) {\n window.clearInterval(interval);\n\n if ($$.legend.selectAll('.c3-legend-item-focused').size() > 0) {\n $$.expandArc(targetIds);\n }\n }\n }, 10);\n return;\n }\n\n targetIds = $$.mapToTargetIds(targetIds);\n $$.svg.selectAll($$.selectorTargets(targetIds, '.' + CLASS.chartArc)).each(function (d) {\n if (!$$.shouldExpand(d.data.id)) {\n return;\n }\n\n $$.d3.select(this).selectAll('path').transition().duration($$.expandDuration(d.data.id)).attr('d', $$.svgArcExpanded).transition().duration($$.expandDuration(d.data.id) * 2).attr('d', $$.svgArcExpandedSub).each(function (d) {\n if ($$.isDonutType(d.data)) ;\n });\n });\n };\n\n ChartInternal.prototype.unexpandArc = function (targetIds) {\n var $$ = this;\n\n if ($$.transiting) {\n return;\n }\n\n targetIds = $$.mapToTargetIds(targetIds);\n $$.svg.selectAll($$.selectorTargets(targetIds, '.' + CLASS.chartArc)).selectAll('path').transition().duration(function (d) {\n return $$.expandDuration(d.data.id);\n }).attr('d', $$.svgArc);\n $$.svg.selectAll('.' + CLASS.arc);\n };\n\n ChartInternal.prototype.expandDuration = function (id) {\n var $$ = this,\n config = $$.config;\n\n if ($$.isDonutType(id)) {\n return config.donut_expand_duration;\n } else if ($$.isGaugeType(id)) {\n return config.gauge_expand_duration;\n } else if ($$.isPieType(id)) {\n return config.pie_expand_duration;\n } else {\n return 50;\n }\n };\n\n ChartInternal.prototype.shouldExpand = function (id) {\n var $$ = this,\n config = $$.config;\n return $$.isDonutType(id) && config.donut_expand || $$.isGaugeType(id) && config.gauge_expand || $$.isPieType(id) && config.pie_expand;\n };\n\n ChartInternal.prototype.shouldShowArcLabel = function () {\n var $$ = this,\n config = $$.config,\n shouldShow = true;\n\n if ($$.hasType('donut')) {\n shouldShow = config.donut_label_show;\n } else if ($$.hasType('pie')) {\n shouldShow = config.pie_label_show;\n } // when gauge, always true\n\n\n return shouldShow;\n };\n\n ChartInternal.prototype.meetsArcLabelThreshold = function (ratio) {\n var $$ = this,\n config = $$.config,\n threshold = $$.hasType('donut') ? config.donut_label_threshold : config.pie_label_threshold;\n return ratio >= threshold;\n };\n\n ChartInternal.prototype.getArcLabelFormat = function () {\n var $$ = this,\n config = $$.config,\n format = config.pie_label_format;\n\n if ($$.hasType('gauge')) {\n format = config.gauge_label_format;\n } else if ($$.hasType('donut')) {\n format = config.donut_label_format;\n }\n\n return format;\n };\n\n ChartInternal.prototype.getGaugeLabelExtents = function () {\n var $$ = this,\n config = $$.config;\n return config.gauge_label_extents;\n };\n\n ChartInternal.prototype.getArcTitle = function () {\n var $$ = this;\n return $$.hasType('donut') ? $$.config.donut_title : '';\n };\n\n ChartInternal.prototype.updateTargetsForArc = function (targets) {\n var $$ = this,\n main = $$.main,\n mainPies,\n mainPieEnter,\n classChartArc = $$.classChartArc.bind($$),\n classArcs = $$.classArcs.bind($$),\n classFocus = $$.classFocus.bind($$);\n mainPies = main.select('.' + CLASS.chartArcs).selectAll('.' + CLASS.chartArc).data($$.pie(targets)).attr('class', function (d) {\n return classChartArc(d) + classFocus(d.data);\n });\n mainPieEnter = mainPies.enter().append('g').attr('class', classChartArc);\n mainPieEnter.append('g').attr('class', classArcs);\n mainPieEnter.append('text').attr('dy', $$.hasType('gauge') ? '-.1em' : '.35em').style('opacity', 0).style('text-anchor', 'middle').style('pointer-events', 'none'); // MEMO: can not keep same color..., but not bad to update color in redraw\n //mainPieUpdate.exit().remove();\n };\n\n ChartInternal.prototype.initArc = function () {\n var $$ = this;\n $$.arcs = $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartArcs).attr('transform', $$.getTranslate('arc'));\n $$.arcs.append('text').attr('class', CLASS.chartArcsTitle).style('text-anchor', 'middle').text($$.getArcTitle());\n };\n\n ChartInternal.prototype.redrawArc = function (duration, durationForExit, withTransform) {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n main = $$.main,\n arcs,\n mainArc,\n arcLabelLines,\n mainArcLabelLine,\n hasGaugeType = $$.hasType('gauge');\n arcs = main.selectAll('.' + CLASS.arcs).selectAll('.' + CLASS.arc).data($$.arcData.bind($$));\n mainArc = arcs.enter().append('path').attr('class', $$.classArc.bind($$)).style('fill', function (d) {\n return $$.color(d.data);\n }).style('cursor', function (d) {\n return config.interaction_enabled && config.data_selection_isselectable(d) ? 'pointer' : null;\n }).each(function (d) {\n if ($$.isGaugeType(d.data)) {\n d.startAngle = d.endAngle = config.gauge_startingAngle;\n }\n\n this._current = d;\n }).merge(arcs);\n\n if (hasGaugeType) {\n arcLabelLines = main.selectAll('.' + CLASS.arcs).selectAll('.' + CLASS.arcLabelLine).data($$.arcData.bind($$));\n mainArcLabelLine = arcLabelLines.enter().append('rect').attr('class', function (d) {\n return CLASS.arcLabelLine + ' ' + CLASS.target + ' ' + CLASS.target + '-' + d.data.id;\n }).merge(arcLabelLines);\n\n if ($$.filterTargetsToShow($$.data.targets).length === 1) {\n mainArcLabelLine.style('display', 'none');\n } else {\n mainArcLabelLine.style('fill', function (d) {\n return $$.levelColor ? $$.levelColor(d.data.values.reduce(function (total, item) {\n return total + item.value;\n }, 0)) : $$.color(d.data);\n }).style('display', config.gauge_labelLine_show ? '' : 'none').each(function (d) {\n var lineLength = 0,\n lineThickness = 2,\n x = 0,\n y = 0,\n transform = '';\n\n if ($$.hiddenTargetIds.indexOf(d.data.id) < 0) {\n var updated = $$.updateAngle(d),\n innerLineLength = $$.gaugeArcWidth / $$.filterTargetsToShow($$.data.targets).length * (updated.index + 1),\n lineAngle = updated.endAngle - Math.PI / 2,\n arcInnerRadius = $$.radius - innerLineLength,\n linePositioningAngle = lineAngle - (arcInnerRadius === 0 ? 0 : 1 / arcInnerRadius);\n lineLength = $$.radiusExpanded - $$.radius + innerLineLength;\n x = Math.cos(linePositioningAngle) * arcInnerRadius;\n y = Math.sin(linePositioningAngle) * arcInnerRadius;\n transform = 'rotate(' + lineAngle * 180 / Math.PI + ', ' + x + ', ' + y + ')';\n }\n\n d3.select(this).attr('x', x).attr('y', y).attr('width', lineLength).attr('height', lineThickness).attr('transform', transform).style('stroke-dasharray', '0, ' + (lineLength + lineThickness) + ', 0');\n });\n }\n }\n\n mainArc.attr('transform', function (d) {\n return !$$.isGaugeType(d.data) && withTransform ? 'scale(0)' : '';\n }).on('mouseover', config.interaction_enabled ? function (d) {\n var updated, arcData;\n\n if ($$.transiting) {\n // skip while transiting\n return;\n }\n\n updated = $$.updateAngle(d);\n\n if (updated) {\n arcData = $$.convertToArcData(updated); // transitions\n\n $$.expandArc(updated.data.id);\n $$.api.focus(updated.data.id);\n $$.toggleFocusLegend(updated.data.id, true);\n $$.config.data_onmouseover(arcData, this);\n }\n } : null).on('mousemove', config.interaction_enabled ? function (d) {\n var updated = $$.updateAngle(d),\n arcData,\n selectedData;\n\n if (updated) {\n arcData = $$.convertToArcData(updated), selectedData = [arcData];\n $$.showTooltip(selectedData, this);\n }\n } : null).on('mouseout', config.interaction_enabled ? function (d) {\n var updated, arcData;\n\n if ($$.transiting) {\n // skip while transiting\n return;\n }\n\n updated = $$.updateAngle(d);\n\n if (updated) {\n arcData = $$.convertToArcData(updated); // transitions\n\n $$.unexpandArc(updated.data.id);\n $$.api.revert();\n $$.revertLegend();\n $$.hideTooltip();\n $$.config.data_onmouseout(arcData, this);\n }\n } : null).on('click', config.interaction_enabled ? function (d, i) {\n var updated = $$.updateAngle(d),\n arcData;\n\n if (updated) {\n arcData = $$.convertToArcData(updated);\n\n if ($$.toggleShape) {\n $$.toggleShape(this, arcData, i);\n }\n\n $$.config.data_onclick.call($$.api, arcData, this);\n }\n } : null).each(function () {\n $$.transiting = true;\n }).transition().duration(duration).attrTween('d', function (d) {\n var updated = $$.updateAngle(d),\n interpolate;\n\n if (!updated) {\n return function () {\n return 'M 0 0';\n };\n } // if (this._current === d) {\n // this._current = {\n // startAngle: Math.PI*2,\n // endAngle: Math.PI*2,\n // };\n // }\n\n\n if (isNaN(this._current.startAngle)) {\n this._current.startAngle = 0;\n }\n\n if (isNaN(this._current.endAngle)) {\n this._current.endAngle = this._current.startAngle;\n }\n\n interpolate = d3.interpolate(this._current, updated);\n this._current = interpolate(0);\n return function (t) {\n // prevents crashing the charts once in transition and chart.destroy() has been called\n if ($$.config === null) {\n return 'M 0 0';\n }\n\n var interpolated = interpolate(t);\n interpolated.data = d.data; // data.id will be updated by interporator\n\n return $$.getArc(interpolated, true);\n };\n }).attr('transform', withTransform ? 'scale(1)' : '').style('fill', function (d) {\n return $$.levelColor ? $$.levelColor(d.data.values.reduce(function (total, item) {\n return total + item.value;\n }, 0)) : $$.color(d.data.id);\n }) // Where gauge reading color would receive customization.\n .call($$.endall, function () {\n $$.transiting = false;\n });\n arcs.exit().transition().duration(durationForExit).style('opacity', 0).remove();\n main.selectAll('.' + CLASS.chartArc).select('text').style('opacity', 0).attr('class', function (d) {\n return $$.isGaugeType(d.data) ? CLASS.gaugeValue : '';\n }).text($$.textForArcLabel.bind($$)).attr('transform', $$.transformForArcLabel.bind($$)).style('font-size', function (d) {\n return $$.isGaugeType(d.data) && $$.filterTargetsToShow($$.data.targets).length === 1 ? Math.round($$.radius / 5) + 'px' : '';\n }).transition().duration(duration).style('opacity', function (d) {\n return $$.isTargetToShow(d.data.id) && $$.isArcType(d.data) ? 1 : 0;\n });\n main.select('.' + CLASS.chartArcsTitle).style('opacity', $$.hasType('donut') || hasGaugeType ? 1 : 0);\n\n if (hasGaugeType) {\n var index_1 = 0;\n var backgroundArc = $$.arcs.select('g.' + CLASS.chartArcsBackground).selectAll('path.' + CLASS.chartArcsBackground).data($$.data.targets);\n backgroundArc.enter().append('path').attr('class', function (d, i) {\n return CLASS.chartArcsBackground + ' ' + CLASS.chartArcsBackground + '-' + i;\n }).merge(backgroundArc).attr('d', function (d1) {\n if ($$.hiddenTargetIds.indexOf(d1.id) >= 0) {\n return 'M 0 0';\n }\n\n var d = {\n data: [{\n value: config.gauge_max\n }],\n startAngle: config.gauge_startingAngle,\n endAngle: -1 * config.gauge_startingAngle * (config.gauge_fullCircle ? Math.PI : 1),\n index: index_1++\n };\n return $$.getArc(d, true, true);\n });\n backgroundArc.exit().remove();\n $$.arcs.select('.' + CLASS.chartArcsGaugeUnit).attr('dy', '.75em').text(config.gauge_label_show ? config.gauge_units : '');\n $$.arcs.select('.' + CLASS.chartArcsGaugeMin).attr('dx', -1 * ($$.innerRadius + ($$.radius - $$.innerRadius) / (config.gauge_fullCircle ? 1 : 2)) + 'px').attr('dy', '1.2em').text(config.gauge_label_show ? $$.textForGaugeMinMax(config.gauge_min, false) : '');\n $$.arcs.select('.' + CLASS.chartArcsGaugeMax).attr('dx', $$.innerRadius + ($$.radius - $$.innerRadius) / (config.gauge_fullCircle ? 1 : 2) + 'px').attr('dy', '1.2em').text(config.gauge_label_show ? $$.textForGaugeMinMax(config.gauge_max, true) : '');\n }\n };\n\n ChartInternal.prototype.initGauge = function () {\n var arcs = this.arcs;\n\n if (this.hasType('gauge')) {\n arcs.append('g').attr('class', CLASS.chartArcsBackground);\n arcs.append('text').attr('class', CLASS.chartArcsGaugeUnit).style('text-anchor', 'middle').style('pointer-events', 'none');\n arcs.append('text').attr('class', CLASS.chartArcsGaugeMin).style('text-anchor', 'middle').style('pointer-events', 'none');\n arcs.append('text').attr('class', CLASS.chartArcsGaugeMax).style('text-anchor', 'middle').style('pointer-events', 'none');\n }\n };\n\n ChartInternal.prototype.getGaugeLabelHeight = function () {\n return this.config.gauge_label_show ? 20 : 0;\n };\n /**\r\n * Store value into cache\r\n *\r\n * @param key\r\n * @param value\r\n */\n\n\n ChartInternal.prototype.addToCache = function (key, value) {\n this.cache[\"$\" + key] = value;\n };\n /**\r\n * Returns a cached value or undefined\r\n *\r\n * @param key\r\n * @return {*}\r\n */\n\n\n ChartInternal.prototype.getFromCache = function (key) {\n return this.cache[\"$\" + key];\n };\n /**\r\n * Reset cached data\r\n */\n\n\n ChartInternal.prototype.resetCache = function () {\n var _this = this;\n\n Object.keys(this.cache).filter(function (key) {\n return /^\\$/.test(key);\n }).forEach(function (key) {\n delete _this.cache[key];\n });\n }; // Old API that stores Targets\n\n\n ChartInternal.prototype.hasCaches = function (ids) {\n for (var i = 0; i < ids.length; i++) {\n if (!(ids[i] in this.cache)) {\n return false;\n }\n }\n\n return true;\n };\n\n ChartInternal.prototype.addCache = function (id, target) {\n this.cache[id] = this.cloneTarget(target);\n };\n\n ChartInternal.prototype.getCaches = function (ids) {\n var targets = [],\n i;\n\n for (i = 0; i < ids.length; i++) {\n if (ids[i] in this.cache) {\n targets.push(this.cloneTarget(this.cache[ids[i]]));\n }\n }\n\n return targets;\n };\n\n ChartInternal.prototype.categoryName = function (i) {\n var config = this.config;\n return i < config.axis_x_categories.length ? config.axis_x_categories[i] : i;\n };\n\n ChartInternal.prototype.generateTargetClass = function (targetId) {\n return targetId || targetId === 0 ? ('-' + targetId).replace(/\\s/g, '-') : '';\n };\n\n ChartInternal.prototype.generateClass = function (prefix, targetId) {\n return ' ' + prefix + ' ' + prefix + this.generateTargetClass(targetId);\n };\n\n ChartInternal.prototype.classText = function (d) {\n return this.generateClass(CLASS.text, d.index);\n };\n\n ChartInternal.prototype.classTexts = function (d) {\n return this.generateClass(CLASS.texts, d.id);\n };\n\n ChartInternal.prototype.classShape = function (d) {\n return this.generateClass(CLASS.shape, d.index);\n };\n\n ChartInternal.prototype.classShapes = function (d) {\n return this.generateClass(CLASS.shapes, d.id);\n };\n\n ChartInternal.prototype.classLine = function (d) {\n return this.classShape(d) + this.generateClass(CLASS.line, d.id);\n };\n\n ChartInternal.prototype.classLines = function (d) {\n return this.classShapes(d) + this.generateClass(CLASS.lines, d.id);\n };\n\n ChartInternal.prototype.classCircle = function (d) {\n return this.classShape(d) + this.generateClass(CLASS.circle, d.index);\n };\n\n ChartInternal.prototype.classCircles = function (d) {\n return this.classShapes(d) + this.generateClass(CLASS.circles, d.id);\n };\n\n ChartInternal.prototype.classBar = function (d) {\n return this.classShape(d) + this.generateClass(CLASS.bar, d.index);\n };\n\n ChartInternal.prototype.classBars = function (d) {\n return this.classShapes(d) + this.generateClass(CLASS.bars, d.id);\n };\n\n ChartInternal.prototype.classArc = function (d) {\n return this.classShape(d.data) + this.generateClass(CLASS.arc, d.data.id);\n };\n\n ChartInternal.prototype.classArcs = function (d) {\n return this.classShapes(d.data) + this.generateClass(CLASS.arcs, d.data.id);\n };\n\n ChartInternal.prototype.classArea = function (d) {\n return this.classShape(d) + this.generateClass(CLASS.area, d.id);\n };\n\n ChartInternal.prototype.classAreas = function (d) {\n return this.classShapes(d) + this.generateClass(CLASS.areas, d.id);\n };\n\n ChartInternal.prototype.classRegion = function (d, i) {\n return this.generateClass(CLASS.region, i) + ' ' + ('class' in d ? d['class'] : '');\n };\n\n ChartInternal.prototype.classEvent = function (d) {\n return this.generateClass(CLASS.eventRect, d.index);\n };\n\n ChartInternal.prototype.classTarget = function (id) {\n var $$ = this;\n var additionalClassSuffix = $$.config.data_classes[id],\n additionalClass = '';\n\n if (additionalClassSuffix) {\n additionalClass = ' ' + CLASS.target + '-' + additionalClassSuffix;\n }\n\n return $$.generateClass(CLASS.target, id) + additionalClass;\n };\n\n ChartInternal.prototype.classFocus = function (d) {\n return this.classFocused(d) + this.classDefocused(d);\n };\n\n ChartInternal.prototype.classFocused = function (d) {\n return ' ' + (this.focusedTargetIds.indexOf(d.id) >= 0 ? CLASS.focused : '');\n };\n\n ChartInternal.prototype.classDefocused = function (d) {\n return ' ' + (this.defocusedTargetIds.indexOf(d.id) >= 0 ? CLASS.defocused : '');\n };\n\n ChartInternal.prototype.classChartText = function (d) {\n return CLASS.chartText + this.classTarget(d.id);\n };\n\n ChartInternal.prototype.classChartLine = function (d) {\n return CLASS.chartLine + this.classTarget(d.id);\n };\n\n ChartInternal.prototype.classChartBar = function (d) {\n return CLASS.chartBar + this.classTarget(d.id);\n };\n\n ChartInternal.prototype.classChartArc = function (d) {\n return CLASS.chartArc + this.classTarget(d.data.id);\n };\n\n ChartInternal.prototype.getTargetSelectorSuffix = function (targetId) {\n var targetClass = this.generateTargetClass(targetId);\n\n if (window.CSS && window.CSS.escape) {\n return window.CSS.escape(targetClass);\n } // fallback on imperfect method for old browsers (does not handles unicode)\n\n\n return targetClass.replace(/([?!@#$%^&*()=+,.<>'\":;\\[\\]\\/|~`{}\\\\])/g, '\\\\$1');\n };\n\n ChartInternal.prototype.selectorTarget = function (id, prefix) {\n return (prefix || '') + '.' + CLASS.target + this.getTargetSelectorSuffix(id);\n };\n\n ChartInternal.prototype.selectorTargets = function (ids, prefix) {\n var $$ = this;\n ids = ids || [];\n return ids.length ? ids.map(function (id) {\n return $$.selectorTarget(id, prefix);\n }) : null;\n };\n\n ChartInternal.prototype.selectorLegend = function (id) {\n return '.' + CLASS.legendItem + this.getTargetSelectorSuffix(id);\n };\n\n ChartInternal.prototype.selectorLegends = function (ids) {\n var $$ = this;\n return ids && ids.length ? ids.map(function (id) {\n return $$.selectorLegend(id);\n }) : null;\n };\n\n ChartInternal.prototype.getClipPath = function (id) {\n return 'url(' + (isIE(9) ? '' : document.URL.split('#')[0]) + '#' + id + ')';\n };\n\n ChartInternal.prototype.appendClip = function (parent, id) {\n return parent.append('clipPath').attr('id', id).append('rect');\n };\n\n ChartInternal.prototype.getAxisClipX = function (forHorizontal) {\n // axis line width + padding for left\n var left = Math.max(30, this.margin.left);\n return forHorizontal ? -(1 + left) : -(left - 1);\n };\n\n ChartInternal.prototype.getAxisClipY = function (forHorizontal) {\n return forHorizontal ? -20 : -this.margin.top;\n };\n\n ChartInternal.prototype.getXAxisClipX = function () {\n var $$ = this;\n return $$.getAxisClipX(!$$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getXAxisClipY = function () {\n var $$ = this;\n return $$.getAxisClipY(!$$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getYAxisClipX = function () {\n var $$ = this;\n return $$.config.axis_y_inner ? -1 : $$.getAxisClipX($$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getYAxisClipY = function () {\n var $$ = this;\n return $$.getAxisClipY($$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getAxisClipWidth = function (forHorizontal) {\n var $$ = this,\n left = Math.max(30, $$.margin.left),\n right = Math.max(30, $$.margin.right); // width + axis line width + padding for left/right\n\n return forHorizontal ? $$.width + 2 + left + right : $$.margin.left + 20;\n };\n\n ChartInternal.prototype.getAxisClipHeight = function (forHorizontal) {\n // less than 20 is not enough to show the axis label 'outer' without legend\n return (forHorizontal ? this.margin.bottom : this.margin.top + this.height) + 20;\n };\n\n ChartInternal.prototype.getXAxisClipWidth = function () {\n var $$ = this;\n return $$.getAxisClipWidth(!$$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getXAxisClipHeight = function () {\n var $$ = this;\n return $$.getAxisClipHeight(!$$.config.axis_rotated);\n };\n\n ChartInternal.prototype.getYAxisClipWidth = function () {\n var $$ = this;\n return $$.getAxisClipWidth($$.config.axis_rotated) + ($$.config.axis_y_inner ? 20 : 0);\n };\n\n ChartInternal.prototype.getYAxisClipHeight = function () {\n var $$ = this;\n return $$.getAxisClipHeight($$.config.axis_rotated);\n };\n\n ChartInternal.prototype.generateColor = function () {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3,\n colors = config.data_colors,\n pattern = notEmpty(config.color_pattern) ? config.color_pattern : d3.schemeCategory10,\n callback = config.data_color,\n ids = [];\n return function (d) {\n var id = d.id || d.data && d.data.id || d,\n color; // if callback function is provided\n\n if (colors[id] instanceof Function) {\n color = colors[id](d);\n } // if specified, choose that color\n else if (colors[id]) {\n color = colors[id];\n } // if not specified, choose from pattern\n else {\n if (ids.indexOf(id) < 0) {\n ids.push(id);\n }\n\n color = pattern[ids.indexOf(id) % pattern.length];\n colors[id] = color;\n }\n\n return callback instanceof Function ? callback(color, d) : color;\n };\n };\n\n ChartInternal.prototype.generateLevelColor = function () {\n var $$ = this,\n config = $$.config,\n colors = config.color_pattern,\n threshold = config.color_threshold,\n asValue = threshold.unit === 'value',\n values = threshold.values && threshold.values.length ? threshold.values : [],\n max = threshold.max || 100;\n return notEmpty(threshold) && notEmpty(colors) ? function (value) {\n var i,\n v,\n color = colors[colors.length - 1];\n\n for (i = 0; i < values.length; i++) {\n v = asValue ? value : value * 100 / max;\n\n if (v < values[i]) {\n color = colors[i];\n break;\n }\n }\n\n return color;\n } : null;\n };\n\n ChartInternal.prototype.getDefaultConfig = function () {\n var config = {\n bindto: '#chart',\n svg_classname: undefined,\n size_width: undefined,\n size_height: undefined,\n padding_left: undefined,\n padding_right: undefined,\n padding_top: undefined,\n padding_bottom: undefined,\n resize_auto: true,\n zoom_enabled: false,\n zoom_initialRange: undefined,\n zoom_type: 'scroll',\n zoom_disableDefaultBehavior: false,\n zoom_privileged: false,\n zoom_rescale: false,\n zoom_onzoom: function () {},\n zoom_onzoomstart: function () {},\n zoom_onzoomend: function () {},\n zoom_x_min: undefined,\n zoom_x_max: undefined,\n interaction_brighten: true,\n interaction_enabled: true,\n onmouseover: function () {},\n onmouseout: function () {},\n onresize: function () {},\n onresized: function () {},\n oninit: function () {},\n onrendered: function () {},\n transition_duration: 350,\n data_epochs: 'epochs',\n data_x: undefined,\n data_xs: {},\n data_xFormat: '%Y-%m-%d',\n data_xLocaltime: true,\n data_xSort: true,\n data_idConverter: function (id) {\n return id;\n },\n data_names: {},\n data_classes: {},\n data_groups: [],\n data_axes: {},\n data_type: undefined,\n data_types: {},\n data_labels: {},\n data_order: 'desc',\n data_regions: {},\n data_color: undefined,\n data_colors: {},\n data_hide: false,\n data_filter: undefined,\n data_selection_enabled: false,\n data_selection_grouped: false,\n data_selection_isselectable: function () {\n return true;\n },\n data_selection_multiple: true,\n data_selection_draggable: false,\n data_stack_normalize: false,\n data_onclick: function () {},\n data_onmouseover: function () {},\n data_onmouseout: function () {},\n data_onselected: function () {},\n data_onunselected: function () {},\n data_url: undefined,\n data_headers: undefined,\n data_json: undefined,\n data_rows: undefined,\n data_columns: undefined,\n data_mimeType: undefined,\n data_keys: undefined,\n // configuration for no plot-able data supplied.\n data_empty_label_text: '',\n // subchart\n subchart_show: false,\n subchart_size_height: 60,\n subchart_axis_x_show: true,\n subchart_onbrush: function () {},\n // color\n color_pattern: [],\n color_threshold: {},\n // legend\n legend_show: true,\n legend_hide: false,\n legend_position: 'bottom',\n legend_inset_anchor: 'top-left',\n legend_inset_x: 10,\n legend_inset_y: 0,\n legend_inset_step: undefined,\n legend_item_onclick: undefined,\n legend_item_onmouseover: undefined,\n legend_item_onmouseout: undefined,\n legend_equally: false,\n legend_padding: 0,\n legend_item_tile_width: 10,\n legend_item_tile_height: 10,\n // axis\n axis_rotated: false,\n axis_x_show: true,\n axis_x_type: 'indexed',\n axis_x_localtime: true,\n axis_x_categories: [],\n axis_x_tick_centered: false,\n axis_x_tick_format: undefined,\n axis_x_tick_culling: {},\n axis_x_tick_culling_max: 10,\n axis_x_tick_count: undefined,\n axis_x_tick_fit: true,\n axis_x_tick_values: null,\n axis_x_tick_rotate: 0,\n axis_x_tick_outer: true,\n axis_x_tick_multiline: true,\n axis_x_tick_multilineMax: 0,\n axis_x_tick_width: null,\n axis_x_max: undefined,\n axis_x_min: undefined,\n axis_x_padding: {},\n axis_x_height: undefined,\n axis_x_selection: undefined,\n axis_x_label: {},\n axis_x_inner: undefined,\n axis_y_show: true,\n axis_y_type: 'linear',\n axis_y_max: undefined,\n axis_y_min: undefined,\n axis_y_inverted: false,\n axis_y_center: undefined,\n axis_y_inner: undefined,\n axis_y_label: {},\n axis_y_tick_format: undefined,\n axis_y_tick_outer: true,\n axis_y_tick_values: null,\n axis_y_tick_rotate: 0,\n axis_y_tick_count: undefined,\n axis_y_tick_time_type: undefined,\n axis_y_tick_time_interval: undefined,\n axis_y_padding: {},\n axis_y_default: undefined,\n axis_y2_show: false,\n axis_y2_type: 'linear',\n axis_y2_max: undefined,\n axis_y2_min: undefined,\n axis_y2_inverted: false,\n axis_y2_center: undefined,\n axis_y2_inner: undefined,\n axis_y2_label: {},\n axis_y2_tick_format: undefined,\n axis_y2_tick_outer: true,\n axis_y2_tick_values: null,\n axis_y2_tick_count: undefined,\n axis_y2_padding: {},\n axis_y2_default: undefined,\n // grid\n grid_x_show: false,\n grid_x_type: 'tick',\n grid_x_lines: [],\n grid_y_show: false,\n // not used\n // grid_y_type: 'tick',\n grid_y_lines: [],\n grid_y_ticks: 10,\n grid_focus_show: true,\n grid_lines_front: true,\n // point - point of each data\n point_show: true,\n point_r: 2.5,\n point_sensitivity: 10,\n point_focus_expand_enabled: true,\n point_focus_expand_r: undefined,\n point_select_r: undefined,\n // line\n line_connectNull: false,\n line_step_type: 'step',\n // bar\n bar_width: undefined,\n bar_width_ratio: 0.6,\n bar_width_max: undefined,\n bar_zerobased: true,\n bar_space: 0,\n // area\n area_zerobased: true,\n area_above: false,\n // pie\n pie_label_show: true,\n pie_label_format: undefined,\n pie_label_threshold: 0.05,\n pie_label_ratio: undefined,\n pie_expand: {},\n pie_expand_duration: 50,\n pie_padAngle: 0,\n // gauge\n gauge_fullCircle: false,\n gauge_label_show: true,\n gauge_labelLine_show: true,\n gauge_label_format: undefined,\n gauge_min: 0,\n gauge_max: 100,\n gauge_startingAngle: -1 * Math.PI / 2,\n gauge_label_extents: undefined,\n gauge_units: undefined,\n gauge_width: undefined,\n gauge_arcs_minWidth: 5,\n gauge_expand: {},\n gauge_expand_duration: 50,\n // donut\n donut_label_show: true,\n donut_label_format: undefined,\n donut_label_threshold: 0.05,\n donut_label_ratio: undefined,\n donut_width: undefined,\n donut_title: '',\n donut_expand: {},\n donut_expand_duration: 50,\n donut_padAngle: 0,\n // spline\n spline_interpolation_type: 'cardinal',\n // stanford\n stanford_lines: [],\n stanford_regions: [],\n stanford_texts: [],\n stanford_scaleMin: undefined,\n stanford_scaleMax: undefined,\n stanford_scaleWidth: undefined,\n stanford_scaleFormat: undefined,\n stanford_scaleValues: undefined,\n stanford_colors: undefined,\n stanford_padding: {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n },\n // region - region to change style\n regions: [],\n // tooltip - show when mouseover on each data\n tooltip_show: true,\n tooltip_grouped: true,\n tooltip_order: undefined,\n tooltip_format_title: undefined,\n tooltip_format_name: undefined,\n tooltip_format_value: undefined,\n tooltip_horizontal: undefined,\n tooltip_position: undefined,\n tooltip_contents: function (d, defaultTitleFormat, defaultValueFormat, color) {\n return this.getTooltipContent ? this.getTooltipContent(d, defaultTitleFormat, defaultValueFormat, color) : '';\n },\n tooltip_init_show: false,\n tooltip_init_x: 0,\n tooltip_init_position: {\n top: '0px',\n left: '50px'\n },\n tooltip_onshow: function () {},\n tooltip_onhide: function () {},\n // title\n title_text: undefined,\n title_padding: {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n },\n title_position: 'top-center'\n };\n Object.keys(this.additionalConfig).forEach(function (key) {\n config[key] = this.additionalConfig[key];\n }, this);\n return config;\n };\n\n ChartInternal.prototype.additionalConfig = {};\n\n ChartInternal.prototype.loadConfig = function (config) {\n var this_config = this.config,\n target,\n keys,\n read;\n\n function find() {\n var key = keys.shift(); // console.log(\"key =>\", key, \", target =>\", target);\n\n if (key && target && typeof target === 'object' && key in target) {\n target = target[key];\n return find();\n } else if (!key) {\n return target;\n } else {\n return undefined;\n }\n }\n\n Object.keys(this_config).forEach(function (key) {\n target = config;\n keys = key.split('_');\n read = find(); // console.log(\"CONFIG : \", key, read);\n\n if (isDefined(read)) {\n this_config[key] = read;\n }\n });\n };\n\n ChartInternal.prototype.convertUrlToData = function (url, mimeType, headers, keys, done) {\n var $$ = this,\n type = mimeType ? mimeType : 'csv',\n f,\n converter;\n\n if (type === 'json') {\n f = $$.d3.json;\n converter = $$.convertJsonToData;\n } else if (type === 'tsv') {\n f = $$.d3.tsv;\n converter = $$.convertXsvToData;\n } else {\n f = $$.d3.csv;\n converter = $$.convertXsvToData;\n }\n\n f(url, headers).then(function (data) {\n done.call($$, converter.call($$, data, keys));\n }).catch(function (error) {\n throw error;\n });\n };\n\n ChartInternal.prototype.convertXsvToData = function (xsv) {\n var keys = xsv.columns,\n rows = xsv;\n\n if (rows.length === 0) {\n return {\n keys: keys,\n rows: [keys.reduce(function (row, key) {\n var _a;\n\n return Object.assign(row, (_a = {}, _a[key] = null, _a));\n }, {})]\n };\n } else {\n // [].concat() is to convert result into a plain array otherwise\n // test is not happy because rows have properties.\n return {\n keys: keys,\n rows: [].concat(xsv)\n };\n }\n };\n\n ChartInternal.prototype.convertJsonToData = function (json, keys) {\n var $$ = this,\n new_rows = [],\n targetKeys,\n data;\n\n if (keys) {\n // when keys specified, json would be an array that includes objects\n if (keys.x) {\n targetKeys = keys.value.concat(keys.x);\n $$.config.data_x = keys.x;\n } else {\n targetKeys = keys.value;\n }\n\n new_rows.push(targetKeys);\n json.forEach(function (o) {\n var new_row = [];\n targetKeys.forEach(function (key) {\n // convert undefined to null because undefined data will be removed in convertDataToTargets()\n var v = $$.findValueInJson(o, key);\n\n if (isUndefined(v)) {\n v = null;\n }\n\n new_row.push(v);\n });\n new_rows.push(new_row);\n });\n data = $$.convertRowsToData(new_rows);\n } else {\n Object.keys(json).forEach(function (key) {\n new_rows.push([key].concat(json[key]));\n });\n data = $$.convertColumnsToData(new_rows);\n }\n\n return data;\n };\n /**\r\n * Finds value from the given nested object by the given path.\r\n * If it's not found, then this returns undefined.\r\n * @param {Object} object the object\r\n * @param {string} path the path\r\n */\n\n\n ChartInternal.prototype.findValueInJson = function (object, path) {\n if (path in object) {\n // If object has a key that contains . or [], return the key's value\n // instead of searching for an inner object.\n // See https://github.com/c3js/c3/issues/1691 for details.\n return object[path];\n }\n\n path = path.replace(/\\[(\\w+)\\]/g, '.$1'); // convert indexes to properties (replace [] with .)\n\n path = path.replace(/^\\./, ''); // strip a leading dot\n\n var pathArray = path.split('.');\n\n for (var i = 0; i < pathArray.length; ++i) {\n var k = pathArray[i];\n\n if (k in object) {\n object = object[k];\n } else {\n return;\n }\n }\n\n return object;\n };\n /**\r\n * Converts the rows to normalized data.\r\n * @param {any[][]} rows The row data\r\n * @return {Object}\r\n */\n\n\n ChartInternal.prototype.convertRowsToData = function (rows) {\n var newRows = [];\n var keys = rows[0];\n\n for (var i = 1; i < rows.length; i++) {\n var newRow = {};\n\n for (var j = 0; j < rows[i].length; j++) {\n if (isUndefined(rows[i][j])) {\n throw new Error('Source data is missing a component at (' + i + ',' + j + ')!');\n }\n\n newRow[keys[j]] = rows[i][j];\n }\n\n newRows.push(newRow);\n }\n\n return {\n keys: keys,\n rows: newRows\n };\n };\n /**\r\n * Converts the columns to normalized data.\r\n * @param {any[][]} columns The column data\r\n * @return {Object}\r\n */\n\n\n ChartInternal.prototype.convertColumnsToData = function (columns) {\n var newRows = [];\n var keys = [];\n\n for (var i = 0; i < columns.length; i++) {\n var key = columns[i][0];\n\n for (var j = 1; j < columns[i].length; j++) {\n if (isUndefined(newRows[j - 1])) {\n newRows[j - 1] = {};\n }\n\n if (isUndefined(columns[i][j])) {\n throw new Error('Source data is missing a component at (' + i + ',' + j + ')!');\n }\n\n newRows[j - 1][key] = columns[i][j];\n }\n\n keys.push(key);\n }\n\n return {\n keys: keys,\n rows: newRows\n };\n };\n /**\r\n * Converts the data format into the target format.\r\n * @param {!Object} data\r\n * @param {!Array} data.keys Ordered list of target IDs.\r\n * @param {!Array} data.rows Rows of data to convert.\r\n * @param {boolean} appendXs True to append to $$.data.xs, False to replace.\r\n * @return {!Array}\r\n */\n\n\n ChartInternal.prototype.convertDataToTargets = function (data, appendXs) {\n var $$ = this,\n config = $$.config,\n targets,\n ids,\n xs,\n keys,\n epochs; // handles format where keys are not orderly provided\n\n if (isArray(data)) {\n keys = Object.keys(data[0]);\n } else {\n keys = data.keys;\n data = data.rows;\n }\n\n xs = keys.filter($$.isX, $$);\n\n if (!$$.isStanfordGraphType()) {\n ids = keys.filter($$.isNotX, $$);\n } else {\n epochs = keys.filter($$.isEpochs, $$);\n ids = keys.filter($$.isNotXAndNotEpochs, $$);\n\n if (xs.length !== 1 || epochs.length !== 1 || ids.length !== 1) {\n throw new Error(\"You must define the 'x' key name and the 'epochs' for Stanford Diagrams\");\n }\n } // save x for update data by load when custom x and c3.x API\n\n\n ids.forEach(function (id) {\n var xKey = $$.getXKey(id);\n\n if ($$.isCustomX() || $$.isTimeSeries()) {\n // if included in input data\n if (xs.indexOf(xKey) >= 0) {\n $$.data.xs[id] = (appendXs && $$.data.xs[id] ? $$.data.xs[id] : []).concat(data.map(function (d) {\n return d[xKey];\n }).filter(isValue).map(function (rawX, i) {\n return $$.generateTargetX(rawX, id, i);\n }));\n } // if not included in input data, find from preloaded data of other id's x\n else if (config.data_x) {\n $$.data.xs[id] = $$.getOtherTargetXs();\n } // if not included in input data, find from preloaded data\n else if (notEmpty(config.data_xs)) {\n $$.data.xs[id] = $$.getXValuesOfXKey(xKey, $$.data.targets);\n } // MEMO: if no x included, use same x of current will be used\n\n } else {\n $$.data.xs[id] = data.map(function (d, i) {\n return i;\n });\n }\n }); // check x is defined\n\n ids.forEach(function (id) {\n if (!$$.data.xs[id]) {\n throw new Error('x is not defined for id = \"' + id + '\".');\n }\n }); // convert to target\n\n targets = ids.map(function (id, index) {\n var convertedId = config.data_idConverter(id);\n return {\n id: convertedId,\n id_org: id,\n values: data.map(function (d, i) {\n var xKey = $$.getXKey(id),\n rawX = d[xKey],\n value = d[id] !== null && !isNaN(d[id]) ? +d[id] : null,\n x,\n returnData; // use x as categories if custom x and categorized\n\n if ($$.isCustomX() && $$.isCategorized() && !isUndefined(rawX)) {\n if (index === 0 && i === 0) {\n config.axis_x_categories = [];\n }\n\n x = config.axis_x_categories.indexOf(rawX);\n\n if (x === -1) {\n x = config.axis_x_categories.length;\n config.axis_x_categories.push(rawX);\n }\n } else {\n x = $$.generateTargetX(rawX, id, i);\n } // mark as x = undefined if value is undefined and filter to remove after mapped\n\n\n if (isUndefined(d[id]) || $$.data.xs[id].length <= i) {\n x = undefined;\n }\n\n returnData = {\n x: x,\n value: value,\n id: convertedId\n };\n\n if ($$.isStanfordGraphType()) {\n returnData.epochs = d[epochs];\n }\n\n return returnData;\n }).filter(function (v) {\n return isDefined(v.x);\n })\n };\n }); // finish targets\n\n targets.forEach(function (t) {\n var i; // sort values by its x\n\n if (config.data_xSort) {\n t.values = t.values.sort(function (v1, v2) {\n var x1 = v1.x || v1.x === 0 ? v1.x : Infinity,\n x2 = v2.x || v2.x === 0 ? v2.x : Infinity;\n return x1 - x2;\n });\n } // indexing each value\n\n\n i = 0;\n t.values.forEach(function (v) {\n v.index = i++;\n }); // this needs to be sorted because its index and value.index is identical\n\n $$.data.xs[t.id].sort(function (v1, v2) {\n return v1 - v2;\n });\n }); // cache information about values\n\n $$.hasNegativeValue = $$.hasNegativeValueInTargets(targets);\n $$.hasPositiveValue = $$.hasPositiveValueInTargets(targets); // set target types\n\n if (config.data_type) {\n $$.setTargetType($$.mapToIds(targets).filter(function (id) {\n return !(id in config.data_types);\n }), config.data_type);\n } // cache as original id keyed\n\n\n targets.forEach(function (d) {\n $$.addCache(d.id_org, d);\n });\n return targets;\n };\n\n ChartInternal.prototype.isEpochs = function (key) {\n var $$ = this,\n config = $$.config;\n return config.data_epochs && key === config.data_epochs;\n };\n\n ChartInternal.prototype.isX = function (key) {\n var $$ = this,\n config = $$.config;\n return config.data_x && key === config.data_x || notEmpty(config.data_xs) && hasValue(config.data_xs, key);\n };\n\n ChartInternal.prototype.isNotX = function (key) {\n return !this.isX(key);\n };\n\n ChartInternal.prototype.isNotXAndNotEpochs = function (key) {\n return !this.isX(key) && !this.isEpochs(key);\n };\n /**\r\n * Returns whether the normalized stack option is enabled or not.\r\n *\r\n * To be enabled it must also have data.groups defined.\r\n *\r\n * @return {boolean}\r\n */\n\n\n ChartInternal.prototype.isStackNormalized = function () {\n return this.config.data_stack_normalize && this.config.data_groups.length > 0;\n };\n /**\r\n * Returns whether the axis is normalized or not.\r\n *\r\n * An axis is normalized as long as one of its associated target\r\n * is normalized.\r\n *\r\n * @param axisId Axis ID (y or y2)\r\n * @return {Boolean}\r\n */\n\n\n ChartInternal.prototype.isAxisNormalized = function (axisId) {\n var $$ = this;\n\n if (!$$.isStackNormalized()) {\n // shortcut\n return false;\n }\n\n return $$.data.targets.filter(function (target) {\n return $$.axis.getId(target.id) === axisId;\n }).some(function (target) {\n return $$.isTargetNormalized(target.id);\n });\n };\n /**\r\n * Returns whether the values for this target ID is normalized or not.\r\n *\r\n * To be normalized the option needs to be enabled and target needs\r\n * to be defined in `data.groups`.\r\n *\r\n * @param targetId ID of the target\r\n * @return {Boolean} True if the target is normalized, false otherwise.\r\n */\n\n\n ChartInternal.prototype.isTargetNormalized = function (targetId) {\n var $$ = this;\n return $$.isStackNormalized() && $$.config.data_groups.some(function (group) {\n return group.includes(targetId);\n });\n };\n\n ChartInternal.prototype.getXKey = function (id) {\n var $$ = this,\n config = $$.config;\n return config.data_x ? config.data_x : notEmpty(config.data_xs) ? config.data_xs[id] : null;\n };\n /**\r\n * Get sum of visible data per index for given axis.\r\n *\r\n * Expect axisId to be either 'y' or 'y2'.\r\n *\r\n * @private\r\n * @param axisId Compute sum for data associated to given axis.\r\n * @return {Array}\r\n */\n\n\n ChartInternal.prototype.getTotalPerIndex = function (axisId) {\n var $$ = this;\n\n if (!$$.isStackNormalized()) {\n return null;\n }\n\n var cached = $$.getFromCache('getTotalPerIndex');\n\n if (cached !== undefined) {\n return cached[axisId];\n }\n\n var sum = {\n y: [],\n y2: []\n };\n $$.data.targets // keep only target that are normalized\n .filter(function (target) {\n return $$.isTargetNormalized(target.id);\n }) // keep only target that are visible\n .filter(function (target) {\n return $$.isTargetToShow(target.id);\n }) // compute sum per axis\n .forEach(function (target) {\n var sumByAxis = sum[$$.axis.getId(target.id)];\n target.values.forEach(function (v, i) {\n if (!sumByAxis[i]) {\n sumByAxis[i] = 0;\n }\n\n sumByAxis[i] += isNumber(v.value) ? v.value : 0;\n });\n });\n $$.addToCache('getTotalPerIndex', sum);\n return sum[axisId];\n };\n /**\r\n * Get sum of visible data.\r\n *\r\n * Should be used for normalised data only since all values\r\n * are expected to be positive.\r\n *\r\n * @private\r\n * @return {Number}\r\n */\n\n\n ChartInternal.prototype.getTotalDataSum = function () {\n var $$ = this;\n var cached = $$.getFromCache('getTotalDataSum');\n\n if (cached !== undefined) {\n return cached;\n }\n\n var totalDataSum = flattenArray($$.data.targets.filter(function (target) {\n return $$.isTargetToShow(target.id);\n }).map(function (target) {\n return target.values;\n })).map(function (d) {\n return d.value;\n }).reduce(function (p, c) {\n return p + c;\n }, 0);\n $$.addToCache('getTotalDataSum', totalDataSum);\n return totalDataSum;\n };\n\n ChartInternal.prototype.getXValuesOfXKey = function (key, targets) {\n var $$ = this,\n xValues,\n ids = targets && notEmpty(targets) ? $$.mapToIds(targets) : [];\n ids.forEach(function (id) {\n if ($$.getXKey(id) === key) {\n xValues = $$.data.xs[id];\n }\n });\n return xValues;\n };\n\n ChartInternal.prototype.getXValue = function (id, i) {\n var $$ = this;\n return id in $$.data.xs && $$.data.xs[id] && isValue($$.data.xs[id][i]) ? $$.data.xs[id][i] : i;\n };\n\n ChartInternal.prototype.getOtherTargetXs = function () {\n var $$ = this,\n idsForX = Object.keys($$.data.xs);\n return idsForX.length ? $$.data.xs[idsForX[0]] : null;\n };\n\n ChartInternal.prototype.getOtherTargetX = function (index) {\n var xs = this.getOtherTargetXs();\n return xs && index < xs.length ? xs[index] : null;\n };\n\n ChartInternal.prototype.addXs = function (xs) {\n var $$ = this;\n Object.keys(xs).forEach(function (id) {\n $$.config.data_xs[id] = xs[id];\n });\n };\n\n ChartInternal.prototype.addName = function (data) {\n var $$ = this,\n name;\n\n if (data) {\n name = $$.config.data_names[data.id];\n data.name = name !== undefined ? name : data.id;\n }\n\n return data;\n };\n\n ChartInternal.prototype.getValueOnIndex = function (values, index) {\n var valueOnIndex = values.filter(function (v) {\n return v.index === index;\n });\n return valueOnIndex.length ? valueOnIndex[0] : null;\n };\n\n ChartInternal.prototype.updateTargetX = function (targets, x) {\n var $$ = this;\n targets.forEach(function (t) {\n t.values.forEach(function (v, i) {\n v.x = $$.generateTargetX(x[i], t.id, i);\n });\n $$.data.xs[t.id] = x;\n });\n };\n\n ChartInternal.prototype.updateTargetXs = function (targets, xs) {\n var $$ = this;\n targets.forEach(function (t) {\n if (xs[t.id]) {\n $$.updateTargetX([t], xs[t.id]);\n }\n });\n };\n\n ChartInternal.prototype.generateTargetX = function (rawX, id, index) {\n var $$ = this,\n x;\n\n if ($$.isTimeSeries()) {\n x = rawX ? $$.parseDate(rawX) : $$.parseDate($$.getXValue(id, index));\n } else if ($$.isCustomX() && !$$.isCategorized()) {\n x = isValue(rawX) ? +rawX : $$.getXValue(id, index);\n } else {\n x = index;\n }\n\n return x;\n };\n\n ChartInternal.prototype.cloneTarget = function (target) {\n return {\n id: target.id,\n id_org: target.id_org,\n values: target.values.map(function (d) {\n return {\n x: d.x,\n value: d.value,\n id: d.id\n };\n })\n };\n };\n\n ChartInternal.prototype.getMaxDataCount = function () {\n var $$ = this;\n return $$.d3.max($$.data.targets, function (t) {\n return t.values.length;\n });\n };\n\n ChartInternal.prototype.mapToIds = function (targets) {\n return targets.map(function (d) {\n return d.id;\n });\n };\n\n ChartInternal.prototype.mapToTargetIds = function (ids) {\n var $$ = this;\n return ids ? [].concat(ids) : $$.mapToIds($$.data.targets);\n };\n\n ChartInternal.prototype.hasTarget = function (targets, id) {\n var ids = this.mapToIds(targets),\n i;\n\n for (i = 0; i < ids.length; i++) {\n if (ids[i] === id) {\n return true;\n }\n }\n\n return false;\n };\n\n ChartInternal.prototype.isTargetToShow = function (targetId) {\n return this.hiddenTargetIds.indexOf(targetId) < 0;\n };\n\n ChartInternal.prototype.isLegendToShow = function (targetId) {\n return this.hiddenLegendIds.indexOf(targetId) < 0;\n };\n /**\r\n * Returns only visible targets.\r\n *\r\n * This is the same as calling {@link filterTargetsToShow} on $$.data.targets.\r\n *\r\n * @return {Array}\r\n */\n\n\n ChartInternal.prototype.getTargetsToShow = function () {\n var $$ = this;\n return $$.filterTargetsToShow($$.data.targets);\n };\n\n ChartInternal.prototype.filterTargetsToShow = function (targets) {\n var $$ = this;\n return targets.filter(function (t) {\n return $$.isTargetToShow(t.id);\n });\n };\n /**\r\n * @return {Array} Returns all the targets attached to the chart, visible or not\r\n */\n\n\n ChartInternal.prototype.getTargets = function () {\n var $$ = this;\n return $$.data.targets;\n };\n\n ChartInternal.prototype.mapTargetsToUniqueXs = function (targets) {\n var $$ = this;\n var xs = $$.d3.set($$.d3.merge(targets.map(function (t) {\n return t.values.map(function (v) {\n return +v.x;\n });\n }))).values();\n xs = $$.isTimeSeries() ? xs.map(function (x) {\n return new Date(+x);\n }) : xs.map(function (x) {\n return +x;\n });\n return xs.sort(function (a, b) {\n return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;\n });\n };\n\n ChartInternal.prototype.addHiddenTargetIds = function (targetIds) {\n targetIds = targetIds instanceof Array ? targetIds : new Array(targetIds);\n\n for (var i = 0; i < targetIds.length; i++) {\n if (this.hiddenTargetIds.indexOf(targetIds[i]) < 0) {\n this.hiddenTargetIds = this.hiddenTargetIds.concat(targetIds[i]);\n }\n }\n\n this.resetCache();\n };\n\n ChartInternal.prototype.removeHiddenTargetIds = function (targetIds) {\n this.hiddenTargetIds = this.hiddenTargetIds.filter(function (id) {\n return targetIds.indexOf(id) < 0;\n });\n this.resetCache();\n };\n\n ChartInternal.prototype.addHiddenLegendIds = function (targetIds) {\n targetIds = targetIds instanceof Array ? targetIds : new Array(targetIds);\n\n for (var i = 0; i < targetIds.length; i++) {\n if (this.hiddenLegendIds.indexOf(targetIds[i]) < 0) {\n this.hiddenLegendIds = this.hiddenLegendIds.concat(targetIds[i]);\n }\n }\n };\n\n ChartInternal.prototype.removeHiddenLegendIds = function (targetIds) {\n this.hiddenLegendIds = this.hiddenLegendIds.filter(function (id) {\n return targetIds.indexOf(id) < 0;\n });\n };\n\n ChartInternal.prototype.getValuesAsIdKeyed = function (targets) {\n var ys = {};\n targets.forEach(function (t) {\n ys[t.id] = [];\n t.values.forEach(function (v) {\n ys[t.id].push(v.value);\n });\n });\n return ys;\n };\n\n ChartInternal.prototype.checkValueInTargets = function (targets, checker) {\n var ids = Object.keys(targets),\n i,\n j,\n values;\n\n for (i = 0; i < ids.length; i++) {\n values = targets[ids[i]].values;\n\n for (j = 0; j < values.length; j++) {\n if (checker(values[j].value)) {\n return true;\n }\n }\n }\n\n return false;\n };\n\n ChartInternal.prototype.hasNegativeValueInTargets = function (targets) {\n return this.checkValueInTargets(targets, function (v) {\n return v < 0;\n });\n };\n\n ChartInternal.prototype.hasPositiveValueInTargets = function (targets) {\n return this.checkValueInTargets(targets, function (v) {\n return v > 0;\n });\n };\n\n ChartInternal.prototype.isOrderDesc = function () {\n var config = this.config;\n return typeof config.data_order === 'string' && config.data_order.toLowerCase() === 'desc';\n };\n\n ChartInternal.prototype.isOrderAsc = function () {\n var config = this.config;\n return typeof config.data_order === 'string' && config.data_order.toLowerCase() === 'asc';\n };\n\n ChartInternal.prototype.getOrderFunction = function () {\n var $$ = this,\n config = $$.config,\n orderAsc = $$.isOrderAsc(),\n orderDesc = $$.isOrderDesc();\n\n if (orderAsc || orderDesc) {\n var reducer = function (p, c) {\n return p + Math.abs(c.value);\n };\n\n return function (t1, t2) {\n var t1Sum = t1.values.reduce(reducer, 0),\n t2Sum = t2.values.reduce(reducer, 0);\n return orderAsc ? t2Sum - t1Sum : t1Sum - t2Sum;\n };\n } else if (isFunction(config.data_order)) {\n return config.data_order;\n } else if (isArray(config.data_order)) {\n var order = config.data_order;\n return function (t1, t2) {\n return order.indexOf(t1.id) - order.indexOf(t2.id);\n };\n }\n };\n\n ChartInternal.prototype.orderTargets = function (targets) {\n var fct = this.getOrderFunction();\n\n if (fct) {\n targets.sort(fct);\n }\n\n return targets;\n };\n /**\r\n * Returns all the values from the given targets at the given index.\r\n *\r\n * @param {Array} targets\r\n * @param {Number} index\r\n * @return {Array}\r\n */\n\n\n ChartInternal.prototype.filterByIndex = function (targets, index) {\n return this.d3.merge(targets.map(function (t) {\n return t.values.filter(function (v) {\n return v.index === index;\n });\n }));\n };\n\n ChartInternal.prototype.filterByX = function (targets, x) {\n return this.d3.merge(targets.map(function (t) {\n return t.values;\n })).filter(function (v) {\n return v.x - x === 0;\n });\n };\n\n ChartInternal.prototype.filterRemoveNull = function (data) {\n return data.filter(function (d) {\n return isValue(d.value);\n });\n };\n\n ChartInternal.prototype.filterByXDomain = function (targets, xDomain) {\n return targets.map(function (t) {\n return {\n id: t.id,\n id_org: t.id_org,\n values: t.values.filter(function (v) {\n return xDomain[0] <= v.x && v.x <= xDomain[1];\n })\n };\n });\n };\n\n ChartInternal.prototype.hasDataLabel = function () {\n var config = this.config;\n\n if (typeof config.data_labels === 'boolean' && config.data_labels) {\n return true;\n } else if (typeof config.data_labels === 'object' && notEmpty(config.data_labels)) {\n return true;\n }\n\n return false;\n };\n\n ChartInternal.prototype.getDataLabelLength = function (min, max, key) {\n var $$ = this,\n lengths = [0, 0],\n paddingCoef = 1.3;\n $$.selectChart.select('svg').selectAll('.dummy').data([min, max]).enter().append('text').text(function (d) {\n return $$.dataLabelFormat(d.id)(d);\n }).each(function (d, i) {\n lengths[i] = getBBox(this)[key] * paddingCoef;\n }).remove();\n return lengths;\n };\n /**\r\n * Returns true if the given data point is not arc type, otherwise false.\r\n * @param {Object} d The data point\r\n * @return {boolean}\r\n */\n\n\n ChartInternal.prototype.isNoneArc = function (d) {\n return this.hasTarget(this.data.targets, d.id);\n };\n /**\r\n * Returns true if the given data point is arc type, otherwise false.\r\n * @param {Object} d The data point\r\n * @return {boolean}\r\n */\n\n\n ChartInternal.prototype.isArc = function (d) {\n return 'data' in d && this.hasTarget(this.data.targets, d.data.id);\n };\n /**\r\n * Find the closest point from the given pos among the given targets or\r\n * undefined if none satisfies conditions.\r\n *\r\n * @param {Array} targets\r\n * @param {Array} pos An [x,y] coordinate\r\n * @return {Object|undefined}\r\n */\n\n\n ChartInternal.prototype.findClosestFromTargets = function (targets, pos) {\n var $$ = this; // for each target, find the closest point\n\n var candidates = targets.map(function (t) {\n return $$.findClosest(t.values, pos, $$.config.tooltip_horizontal ? $$.horizontalDistance.bind($$) : $$.dist.bind($$), $$.config.point_sensitivity);\n }).filter(function (v) {\n return v;\n }); // returns the closest of candidates\n\n if (candidates.length === 0) {\n return undefined;\n } else if (candidates.length === 1) {\n return candidates[0];\n } else {\n return $$.findClosest(candidates, pos, $$.dist.bind($$));\n }\n };\n /**\r\n * Find the closest point from the x value or undefined if none satisfies conditions.\r\n *\r\n * @param {Array} targets\r\n * @param {Array} x A value on X axis\r\n * @return {Object|undefined}\r\n */\n\n\n ChartInternal.prototype.findClosestFromTargetsByX = function (targets, x) {\n var closest;\n var diff;\n targets.forEach(function (t) {\n t.values.forEach(function (d) {\n var newDiff = Math.abs(x - d.x);\n\n if (diff === undefined || newDiff < diff) {\n closest = d;\n diff = newDiff;\n }\n });\n });\n return closest;\n };\n /**\r\n * Using given compute distance method, returns the closest data point from the\r\n * given position.\r\n *\r\n * Giving optionally a minimum distance to satisfy.\r\n *\r\n * @param {Array} dataPoints List of DataPoints\r\n * @param {Array} pos An [x,y] coordinate\r\n * @param {Function} computeDist Function to compute distance between 2 points\r\n * @param {Number} minDist Minimal distance to satisfy\r\n * @return {Object|undefined} Closest data point\r\n */\n\n\n ChartInternal.prototype.findClosest = function (dataPoints, pos, computeDist, minDist) {\n if (minDist === void 0) {\n minDist = Infinity;\n }\n\n var $$ = this;\n var closest; // find closest bar\n\n dataPoints.filter(function (v) {\n return v && $$.isBarType(v.id);\n }).forEach(function (v) {\n if (!closest) {\n var shape = $$.main.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();\n\n if ($$.isWithinBar(pos, shape)) {\n closest = v;\n }\n }\n }); // find closest point from non-bar\n\n dataPoints.filter(function (v) {\n return v && !$$.isBarType(v.id);\n }).forEach(function (v) {\n var d = computeDist(v, pos);\n\n if (d < minDist) {\n minDist = d;\n closest = v;\n }\n });\n return closest;\n };\n\n ChartInternal.prototype.dist = function (data, pos) {\n var $$ = this,\n config = $$.config,\n xIndex = config.axis_rotated ? 1 : 0,\n yIndex = config.axis_rotated ? 0 : 1,\n y = $$.circleY(data, data.index),\n x = $$.x(data.x);\n return Math.sqrt(Math.pow(x - pos[xIndex], 2) + Math.pow(y - pos[yIndex], 2));\n };\n\n ChartInternal.prototype.horizontalDistance = function (data, pos) {\n var $$ = this,\n config = $$.config,\n xIndex = config.axis_rotated ? 1 : 0,\n x = $$.x(data.x);\n return Math.abs(x - pos[xIndex]);\n };\n\n ChartInternal.prototype.convertValuesToStep = function (values) {\n var converted = [].concat(values),\n i;\n\n if (!this.isCategorized()) {\n return values;\n }\n\n for (i = values.length + 1; 0 < i; i--) {\n converted[i] = converted[i - 1];\n }\n\n converted[0] = {\n x: converted[0].x - 1,\n value: converted[0].value,\n id: converted[0].id\n };\n converted[values.length + 1] = {\n x: converted[values.length].x + 1,\n value: converted[values.length].value,\n id: converted[values.length].id\n };\n return converted;\n };\n /**\r\n * Get ratio value\r\n *\r\n * @param {String} type Ratio for given type\r\n * @param {Object} d Data value object\r\n * @param {Boolean} asPercent Convert the return as percent or not\r\n * @return {Number} Ratio value\r\n * @private\r\n */\n\n\n ChartInternal.prototype.getRatio = function (type, d, asPercent) {\n if (asPercent === void 0) {\n asPercent = false;\n }\n\n var $$ = this;\n var api = $$.api;\n var ratio = 0;\n\n if (d && api.data.shown.call(api).length) {\n ratio = d.ratio || d.value;\n\n if (type === 'arc') {\n if ($$.hasType('gauge')) {\n ratio = (d.endAngle - d.startAngle) / (Math.PI * ($$.config.gauge_fullCircle ? 2 : 1));\n } else {\n var total = $$.getTotalDataSum();\n ratio = d.value / total;\n }\n } else if (type === 'index') {\n var total = $$.getTotalPerIndex($$.axis.getId(d.id));\n d.ratio = isNumber(d.value) && total && total[d.index] > 0 ? d.value / total[d.index] : 0;\n ratio = d.ratio;\n }\n }\n\n return asPercent && ratio ? ratio * 100 : ratio;\n };\n\n ChartInternal.prototype.updateDataAttributes = function (name, attrs) {\n var $$ = this,\n config = $$.config,\n current = config['data_' + name];\n\n if (typeof attrs === 'undefined') {\n return current;\n }\n\n Object.keys(attrs).forEach(function (id) {\n current[id] = attrs[id];\n });\n $$.redraw({\n withLegend: true\n });\n return current;\n };\n\n ChartInternal.prototype.load = function (targets, args) {\n var $$ = this;\n\n if (targets) {\n // filter loading targets if needed\n if (args.filter) {\n targets = targets.filter(args.filter);\n } // set type if args.types || args.type specified\n\n\n if (args.type || args.types) {\n targets.forEach(function (t) {\n var type = args.types && args.types[t.id] ? args.types[t.id] : args.type;\n $$.setTargetType(t.id, type);\n });\n } // Update/Add data\n\n\n $$.data.targets.forEach(function (d) {\n for (var i = 0; i < targets.length; i++) {\n if (d.id === targets[i].id) {\n d.values = targets[i].values;\n targets.splice(i, 1);\n break;\n }\n }\n });\n $$.data.targets = $$.data.targets.concat(targets); // add remained\n } // Set targets\n\n\n $$.updateTargets($$.data.targets); // Redraw with new targets\n\n $$.redraw({\n withUpdateOrgXDomain: true,\n withUpdateXDomain: true,\n withLegend: true\n });\n\n if (args.done) {\n args.done();\n }\n };\n\n ChartInternal.prototype.loadFromArgs = function (args) {\n var $$ = this;\n $$.resetCache();\n\n if (args.data) {\n $$.load($$.convertDataToTargets(args.data), args);\n } else if (args.url) {\n $$.convertUrlToData(args.url, args.mimeType, args.headers, args.keys, function (data) {\n $$.load($$.convertDataToTargets(data), args);\n });\n } else if (args.json) {\n $$.load($$.convertDataToTargets($$.convertJsonToData(args.json, args.keys)), args);\n } else if (args.rows) {\n $$.load($$.convertDataToTargets($$.convertRowsToData(args.rows)), args);\n } else if (args.columns) {\n $$.load($$.convertDataToTargets($$.convertColumnsToData(args.columns)), args);\n } else {\n $$.load(null, args);\n }\n };\n\n ChartInternal.prototype.unload = function (targetIds, done) {\n var $$ = this;\n $$.resetCache();\n\n if (!done) {\n done = function () {};\n } // filter existing target\n\n\n targetIds = targetIds.filter(function (id) {\n return $$.hasTarget($$.data.targets, id);\n }); // If no target, call done and return\n\n if (!targetIds || targetIds.length === 0) {\n done();\n return;\n }\n\n $$.svg.selectAll(targetIds.map(function (id) {\n return $$.selectorTarget(id);\n })).transition().style('opacity', 0).remove().call($$.endall, done);\n targetIds.forEach(function (id) {\n // Reset fadein for future load\n $$.withoutFadeIn[id] = false; // Remove target's elements\n\n if ($$.legend) {\n $$.legend.selectAll('.' + CLASS.legendItem + $$.getTargetSelectorSuffix(id)).remove();\n } // Remove target\n\n\n $$.data.targets = $$.data.targets.filter(function (t) {\n return t.id !== id;\n });\n });\n };\n\n ChartInternal.prototype.getYDomainMin = function (targets) {\n var $$ = this,\n config = $$.config,\n ids = $$.mapToIds(targets),\n ys = $$.getValuesAsIdKeyed(targets),\n j,\n k,\n baseId,\n idsInGroup,\n id,\n hasNegativeValue;\n\n if (config.data_groups.length > 0) {\n hasNegativeValue = $$.hasNegativeValueInTargets(targets);\n\n for (j = 0; j < config.data_groups.length; j++) {\n // Determine baseId\n idsInGroup = config.data_groups[j].filter(function (id) {\n return ids.indexOf(id) >= 0;\n });\n\n if (idsInGroup.length === 0) {\n continue;\n }\n\n baseId = idsInGroup[0]; // Consider negative values\n\n if (hasNegativeValue && ys[baseId]) {\n ys[baseId].forEach(function (v, i) {\n ys[baseId][i] = v < 0 ? v : 0;\n });\n } // Compute min\n\n\n for (k = 1; k < idsInGroup.length; k++) {\n id = idsInGroup[k];\n\n if (!ys[id]) {\n continue;\n }\n\n ys[id].forEach(function (v, i) {\n if ($$.axis.getId(id) === $$.axis.getId(baseId) && ys[baseId] && !(hasNegativeValue && +v > 0)) {\n ys[baseId][i] += +v;\n }\n });\n }\n }\n }\n\n return $$.d3.min(Object.keys(ys).map(function (key) {\n return $$.d3.min(ys[key]);\n }));\n };\n\n ChartInternal.prototype.getYDomainMax = function (targets) {\n var $$ = this,\n config = $$.config,\n ids = $$.mapToIds(targets),\n ys = $$.getValuesAsIdKeyed(targets),\n j,\n k,\n baseId,\n idsInGroup,\n id,\n hasPositiveValue;\n\n if (config.data_groups.length > 0) {\n hasPositiveValue = $$.hasPositiveValueInTargets(targets);\n\n for (j = 0; j < config.data_groups.length; j++) {\n // Determine baseId\n idsInGroup = config.data_groups[j].filter(function (id) {\n return ids.indexOf(id) >= 0;\n });\n\n if (idsInGroup.length === 0) {\n continue;\n }\n\n baseId = idsInGroup[0]; // Consider positive values\n\n if (hasPositiveValue && ys[baseId]) {\n ys[baseId].forEach(function (v, i) {\n ys[baseId][i] = v > 0 ? v : 0;\n });\n } // Compute max\n\n\n for (k = 1; k < idsInGroup.length; k++) {\n id = idsInGroup[k];\n\n if (!ys[id]) {\n continue;\n }\n\n ys[id].forEach(function (v, i) {\n if ($$.axis.getId(id) === $$.axis.getId(baseId) && ys[baseId] && !(hasPositiveValue && +v < 0)) {\n ys[baseId][i] += +v;\n }\n });\n }\n }\n }\n\n return $$.d3.max(Object.keys(ys).map(function (key) {\n return $$.d3.max(ys[key]);\n }));\n };\n\n ChartInternal.prototype.getYDomain = function (targets, axisId, xDomain) {\n var $$ = this,\n config = $$.config;\n\n if ($$.isAxisNormalized(axisId)) {\n return [0, 100];\n }\n\n var targetsByAxisId = targets.filter(function (t) {\n return $$.axis.getId(t.id) === axisId;\n }),\n yTargets = xDomain ? $$.filterByXDomain(targetsByAxisId, xDomain) : targetsByAxisId,\n yMin = axisId === 'y2' ? config.axis_y2_min : config.axis_y_min,\n yMax = axisId === 'y2' ? config.axis_y2_max : config.axis_y_max,\n yDomainMin = $$.getYDomainMin(yTargets),\n yDomainMax = $$.getYDomainMax(yTargets),\n domain,\n domainLength,\n padding_top,\n padding_bottom,\n center = axisId === 'y2' ? config.axis_y2_center : config.axis_y_center,\n yDomainAbs,\n lengths,\n diff,\n ratio,\n isAllPositive,\n isAllNegative,\n isZeroBased = $$.hasType('bar', yTargets) && config.bar_zerobased || $$.hasType('area', yTargets) && config.area_zerobased,\n isInverted = axisId === 'y2' ? config.axis_y2_inverted : config.axis_y_inverted,\n showHorizontalDataLabel = $$.hasDataLabel() && config.axis_rotated,\n showVerticalDataLabel = $$.hasDataLabel() && !config.axis_rotated; // MEMO: avoid inverting domain unexpectedly\n\n yDomainMin = isValue(yMin) ? yMin : isValue(yMax) ? yDomainMin < yMax ? yDomainMin : yMax - 10 : yDomainMin;\n yDomainMax = isValue(yMax) ? yMax : isValue(yMin) ? yMin < yDomainMax ? yDomainMax : yMin + 10 : yDomainMax;\n\n if (yTargets.length === 0) {\n // use current domain if target of axisId is none\n return axisId === 'y2' ? $$.y2.domain() : $$.y.domain();\n }\n\n if (isNaN(yDomainMin)) {\n // set minimum to zero when not number\n yDomainMin = 0;\n }\n\n if (isNaN(yDomainMax)) {\n // set maximum to have same value as yDomainMin\n yDomainMax = yDomainMin;\n }\n\n if (yDomainMin === yDomainMax) {\n yDomainMin < 0 ? yDomainMax = 0 : yDomainMin = 0;\n }\n\n isAllPositive = yDomainMin >= 0 && yDomainMax >= 0;\n isAllNegative = yDomainMin <= 0 && yDomainMax <= 0; // Cancel zerobased if axis_*_min / axis_*_max specified\n\n if (isValue(yMin) && isAllPositive || isValue(yMax) && isAllNegative) {\n isZeroBased = false;\n } // Bar/Area chart should be 0-based if all positive|negative\n\n\n if (isZeroBased) {\n if (isAllPositive) {\n yDomainMin = 0;\n }\n\n if (isAllNegative) {\n yDomainMax = 0;\n }\n }\n\n domainLength = Math.abs(yDomainMax - yDomainMin);\n padding_top = padding_bottom = domainLength * 0.1;\n\n if (typeof center !== 'undefined') {\n yDomainAbs = Math.max(Math.abs(yDomainMin), Math.abs(yDomainMax));\n yDomainMax = center + yDomainAbs;\n yDomainMin = center - yDomainAbs;\n } // add padding for data label\n\n\n if (showHorizontalDataLabel) {\n lengths = $$.getDataLabelLength(yDomainMin, yDomainMax, 'width');\n diff = diffDomain($$.y.range());\n ratio = [lengths[0] / diff, lengths[1] / diff];\n padding_top += domainLength * (ratio[1] / (1 - ratio[0] - ratio[1]));\n padding_bottom += domainLength * (ratio[0] / (1 - ratio[0] - ratio[1]));\n } else if (showVerticalDataLabel) {\n lengths = $$.getDataLabelLength(yDomainMin, yDomainMax, 'height');\n var pixelsToAxisPadding = $$.getY(config[\"axis_\" + axisId + \"_type\"], // input domain as pixels\n [0, config.axis_rotated ? $$.width : $$.height], // output range as axis padding\n [0, domainLength]);\n padding_top += pixelsToAxisPadding(lengths[1]);\n padding_bottom += pixelsToAxisPadding(lengths[0]);\n }\n\n if (axisId === 'y' && notEmpty(config.axis_y_padding)) {\n padding_top = $$.axis.getPadding(config.axis_y_padding, 'top', padding_top, domainLength);\n padding_bottom = $$.axis.getPadding(config.axis_y_padding, 'bottom', padding_bottom, domainLength);\n }\n\n if (axisId === 'y2' && notEmpty(config.axis_y2_padding)) {\n padding_top = $$.axis.getPadding(config.axis_y2_padding, 'top', padding_top, domainLength);\n padding_bottom = $$.axis.getPadding(config.axis_y2_padding, 'bottom', padding_bottom, domainLength);\n } // Bar/Area chart should be 0-based if all positive|negative\n\n\n if (isZeroBased) {\n if (isAllPositive) {\n padding_bottom = yDomainMin;\n }\n\n if (isAllNegative) {\n padding_top = -yDomainMax;\n }\n }\n\n domain = [yDomainMin - padding_bottom, yDomainMax + padding_top];\n return isInverted ? domain.reverse() : domain;\n };\n\n ChartInternal.prototype.getXDomainMin = function (targets) {\n var $$ = this,\n config = $$.config;\n return isDefined(config.axis_x_min) ? $$.isTimeSeries() ? this.parseDate(config.axis_x_min) : config.axis_x_min : $$.d3.min(targets, function (t) {\n return $$.d3.min(t.values, function (v) {\n return v.x;\n });\n });\n };\n\n ChartInternal.prototype.getXDomainMax = function (targets) {\n var $$ = this,\n config = $$.config;\n return isDefined(config.axis_x_max) ? $$.isTimeSeries() ? this.parseDate(config.axis_x_max) : config.axis_x_max : $$.d3.max(targets, function (t) {\n return $$.d3.max(t.values, function (v) {\n return v.x;\n });\n });\n };\n\n ChartInternal.prototype.getXDomainPadding = function (domain) {\n var $$ = this,\n config = $$.config,\n diff = domain[1] - domain[0],\n maxDataCount,\n padding,\n paddingLeft,\n paddingRight;\n\n if ($$.isCategorized()) {\n padding = 0;\n } else if ($$.hasType('bar')) {\n maxDataCount = $$.getMaxDataCount();\n padding = maxDataCount > 1 ? diff / (maxDataCount - 1) / 2 : 0.5;\n } else {\n padding = diff * 0.01;\n }\n\n if (typeof config.axis_x_padding === 'object' && notEmpty(config.axis_x_padding)) {\n paddingLeft = isValue(config.axis_x_padding.left) ? config.axis_x_padding.left : padding;\n paddingRight = isValue(config.axis_x_padding.right) ? config.axis_x_padding.right : padding;\n } else if (typeof config.axis_x_padding === 'number') {\n paddingLeft = paddingRight = config.axis_x_padding;\n } else {\n paddingLeft = paddingRight = padding;\n }\n\n return {\n left: paddingLeft,\n right: paddingRight\n };\n };\n\n ChartInternal.prototype.getXDomain = function (targets) {\n var $$ = this,\n xDomain = [$$.getXDomainMin(targets), $$.getXDomainMax(targets)],\n firstX = xDomain[0],\n lastX = xDomain[1],\n padding = $$.getXDomainPadding(xDomain),\n min = 0,\n max = 0; // show center of x domain if min and max are the same\n\n if (firstX - lastX === 0 && !$$.isCategorized()) {\n if ($$.isTimeSeries()) {\n firstX = new Date(firstX.getTime() * 0.5);\n lastX = new Date(lastX.getTime() * 1.5);\n } else {\n firstX = firstX === 0 ? 1 : firstX * 0.5;\n lastX = lastX === 0 ? -1 : lastX * 1.5;\n }\n }\n\n if (firstX || firstX === 0) {\n min = $$.isTimeSeries() ? new Date(firstX.getTime() - padding.left) : firstX - padding.left;\n }\n\n if (lastX || lastX === 0) {\n max = $$.isTimeSeries() ? new Date(lastX.getTime() + padding.right) : lastX + padding.right;\n }\n\n return [min, max];\n };\n\n ChartInternal.prototype.updateXDomain = function (targets, withUpdateXDomain, withUpdateOrgXDomain, withTrim, domain) {\n var $$ = this,\n config = $$.config;\n\n if (withUpdateOrgXDomain) {\n $$.x.domain(domain ? domain : $$.d3.extent($$.getXDomain(targets)));\n $$.orgXDomain = $$.x.domain();\n\n if (config.zoom_enabled) {\n $$.zoom.update();\n }\n\n $$.subX.domain($$.x.domain());\n\n if ($$.brush) {\n $$.brush.updateScale($$.subX);\n }\n }\n\n if (withUpdateXDomain) {\n $$.x.domain(domain ? domain : !$$.brush || $$.brush.empty() ? $$.orgXDomain : $$.brush.selectionAsValue());\n } // Trim domain when too big by zoom mousemove event\n\n\n if (withTrim) {\n $$.x.domain($$.trimXDomain($$.x.orgDomain()));\n }\n\n return $$.x.domain();\n };\n\n ChartInternal.prototype.trimXDomain = function (domain) {\n var zoomDomain = this.getZoomDomain(),\n min = zoomDomain[0],\n max = zoomDomain[1];\n\n if (domain[0] <= min) {\n domain[1] = +domain[1] + (min - domain[0]);\n domain[0] = min;\n }\n\n if (max <= domain[1]) {\n domain[0] = +domain[0] - (domain[1] - max);\n domain[1] = max;\n }\n\n return domain;\n };\n\n ChartInternal.prototype.drag = function (mouse) {\n var $$ = this,\n config = $$.config,\n main = $$.main,\n d3 = $$.d3;\n var sx, sy, mx, my, minX, maxX, minY, maxY;\n\n if ($$.hasArcType()) {\n return;\n }\n\n if (!config.data_selection_enabled) {\n return;\n } // do nothing if not selectable\n\n\n if (!config.data_selection_multiple) {\n return;\n } // skip when single selection because drag is used for multiple selection\n\n\n sx = $$.dragStart[0];\n sy = $$.dragStart[1];\n mx = mouse[0];\n my = mouse[1];\n minX = Math.min(sx, mx);\n maxX = Math.max(sx, mx);\n minY = config.data_selection_grouped ? $$.margin.top : Math.min(sy, my);\n maxY = config.data_selection_grouped ? $$.height : Math.max(sy, my);\n main.select('.' + CLASS.dragarea).attr('x', minX).attr('y', minY).attr('width', maxX - minX).attr('height', maxY - minY); // TODO: binary search when multiple xs\n\n main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {\n if (!config.data_selection_isselectable(d)) {\n return;\n }\n\n var shape = d3.select(this),\n isSelected = shape.classed(CLASS.SELECTED),\n isIncluded = shape.classed(CLASS.INCLUDED),\n _x,\n _y,\n _w,\n _h,\n toggle,\n isWithin = false,\n box;\n\n if (shape.classed(CLASS.circle)) {\n _x = shape.attr('cx') * 1;\n _y = shape.attr('cy') * 1;\n toggle = $$.togglePoint;\n isWithin = minX < _x && _x < maxX && minY < _y && _y < maxY;\n } else if (shape.classed(CLASS.bar)) {\n box = getPathBox(this);\n _x = box.x;\n _y = box.y;\n _w = box.width;\n _h = box.height;\n toggle = $$.togglePath;\n isWithin = !(maxX < _x || _x + _w < minX) && !(maxY < _y || _y + _h < minY);\n } else {\n // line/area selection not supported yet\n return;\n }\n\n if (isWithin ^ isIncluded) {\n shape.classed(CLASS.INCLUDED, !isIncluded); // TODO: included/unincluded callback here\n\n shape.classed(CLASS.SELECTED, !isSelected);\n toggle.call($$, !isSelected, shape, d, i);\n }\n });\n };\n\n ChartInternal.prototype.dragstart = function (mouse) {\n var $$ = this,\n config = $$.config;\n\n if ($$.hasArcType()) {\n return;\n }\n\n if (!config.data_selection_enabled) {\n return;\n } // do nothing if not selectable\n\n\n $$.dragStart = mouse;\n $$.main.select('.' + CLASS.chart).append('rect').attr('class', CLASS.dragarea).style('opacity', 0.1);\n $$.dragging = true;\n };\n\n ChartInternal.prototype.dragend = function () {\n var $$ = this,\n config = $$.config;\n\n if ($$.hasArcType()) {\n return;\n }\n\n if (!config.data_selection_enabled) {\n return;\n } // do nothing if not selectable\n\n\n $$.main.select('.' + CLASS.dragarea).transition().duration(100).style('opacity', 0).remove();\n $$.main.selectAll('.' + CLASS.shape).classed(CLASS.INCLUDED, false);\n $$.dragging = false;\n };\n\n ChartInternal.prototype.getYFormat = function (forArc) {\n var $$ = this,\n formatForY = forArc && !$$.hasType('gauge') ? $$.defaultArcValueFormat : $$.yFormat,\n formatForY2 = forArc && !$$.hasType('gauge') ? $$.defaultArcValueFormat : $$.y2Format;\n return function (v, ratio, id) {\n var format = $$.axis.getId(id) === 'y2' ? formatForY2 : formatForY;\n return format.call($$, v, ratio);\n };\n };\n\n ChartInternal.prototype.yFormat = function (v) {\n var $$ = this,\n config = $$.config,\n format = config.axis_y_tick_format ? config.axis_y_tick_format : $$.defaultValueFormat;\n return format(v);\n };\n\n ChartInternal.prototype.y2Format = function (v) {\n var $$ = this,\n config = $$.config,\n format = config.axis_y2_tick_format ? config.axis_y2_tick_format : $$.defaultValueFormat;\n return format(v);\n };\n\n ChartInternal.prototype.defaultValueFormat = function (v) {\n return isValue(v) ? +v : '';\n };\n\n ChartInternal.prototype.defaultArcValueFormat = function (v, ratio) {\n return (ratio * 100).toFixed(1) + '%';\n };\n\n ChartInternal.prototype.dataLabelFormat = function (targetId) {\n var $$ = this,\n data_labels = $$.config.data_labels,\n format,\n defaultFormat = function (v) {\n return isValue(v) ? +v : '';\n }; // find format according to axis id\n\n\n if (typeof data_labels.format === 'function') {\n format = data_labels.format;\n } else if (typeof data_labels.format === 'object') {\n if (data_labels.format[targetId]) {\n format = data_labels.format[targetId] === true ? defaultFormat : data_labels.format[targetId];\n } else {\n format = function () {\n return '';\n };\n }\n } else {\n format = defaultFormat;\n }\n\n return format;\n };\n\n ChartInternal.prototype.initGrid = function () {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3;\n $$.grid = $$.main.append('g').attr('clip-path', $$.clipPathForGrid).attr('class', CLASS.grid);\n\n if (config.grid_x_show) {\n $$.grid.append('g').attr('class', CLASS.xgrids);\n }\n\n if (config.grid_y_show) {\n $$.grid.append('g').attr('class', CLASS.ygrids);\n }\n\n if (config.grid_focus_show) {\n $$.grid.append('g').attr('class', CLASS.xgridFocus).append('line').attr('class', CLASS.xgridFocus);\n }\n\n $$.xgrid = d3.selectAll([]);\n\n if (!config.grid_lines_front) {\n $$.initGridLines();\n }\n };\n\n ChartInternal.prototype.initGridLines = function () {\n var $$ = this,\n d3 = $$.d3;\n $$.gridLines = $$.main.append('g').attr('clip-path', $$.clipPathForGrid).attr('class', CLASS.grid + ' ' + CLASS.gridLines);\n $$.gridLines.append('g').attr('class', CLASS.xgridLines);\n $$.gridLines.append('g').attr('class', CLASS.ygridLines);\n $$.xgridLines = d3.selectAll([]);\n };\n\n ChartInternal.prototype.updateXGrid = function (withoutUpdate) {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3,\n xgridData = $$.generateGridData(config.grid_x_type, $$.x),\n tickOffset = $$.isCategorized() ? $$.xAxis.tickOffset() : 0;\n $$.xgridAttr = config.axis_rotated ? {\n x1: 0,\n x2: $$.width,\n y1: function (d) {\n return $$.x(d) - tickOffset;\n },\n y2: function (d) {\n return $$.x(d) - tickOffset;\n }\n } : {\n x1: function (d) {\n return $$.x(d) + tickOffset;\n },\n x2: function (d) {\n return $$.x(d) + tickOffset;\n },\n y1: 0,\n y2: $$.height\n };\n\n $$.xgridAttr.opacity = function () {\n var pos = +d3.select(this).attr(config.axis_rotated ? 'y1' : 'x1');\n return pos === (config.axis_rotated ? $$.height : 0) ? 0 : 1;\n };\n\n var xgrid = $$.main.select('.' + CLASS.xgrids).selectAll('.' + CLASS.xgrid).data(xgridData);\n var xgridEnter = xgrid.enter().append('line').attr('class', CLASS.xgrid).attr('x1', $$.xgridAttr.x1).attr('x2', $$.xgridAttr.x2).attr('y1', $$.xgridAttr.y1).attr('y2', $$.xgridAttr.y2).style('opacity', 0);\n $$.xgrid = xgridEnter.merge(xgrid);\n\n if (!withoutUpdate) {\n $$.xgrid.attr('x1', $$.xgridAttr.x1).attr('x2', $$.xgridAttr.x2).attr('y1', $$.xgridAttr.y1).attr('y2', $$.xgridAttr.y2).style('opacity', $$.xgridAttr.opacity);\n }\n\n xgrid.exit().remove();\n };\n\n ChartInternal.prototype.updateYGrid = function () {\n var $$ = this,\n config = $$.config,\n gridValues = $$.yAxis.tickValues() || $$.y.ticks(config.grid_y_ticks);\n var ygrid = $$.main.select('.' + CLASS.ygrids).selectAll('.' + CLASS.ygrid).data(gridValues);\n var ygridEnter = ygrid.enter().append('line') // TODO: x1, x2, y1, y2, opacity need to be set here maybe\n .attr('class', CLASS.ygrid);\n $$.ygrid = ygridEnter.merge(ygrid);\n $$.ygrid.attr('x1', config.axis_rotated ? $$.y : 0).attr('x2', config.axis_rotated ? $$.y : $$.width).attr('y1', config.axis_rotated ? 0 : $$.y).attr('y2', config.axis_rotated ? $$.height : $$.y);\n ygrid.exit().remove();\n $$.smoothLines($$.ygrid, 'grid');\n };\n\n ChartInternal.prototype.gridTextAnchor = function (d) {\n return d.position ? d.position : 'end';\n };\n\n ChartInternal.prototype.gridTextDx = function (d) {\n return d.position === 'start' ? 4 : d.position === 'middle' ? 0 : -4;\n };\n\n ChartInternal.prototype.xGridTextX = function (d) {\n return d.position === 'start' ? -this.height : d.position === 'middle' ? -this.height / 2 : 0;\n };\n\n ChartInternal.prototype.yGridTextX = function (d) {\n return d.position === 'start' ? 0 : d.position === 'middle' ? this.width / 2 : this.width;\n };\n\n ChartInternal.prototype.updateGrid = function (duration) {\n var $$ = this,\n main = $$.main,\n config = $$.config,\n xgridLine,\n xgridLineEnter,\n ygridLine,\n ygridLineEnter,\n xv = $$.xv.bind($$),\n yv = $$.yv.bind($$),\n xGridTextX = $$.xGridTextX.bind($$),\n yGridTextX = $$.yGridTextX.bind($$); // hide if arc type\n\n $$.grid.style('visibility', $$.hasArcType() ? 'hidden' : 'visible');\n main.select('line.' + CLASS.xgridFocus).style('visibility', 'hidden');\n\n if (config.grid_x_show) {\n $$.updateXGrid();\n }\n\n xgridLine = main.select('.' + CLASS.xgridLines).selectAll('.' + CLASS.xgridLine).data(config.grid_x_lines); // enter\n\n xgridLineEnter = xgridLine.enter().append('g').attr('class', function (d) {\n return CLASS.xgridLine + (d['class'] ? ' ' + d['class'] : '');\n });\n xgridLineEnter.append('line').attr('x1', config.axis_rotated ? 0 : xv).attr('x2', config.axis_rotated ? $$.width : xv).attr('y1', config.axis_rotated ? xv : 0).attr('y2', config.axis_rotated ? xv : $$.height).style('opacity', 0);\n xgridLineEnter.append('text').attr('text-anchor', $$.gridTextAnchor).attr('transform', config.axis_rotated ? '' : 'rotate(-90)').attr('x', config.axis_rotated ? yGridTextX : xGridTextX).attr('y', xv).attr('dx', $$.gridTextDx).attr('dy', -5).style('opacity', 0); // udpate\n\n $$.xgridLines = xgridLineEnter.merge(xgridLine); // done in d3.transition() of the end of this function\n // exit\n\n xgridLine.exit().transition().duration(duration).style('opacity', 0).remove(); // Y-Grid\n\n if (config.grid_y_show) {\n $$.updateYGrid();\n }\n\n ygridLine = main.select('.' + CLASS.ygridLines).selectAll('.' + CLASS.ygridLine).data(config.grid_y_lines); // enter\n\n ygridLineEnter = ygridLine.enter().append('g').attr('class', function (d) {\n return CLASS.ygridLine + (d['class'] ? ' ' + d['class'] : '');\n });\n ygridLineEnter.append('line').attr('x1', config.axis_rotated ? yv : 0).attr('x2', config.axis_rotated ? yv : $$.width).attr('y1', config.axis_rotated ? 0 : yv).attr('y2', config.axis_rotated ? $$.height : yv).style('opacity', 0);\n ygridLineEnter.append('text').attr('text-anchor', $$.gridTextAnchor).attr('transform', config.axis_rotated ? 'rotate(-90)' : '').attr('x', config.axis_rotated ? xGridTextX : yGridTextX).attr('y', yv).attr('dx', $$.gridTextDx).attr('dy', -5).style('opacity', 0); // update\n\n $$.ygridLines = ygridLineEnter.merge(ygridLine);\n $$.ygridLines.select('line').transition().duration(duration).attr('x1', config.axis_rotated ? yv : 0).attr('x2', config.axis_rotated ? yv : $$.width).attr('y1', config.axis_rotated ? 0 : yv).attr('y2', config.axis_rotated ? $$.height : yv).style('opacity', 1);\n $$.ygridLines.select('text').transition().duration(duration).attr('x', config.axis_rotated ? $$.xGridTextX.bind($$) : $$.yGridTextX.bind($$)).attr('y', yv).text(function (d) {\n return d.text;\n }).style('opacity', 1); // exit\n\n ygridLine.exit().transition().duration(duration).style('opacity', 0).remove();\n };\n\n ChartInternal.prototype.redrawGrid = function (withTransition, transition) {\n var $$ = this,\n config = $$.config,\n xv = $$.xv.bind($$),\n lines = $$.xgridLines.select('line'),\n texts = $$.xgridLines.select('text');\n return [(withTransition ? lines.transition(transition) : lines).attr('x1', config.axis_rotated ? 0 : xv).attr('x2', config.axis_rotated ? $$.width : xv).attr('y1', config.axis_rotated ? xv : 0).attr('y2', config.axis_rotated ? xv : $$.height).style('opacity', 1), (withTransition ? texts.transition(transition) : texts).attr('x', config.axis_rotated ? $$.yGridTextX.bind($$) : $$.xGridTextX.bind($$)).attr('y', xv).text(function (d) {\n return d.text;\n }).style('opacity', 1)];\n };\n\n ChartInternal.prototype.showXGridFocus = function (selectedData) {\n var $$ = this,\n config = $$.config,\n dataToShow = selectedData.filter(function (d) {\n return d && isValue(d.value);\n }),\n focusEl = $$.main.selectAll('line.' + CLASS.xgridFocus),\n xx = $$.xx.bind($$);\n\n if (!config.tooltip_show) {\n return;\n } // Hide when stanford plot exists\n\n\n if ($$.hasType('stanford') || $$.hasArcType()) {\n return;\n }\n\n focusEl.style('visibility', 'visible').data([dataToShow[0]]).attr(config.axis_rotated ? 'y1' : 'x1', xx).attr(config.axis_rotated ? 'y2' : 'x2', xx);\n $$.smoothLines(focusEl, 'grid');\n };\n\n ChartInternal.prototype.hideXGridFocus = function () {\n this.main.select('line.' + CLASS.xgridFocus).style('visibility', 'hidden');\n };\n\n ChartInternal.prototype.updateXgridFocus = function () {\n var $$ = this,\n config = $$.config;\n $$.main.select('line.' + CLASS.xgridFocus).attr('x1', config.axis_rotated ? 0 : -10).attr('x2', config.axis_rotated ? $$.width : -10).attr('y1', config.axis_rotated ? -10 : 0).attr('y2', config.axis_rotated ? -10 : $$.height);\n };\n\n ChartInternal.prototype.generateGridData = function (type, scale) {\n var $$ = this,\n gridData = [],\n xDomain,\n firstYear,\n lastYear,\n i,\n tickNum = $$.main.select('.' + CLASS.axisX).selectAll('.tick').size();\n\n if (type === 'year') {\n xDomain = $$.getXDomain();\n firstYear = xDomain[0].getFullYear();\n lastYear = xDomain[1].getFullYear();\n\n for (i = firstYear; i <= lastYear; i++) {\n gridData.push(new Date(i + '-01-01 00:00:00'));\n }\n } else {\n gridData = scale.ticks(10);\n\n if (gridData.length > tickNum) {\n // use only int\n gridData = gridData.filter(function (d) {\n return ('' + d).indexOf('.') < 0;\n });\n }\n }\n\n return gridData;\n };\n\n ChartInternal.prototype.getGridFilterToRemove = function (params) {\n return params ? function (line) {\n var found = false;\n [].concat(params).forEach(function (param) {\n if ('value' in param && line.value === param.value || 'class' in param && line['class'] === param['class']) {\n found = true;\n }\n });\n return found;\n } : function () {\n return true;\n };\n };\n\n ChartInternal.prototype.removeGridLines = function (params, forX) {\n var $$ = this,\n config = $$.config,\n toRemove = $$.getGridFilterToRemove(params),\n toShow = function (line) {\n return !toRemove(line);\n },\n classLines = forX ? CLASS.xgridLines : CLASS.ygridLines,\n classLine = forX ? CLASS.xgridLine : CLASS.ygridLine;\n\n $$.main.select('.' + classLines).selectAll('.' + classLine).filter(toRemove).transition().duration(config.transition_duration).style('opacity', 0).remove();\n\n if (forX) {\n config.grid_x_lines = config.grid_x_lines.filter(toShow);\n } else {\n config.grid_y_lines = config.grid_y_lines.filter(toShow);\n }\n };\n\n ChartInternal.prototype.initEventRect = function () {\n var $$ = this,\n config = $$.config;\n $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.eventRects).style('fill-opacity', 0);\n $$.eventRect = $$.main.select('.' + CLASS.eventRects).append('rect').attr('class', CLASS.eventRect); // event rect handle zoom event as well\n\n if (config.zoom_enabled && $$.zoom) {\n $$.eventRect.call($$.zoom).on('dblclick.zoom', null);\n\n if (config.zoom_initialRange) {\n // WORKAROUND: Add transition to apply transform immediately when no subchart\n $$.eventRect.transition().duration(0).call($$.zoom.transform, $$.zoomTransform(config.zoom_initialRange));\n }\n }\n };\n\n ChartInternal.prototype.redrawEventRect = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config;\n\n function mouseout() {\n $$.svg.select('.' + CLASS.eventRect).style('cursor', null);\n $$.hideXGridFocus();\n $$.hideTooltip();\n $$.unexpandCircles();\n $$.unexpandBars();\n }\n\n var isHoveringDataPoint = function (mouse, closest) {\n return closest && ($$.isBarType(closest.id) || $$.dist(closest, mouse) < config.point_sensitivity);\n };\n\n var withName = function (d) {\n return d ? $$.addName(Object.assign({}, d)) : null;\n }; // rects for mouseover\n\n\n $$.main.select('.' + CLASS.eventRects).style('cursor', config.zoom_enabled ? config.axis_rotated ? 'ns-resize' : 'ew-resize' : null);\n $$.eventRect.attr('x', 0).attr('y', 0).attr('width', $$.width).attr('height', $$.height).on('mouseout', config.interaction_enabled ? function () {\n if (!config) {\n return;\n } // chart is destroyed\n\n\n if ($$.hasArcType()) {\n return;\n }\n\n if ($$.mouseover) {\n config.data_onmouseout.call($$.api, $$.mouseover);\n $$.mouseover = undefined;\n }\n\n mouseout();\n } : null).on('mousemove', config.interaction_enabled ? function () {\n // do nothing when dragging\n if ($$.dragging) {\n return;\n }\n\n var targetsToShow = $$.getTargetsToShow(); // do nothing if arc type\n\n if ($$.hasArcType(targetsToShow)) {\n return;\n }\n\n var mouse = d3.mouse(this);\n var closest = withName($$.findClosestFromTargets(targetsToShow, mouse));\n var isMouseCloseToDataPoint = isHoveringDataPoint(mouse, closest); // ensure onmouseout is always called if mousemove switch between 2 targets\n\n if ($$.mouseover && (!closest || closest.id !== $$.mouseover.id || closest.index !== $$.mouseover.index)) {\n config.data_onmouseout.call($$.api, $$.mouseover);\n $$.mouseover = undefined;\n }\n\n if (closest && !$$.mouseover) {\n config.data_onmouseover.call($$.api, closest);\n $$.mouseover = closest;\n } // show cursor as pointer if we're hovering a data point close enough\n\n\n $$.svg.select('.' + CLASS.eventRect).style('cursor', isMouseCloseToDataPoint ? 'pointer' : null); // if tooltip not grouped, we want to display only data from closest data point\n\n var showSingleDataPoint = !config.tooltip_grouped || $$.hasType('stanford', targetsToShow); // find data to highlight\n\n var selectedData;\n\n if (showSingleDataPoint) {\n if (closest) {\n selectedData = [closest];\n }\n } else {\n var closestByX = void 0;\n\n if (closest) {\n // reuse closest value\n closestByX = closest;\n } else {\n // try to find the closest value by X values from the mouse position\n var mouseX = config.axis_rotated ? mouse[1] : mouse[0];\n closestByX = $$.findClosestFromTargetsByX(targetsToShow, $$.x.invert(mouseX));\n } // highlight all data for this 'x' value\n\n\n if (closestByX) {\n selectedData = $$.filterByX(targetsToShow, closestByX.x);\n }\n } // ensure we have data to show\n\n\n if (!selectedData || selectedData.length === 0) {\n return mouseout();\n } // inject names for each point\n\n\n selectedData = selectedData.map(withName); // show tooltip\n\n $$.showTooltip(selectedData, this); // expand points\n\n if (config.point_focus_expand_enabled) {\n $$.unexpandCircles();\n selectedData.forEach(function (d) {\n $$.expandCircles(d.index, d.id, false);\n });\n } // expand bars\n\n\n $$.unexpandBars();\n selectedData.forEach(function (d) {\n $$.expandBars(d.index, d.id, false);\n }); // Show xgrid focus line\n\n $$.showXGridFocus(selectedData);\n } : null).on('click', config.interaction_enabled ? function () {\n var targetsToShow = $$.getTargetsToShow();\n\n if ($$.hasArcType(targetsToShow)) {\n return;\n }\n\n var mouse = d3.mouse(this);\n var closest = withName($$.findClosestFromTargets(targetsToShow, mouse));\n\n if (!isHoveringDataPoint(mouse, closest)) {\n return;\n } // select if selection enabled\n\n\n var sameXData;\n\n if (!config.data_selection_grouped || $$.isStanfordType(closest)) {\n sameXData = [closest];\n } else {\n sameXData = $$.filterByX(targetsToShow, closest.x);\n } // toggle selected state\n\n\n sameXData.forEach(function (d) {\n $$.main.selectAll('.' + CLASS.shapes + $$.getTargetSelectorSuffix(d.id)).selectAll('.' + CLASS.shape + '-' + d.index).each(function () {\n if (config.data_selection_grouped || $$.isWithinShape(this, d)) {\n $$.toggleShape(this, d, d.index);\n }\n });\n }); // call data_onclick on the closest data point\n\n if (closest) {\n var shape = $$.main.selectAll('.' + CLASS.shapes + $$.getTargetSelectorSuffix(closest.id)).select('.' + CLASS.shape + '-' + closest.index);\n config.data_onclick.call($$.api, closest, shape.node());\n }\n } : null).call(config.interaction_enabled && config.data_selection_draggable && $$.drag ? d3.drag().on('drag', function () {\n $$.drag(d3.mouse(this));\n }).on('start', function () {\n $$.dragstart(d3.mouse(this));\n }).on('end', function () {\n $$.dragend();\n }) : function () {});\n };\n\n ChartInternal.prototype.getMousePosition = function (data) {\n var $$ = this;\n return [$$.x(data.x), $$.getYScale(data.id)(data.value)];\n };\n\n ChartInternal.prototype.dispatchEvent = function (type, mouse) {\n var $$ = this,\n selector = '.' + CLASS.eventRect,\n eventRect = $$.main.select(selector).node(),\n box = eventRect.getBoundingClientRect(),\n x = box.left + (mouse ? mouse[0] : 0),\n y = box.top + (mouse ? mouse[1] : 0),\n event = document.createEvent('MouseEvents');\n event.initMouseEvent(type, true, true, window, 0, x, y, x, y, false, false, false, false, 0, null);\n eventRect.dispatchEvent(event);\n };\n\n ChartInternal.prototype.initLegend = function () {\n var $$ = this;\n $$.legendItemTextBox = {};\n $$.legendHasRendered = false;\n $$.legend = $$.svg.append('g').attr('transform', $$.getTranslate('legend'));\n\n if (!$$.config.legend_show) {\n $$.legend.style('visibility', 'hidden');\n $$.hiddenLegendIds = $$.mapToIds($$.data.targets);\n return;\n } // MEMO: call here to update legend box and tranlate for all\n // MEMO: translate will be updated by this, so transform not needed in updateLegend()\n\n\n $$.updateLegendWithDefaults();\n };\n\n ChartInternal.prototype.updateLegendWithDefaults = function () {\n var $$ = this;\n $$.updateLegend($$.mapToIds($$.data.targets), {\n withTransform: false,\n withTransitionForTransform: false,\n withTransition: false\n });\n };\n\n ChartInternal.prototype.updateSizeForLegend = function (legendHeight, legendWidth) {\n var $$ = this,\n config = $$.config,\n insetLegendPosition = {\n top: $$.isLegendTop ? $$.getCurrentPaddingTop() + config.legend_inset_y + 5.5 : $$.currentHeight - legendHeight - $$.getCurrentPaddingBottom() - config.legend_inset_y,\n left: $$.isLegendLeft ? $$.getCurrentPaddingLeft() + config.legend_inset_x + 0.5 : $$.currentWidth - legendWidth - $$.getCurrentPaddingRight() - config.legend_inset_x + 0.5\n };\n $$.margin3 = {\n top: $$.isLegendRight ? 0 : $$.isLegendInset ? insetLegendPosition.top : $$.currentHeight - legendHeight,\n right: NaN,\n bottom: 0,\n left: $$.isLegendRight ? $$.currentWidth - legendWidth : $$.isLegendInset ? insetLegendPosition.left : 0\n };\n };\n\n ChartInternal.prototype.transformLegend = function (withTransition) {\n var $$ = this;\n (withTransition ? $$.legend.transition() : $$.legend).attr('transform', $$.getTranslate('legend'));\n };\n\n ChartInternal.prototype.updateLegendStep = function (step) {\n this.legendStep = step;\n };\n\n ChartInternal.prototype.updateLegendItemWidth = function (w) {\n this.legendItemWidth = w;\n };\n\n ChartInternal.prototype.updateLegendItemHeight = function (h) {\n this.legendItemHeight = h;\n };\n\n ChartInternal.prototype.getLegendWidth = function () {\n var $$ = this;\n return $$.config.legend_show ? $$.isLegendRight || $$.isLegendInset ? $$.legendItemWidth * ($$.legendStep + 1) : $$.currentWidth : 0;\n };\n\n ChartInternal.prototype.getLegendHeight = function () {\n var $$ = this,\n h = 0;\n\n if ($$.config.legend_show) {\n if ($$.isLegendRight) {\n h = $$.currentHeight;\n } else {\n h = Math.max(20, $$.legendItemHeight) * ($$.legendStep + 1);\n }\n }\n\n return h;\n };\n\n ChartInternal.prototype.opacityForLegend = function (legendItem) {\n return legendItem.classed(CLASS.legendItemHidden) ? null : 1;\n };\n\n ChartInternal.prototype.opacityForUnfocusedLegend = function (legendItem) {\n return legendItem.classed(CLASS.legendItemHidden) ? null : 0.3;\n };\n\n ChartInternal.prototype.toggleFocusLegend = function (targetIds, focus) {\n var $$ = this;\n targetIds = $$.mapToTargetIds(targetIds);\n $$.legend.selectAll('.' + CLASS.legendItem).filter(function (id) {\n return targetIds.indexOf(id) >= 0;\n }).classed(CLASS.legendItemFocused, focus).transition().duration(100).style('opacity', function () {\n var opacity = focus ? $$.opacityForLegend : $$.opacityForUnfocusedLegend;\n return opacity.call($$, $$.d3.select(this));\n });\n };\n\n ChartInternal.prototype.revertLegend = function () {\n var $$ = this,\n d3 = $$.d3;\n $$.legend.selectAll('.' + CLASS.legendItem).classed(CLASS.legendItemFocused, false).transition().duration(100).style('opacity', function () {\n return $$.opacityForLegend(d3.select(this));\n });\n };\n\n ChartInternal.prototype.showLegend = function (targetIds) {\n var $$ = this,\n config = $$.config;\n\n if (!config.legend_show) {\n config.legend_show = true;\n $$.legend.style('visibility', 'visible');\n\n if (!$$.legendHasRendered) {\n $$.updateLegendWithDefaults();\n }\n }\n\n $$.removeHiddenLegendIds(targetIds);\n $$.legend.selectAll($$.selectorLegends(targetIds)).style('visibility', 'visible').transition().style('opacity', function () {\n return $$.opacityForLegend($$.d3.select(this));\n });\n };\n\n ChartInternal.prototype.hideLegend = function (targetIds) {\n var $$ = this,\n config = $$.config;\n\n if (config.legend_show && isEmpty(targetIds)) {\n config.legend_show = false;\n $$.legend.style('visibility', 'hidden');\n }\n\n $$.addHiddenLegendIds(targetIds);\n $$.legend.selectAll($$.selectorLegends(targetIds)).style('opacity', 0).style('visibility', 'hidden');\n };\n\n ChartInternal.prototype.clearLegendItemTextBoxCache = function () {\n this.legendItemTextBox = {};\n };\n\n ChartInternal.prototype.updateLegend = function (targetIds, options, transitions) {\n var $$ = this,\n config = $$.config;\n var xForLegend, xForLegendText, xForLegendRect, yForLegend, yForLegendText, yForLegendRect, x1ForLegendTile, x2ForLegendTile, yForLegendTile;\n var paddingTop = 4,\n paddingRight = 10,\n maxWidth = 0,\n maxHeight = 0,\n posMin = 10,\n tileWidth = config.legend_item_tile_width + 5;\n var l,\n totalLength = 0,\n offsets = {},\n widths = {},\n heights = {},\n margins = [0],\n steps = {},\n step = 0;\n var withTransition, withTransitionForTransform;\n var texts, rects, tiles, background; // Skip elements when their name is set to null\n\n targetIds = targetIds.filter(function (id) {\n return !isDefined(config.data_names[id]) || config.data_names[id] !== null;\n });\n options = options || {};\n withTransition = getOption(options, 'withTransition', true);\n withTransitionForTransform = getOption(options, 'withTransitionForTransform', true);\n\n function getTextBox(textElement, id) {\n if (!$$.legendItemTextBox[id]) {\n $$.legendItemTextBox[id] = $$.getTextRect(textElement.textContent, CLASS.legendItem, textElement);\n }\n\n return $$.legendItemTextBox[id];\n }\n\n function updatePositions(textElement, id, index) {\n var reset = index === 0,\n isLast = index === targetIds.length - 1,\n box = getTextBox(textElement, id),\n itemWidth = box.width + tileWidth + (isLast && !($$.isLegendRight || $$.isLegendInset) ? 0 : paddingRight) + config.legend_padding,\n itemHeight = box.height + paddingTop,\n itemLength = $$.isLegendRight || $$.isLegendInset ? itemHeight : itemWidth,\n areaLength = $$.isLegendRight || $$.isLegendInset ? $$.getLegendHeight() : $$.getLegendWidth(),\n margin,\n maxLength; // MEMO: care about condifion of step, totalLength\n\n function updateValues(id, withoutStep) {\n if (!withoutStep) {\n margin = (areaLength - totalLength - itemLength) / 2;\n\n if (margin < posMin) {\n margin = (areaLength - itemLength) / 2;\n totalLength = 0;\n step++;\n }\n }\n\n steps[id] = step;\n margins[step] = $$.isLegendInset ? 10 : margin;\n offsets[id] = totalLength;\n totalLength += itemLength;\n }\n\n if (reset) {\n totalLength = 0;\n step = 0;\n maxWidth = 0;\n maxHeight = 0;\n }\n\n if (config.legend_show && !$$.isLegendToShow(id)) {\n widths[id] = heights[id] = steps[id] = offsets[id] = 0;\n return;\n }\n\n widths[id] = itemWidth;\n heights[id] = itemHeight;\n\n if (!maxWidth || itemWidth >= maxWidth) {\n maxWidth = itemWidth;\n }\n\n if (!maxHeight || itemHeight >= maxHeight) {\n maxHeight = itemHeight;\n }\n\n maxLength = $$.isLegendRight || $$.isLegendInset ? maxHeight : maxWidth;\n\n if (config.legend_equally) {\n Object.keys(widths).forEach(function (id) {\n widths[id] = maxWidth;\n });\n Object.keys(heights).forEach(function (id) {\n heights[id] = maxHeight;\n });\n margin = (areaLength - maxLength * targetIds.length) / 2;\n\n if (margin < posMin) {\n totalLength = 0;\n step = 0;\n targetIds.forEach(function (id) {\n updateValues(id);\n });\n } else {\n updateValues(id, true);\n }\n } else {\n updateValues(id);\n }\n }\n\n if ($$.isLegendInset) {\n step = config.legend_inset_step ? config.legend_inset_step : targetIds.length;\n $$.updateLegendStep(step);\n }\n\n if ($$.isLegendRight) {\n xForLegend = function (id) {\n return maxWidth * steps[id];\n };\n\n yForLegend = function (id) {\n return margins[steps[id]] + offsets[id];\n };\n } else if ($$.isLegendInset) {\n xForLegend = function (id) {\n return maxWidth * steps[id] + 10;\n };\n\n yForLegend = function (id) {\n return margins[steps[id]] + offsets[id];\n };\n } else {\n xForLegend = function (id) {\n return margins[steps[id]] + offsets[id];\n };\n\n yForLegend = function (id) {\n return maxHeight * steps[id];\n };\n }\n\n xForLegendText = function (id, i) {\n return xForLegend(id, i) + 4 + config.legend_item_tile_width;\n };\n\n yForLegendText = function (id, i) {\n return yForLegend(id, i) + 9;\n };\n\n xForLegendRect = function (id, i) {\n return xForLegend(id, i);\n };\n\n yForLegendRect = function (id, i) {\n return yForLegend(id, i) - 5;\n };\n\n x1ForLegendTile = function (id, i) {\n return xForLegend(id, i) - 2;\n };\n\n x2ForLegendTile = function (id, i) {\n return xForLegend(id, i) - 2 + config.legend_item_tile_width;\n };\n\n yForLegendTile = function (id, i) {\n return yForLegend(id, i) + 4;\n }; // Define g for legend area\n\n\n l = $$.legend.selectAll('.' + CLASS.legendItem).data(targetIds).enter().append('g').attr('class', function (id) {\n return $$.generateClass(CLASS.legendItem, id);\n }).style('visibility', function (id) {\n return $$.isLegendToShow(id) ? 'visible' : 'hidden';\n }).style('cursor', function () {\n return config.interaction_enabled ? 'pointer' : 'auto';\n }).on('click', config.interaction_enabled ? function (id) {\n if (config.legend_item_onclick) {\n config.legend_item_onclick.call($$, id);\n } else {\n if ($$.d3.event.altKey) {\n $$.api.hide();\n $$.api.show(id);\n } else {\n $$.api.toggle(id);\n $$.isTargetToShow(id) ? $$.api.focus(id) : $$.api.revert();\n }\n }\n } : null).on('mouseover', config.interaction_enabled ? function (id) {\n if (config.legend_item_onmouseover) {\n config.legend_item_onmouseover.call($$, id);\n } else {\n $$.d3.select(this).classed(CLASS.legendItemFocused, true);\n\n if (!$$.transiting && $$.isTargetToShow(id)) {\n $$.api.focus(id);\n }\n }\n } : null).on('mouseout', config.interaction_enabled ? function (id) {\n if (config.legend_item_onmouseout) {\n config.legend_item_onmouseout.call($$, id);\n } else {\n $$.d3.select(this).classed(CLASS.legendItemFocused, false);\n $$.api.revert();\n }\n } : null);\n l.append('text').text(function (id) {\n return isDefined(config.data_names[id]) ? config.data_names[id] : id;\n }).each(function (id, i) {\n updatePositions(this, id, i);\n }).style('pointer-events', 'none').attr('x', $$.isLegendRight || $$.isLegendInset ? xForLegendText : -200).attr('y', $$.isLegendRight || $$.isLegendInset ? -200 : yForLegendText);\n l.append('rect').attr('class', CLASS.legendItemEvent).style('fill-opacity', 0).attr('x', $$.isLegendRight || $$.isLegendInset ? xForLegendRect : -200).attr('y', $$.isLegendRight || $$.isLegendInset ? -200 : yForLegendRect);\n l.append('line').attr('class', CLASS.legendItemTile).style('stroke', $$.color).style('pointer-events', 'none').attr('x1', $$.isLegendRight || $$.isLegendInset ? x1ForLegendTile : -200).attr('y1', $$.isLegendRight || $$.isLegendInset ? -200 : yForLegendTile).attr('x2', $$.isLegendRight || $$.isLegendInset ? x2ForLegendTile : -200).attr('y2', $$.isLegendRight || $$.isLegendInset ? -200 : yForLegendTile).attr('stroke-width', config.legend_item_tile_height); // Set background for inset legend\n\n background = $$.legend.select('.' + CLASS.legendBackground + ' rect');\n\n if ($$.isLegendInset && maxWidth > 0 && background.size() === 0) {\n background = $$.legend.insert('g', '.' + CLASS.legendItem).attr('class', CLASS.legendBackground).append('rect');\n }\n\n texts = $$.legend.selectAll('text').data(targetIds).text(function (id) {\n return isDefined(config.data_names[id]) ? config.data_names[id] : id;\n }) // MEMO: needed for update\n .each(function (id, i) {\n updatePositions(this, id, i);\n });\n (withTransition ? texts.transition() : texts).attr('x', xForLegendText).attr('y', yForLegendText);\n rects = $$.legend.selectAll('rect.' + CLASS.legendItemEvent).data(targetIds);\n (withTransition ? rects.transition() : rects).attr('width', function (id) {\n return widths[id];\n }).attr('height', function (id) {\n return heights[id];\n }).attr('x', xForLegendRect).attr('y', yForLegendRect);\n tiles = $$.legend.selectAll('line.' + CLASS.legendItemTile).data(targetIds);\n (withTransition ? tiles.transition() : tiles).style('stroke', $$.levelColor ? function (id) {\n return $$.levelColor($$.cache[id].values.reduce(function (total, item) {\n return total + item.value;\n }, 0));\n } : $$.color).attr('x1', x1ForLegendTile).attr('y1', yForLegendTile).attr('x2', x2ForLegendTile).attr('y2', yForLegendTile);\n\n if (background) {\n (withTransition ? background.transition() : background).attr('height', $$.getLegendHeight() - 12).attr('width', maxWidth * (step + 1) + 10);\n } // toggle legend state\n\n\n $$.legend.selectAll('.' + CLASS.legendItem).classed(CLASS.legendItemHidden, function (id) {\n return !$$.isTargetToShow(id);\n }); // Update all to reflect change of legend\n\n $$.updateLegendItemWidth(maxWidth);\n $$.updateLegendItemHeight(maxHeight);\n $$.updateLegendStep(step); // Update size and scale\n\n $$.updateSizes();\n $$.updateScales();\n $$.updateSvgSize(); // Update g positions\n\n $$.transformAll(withTransitionForTransform, transitions);\n $$.legendHasRendered = true;\n };\n\n ChartInternal.prototype.initRegion = function () {\n var $$ = this;\n $$.region = $$.main.append('g').attr('clip-path', $$.clipPath).attr('class', CLASS.regions);\n };\n\n ChartInternal.prototype.updateRegion = function (duration) {\n var $$ = this,\n config = $$.config; // hide if arc type\n\n $$.region.style('visibility', $$.hasArcType() ? 'hidden' : 'visible');\n var mainRegion = $$.main.select('.' + CLASS.regions).selectAll('.' + CLASS.region).data(config.regions);\n var g = mainRegion.enter().append('g');\n g.append('rect').attr('x', $$.regionX.bind($$)).attr('y', $$.regionY.bind($$)).attr('width', $$.regionWidth.bind($$)).attr('height', $$.regionHeight.bind($$)).style('fill-opacity', function (d) {\n return isValue(d.opacity) ? d.opacity : 0.1;\n });\n g.append('text').text($$.labelRegion.bind($$));\n $$.mainRegion = g.merge(mainRegion).attr('class', $$.classRegion.bind($$));\n mainRegion.exit().transition().duration(duration).style('opacity', 0).remove();\n };\n\n ChartInternal.prototype.redrawRegion = function (withTransition, transition) {\n var $$ = this,\n regions = $$.mainRegion,\n regionLabels = $$.mainRegion.selectAll('text');\n return [(withTransition ? regions.transition(transition) : regions).attr('x', $$.regionX.bind($$)).attr('y', $$.regionY.bind($$)).attr('width', $$.regionWidth.bind($$)).attr('height', $$.regionHeight.bind($$)).style('fill-opacity', function (d) {\n return isValue(d.opacity) ? d.opacity : 0.1;\n }), (withTransition ? regionLabels.transition(transition) : regionLabels).attr('x', $$.labelOffsetX.bind($$)).attr('y', $$.labelOffsetY.bind($$)).attr('transform', $$.labelTransform.bind($$)).attr('style', 'text-anchor: left;')];\n };\n\n ChartInternal.prototype.regionX = function (d) {\n var $$ = this,\n config = $$.config,\n xPos,\n yScale = d.axis === 'y' ? $$.y : $$.y2;\n\n if (d.axis === 'y' || d.axis === 'y2') {\n xPos = config.axis_rotated ? 'start' in d ? yScale(d.start) : 0 : 0;\n } else {\n xPos = config.axis_rotated ? 0 : 'start' in d ? $$.x($$.isTimeSeries() ? $$.parseDate(d.start) : d.start) : 0;\n }\n\n return xPos;\n };\n\n ChartInternal.prototype.regionY = function (d) {\n var $$ = this,\n config = $$.config,\n yPos,\n yScale = d.axis === 'y' ? $$.y : $$.y2;\n\n if (d.axis === 'y' || d.axis === 'y2') {\n yPos = config.axis_rotated ? 0 : 'end' in d ? yScale(d.end) : 0;\n } else {\n yPos = config.axis_rotated ? 'start' in d ? $$.x($$.isTimeSeries() ? $$.parseDate(d.start) : d.start) : 0 : 0;\n }\n\n return yPos;\n };\n\n ChartInternal.prototype.regionWidth = function (d) {\n var $$ = this,\n config = $$.config,\n start = $$.regionX(d),\n end,\n yScale = d.axis === 'y' ? $$.y : $$.y2;\n\n if (d.axis === 'y' || d.axis === 'y2') {\n end = config.axis_rotated ? 'end' in d ? yScale(d.end) : $$.width : $$.width;\n } else {\n end = config.axis_rotated ? $$.width : 'end' in d ? $$.x($$.isTimeSeries() ? $$.parseDate(d.end) : d.end) : $$.width;\n }\n\n return end < start ? 0 : end - start;\n };\n\n ChartInternal.prototype.regionHeight = function (d) {\n var $$ = this,\n config = $$.config,\n start = this.regionY(d),\n end,\n yScale = d.axis === 'y' ? $$.y : $$.y2;\n\n if (d.axis === 'y' || d.axis === 'y2') {\n end = config.axis_rotated ? $$.height : 'start' in d ? yScale(d.start) : $$.height;\n } else {\n end = config.axis_rotated ? 'end' in d ? $$.x($$.isTimeSeries() ? $$.parseDate(d.end) : d.end) : $$.height : $$.height;\n }\n\n return end < start ? 0 : end - start;\n };\n\n ChartInternal.prototype.isRegionOnX = function (d) {\n return !d.axis || d.axis === 'x';\n };\n\n ChartInternal.prototype.labelRegion = function (d) {\n return 'label' in d ? d.label : '';\n };\n\n ChartInternal.prototype.labelTransform = function (d) {\n return 'vertical' in d && d.vertical ? 'rotate(90)' : '';\n };\n\n ChartInternal.prototype.labelOffsetX = function (d) {\n var paddingX = 'paddingX' in d ? d.paddingX : 3;\n var paddingY = 'paddingY' in d ? d.paddingY : 3;\n return 'vertical' in d && d.vertical ? this.regionY(d) + paddingY : this.regionX(d) + paddingX;\n };\n\n ChartInternal.prototype.labelOffsetY = function (d) {\n var paddingX = 'paddingX' in d ? d.paddingX : 3;\n var paddingY = 'paddingY' in d ? d.paddingY : 3;\n return 'vertical' in d && d.vertical ? -(this.regionX(d) + paddingX) : this.regionY(d) + 10 + paddingY;\n };\n\n function c3LogScale(d3, linearScale, logScale) {\n var PROJECTION = [0.01, 10];\n\n if (!linearScale) {\n linearScale = d3.scaleLinear();\n linearScale.range(PROJECTION);\n }\n\n if (!logScale) {\n logScale = d3.scaleLog();\n logScale.domain(PROJECTION);\n logScale.nice();\n } // copied from https://github.com/compute-io/logspace\n\n\n function logspace(a, b, len) {\n var arr, end, tmp, d;\n\n if (arguments.length < 3) {\n len = 10;\n } else {\n if (len === 0) {\n return [];\n }\n } // Calculate the increment:\n\n\n end = len - 1;\n d = (b - a) / end; // Build the output array...\n\n arr = new Array(len);\n tmp = a;\n arr[0] = Math.pow(10, tmp);\n\n for (var i = 1; i < end; i++) {\n tmp += d;\n arr[i] = Math.pow(10, tmp);\n }\n\n arr[end] = Math.pow(10, b);\n return arr;\n }\n\n function scale(x) {\n return logScale(linearScale(x));\n }\n\n scale.domain = function (x) {\n if (!arguments.length) {\n return linearScale.domain();\n }\n\n linearScale.domain(x);\n return scale;\n };\n\n scale.range = function (x) {\n if (!arguments.length) {\n return logScale.range();\n }\n\n logScale.range(x);\n return scale;\n };\n\n scale.ticks = function (m) {\n return logspace(-2, 1, m || 10).map(function (v) {\n return linearScale.invert(v);\n });\n };\n\n scale.copy = function () {\n return c3LogScale(d3, linearScale.copy(), logScale.copy());\n };\n\n return scale;\n }\n\n ChartInternal.prototype.getScale = function (min, max, forTimeseries) {\n return (forTimeseries ? this.d3.scaleTime() : this.d3.scaleLinear()).range([min, max]);\n };\n\n ChartInternal.prototype.getX = function (min, max, domain, offset) {\n var $$ = this,\n scale = $$.getScale(min, max, $$.isTimeSeries()),\n _scale = domain ? scale.domain(domain) : scale,\n key; // Define customized scale if categorized axis\n\n\n if ($$.isCategorized()) {\n offset = offset || function () {\n return 0;\n };\n\n scale = function (d, raw) {\n var v = _scale(d) + offset(d);\n return raw ? v : Math.ceil(v);\n };\n } else {\n scale = function (d, raw) {\n var v = _scale(d);\n\n return raw ? v : Math.ceil(v);\n };\n } // define functions\n\n\n for (key in _scale) {\n scale[key] = _scale[key];\n }\n\n scale.orgDomain = function () {\n return _scale.domain();\n }; // define custom domain() for categorized axis\n\n\n if ($$.isCategorized()) {\n scale.domain = function (domain) {\n if (!arguments.length) {\n domain = this.orgDomain();\n return [domain[0], domain[1] + 1];\n }\n\n _scale.domain(domain);\n\n return scale;\n };\n }\n\n return scale;\n };\n /**\r\n * Creates and configures a D3 scale instance for the given type.\r\n *\r\n * By defaults it returns a Linear scale.\r\n *\r\n * @param {String} type Type of d3-scale to create. Type can be 'linear', 'time', 'timeseries' or 'log'.\r\n * @param {Array} domain The scale domain such as [from, to]\r\n * @param {Array} range The scale's range such as [from, to]\r\n *\r\n * @return A d3-scale instance\r\n */\n\n\n ChartInternal.prototype.getY = function (type, domain, range) {\n var scale;\n\n if (type === 'timeseries' || type === 'time') {\n scale = this.d3.scaleTime();\n } else if (type === 'log') {\n scale = c3LogScale(this.d3);\n } else if (type === 'linear' || type === undefined) {\n scale = this.d3.scaleLinear();\n } else {\n throw new Error(\"Invalid Y axis type: \\\"\" + type + \"\\\"\");\n }\n\n if (domain) {\n scale.domain(domain);\n }\n\n if (range) {\n scale.range(range);\n }\n\n return scale;\n };\n\n ChartInternal.prototype.getYScale = function (id) {\n return this.axis.getId(id) === 'y2' ? this.y2 : this.y;\n };\n\n ChartInternal.prototype.getSubYScale = function (id) {\n return this.axis.getId(id) === 'y2' ? this.subY2 : this.subY;\n };\n\n ChartInternal.prototype.updateScales = function () {\n var $$ = this,\n config = $$.config,\n forInit = !$$.x; // update edges\n\n $$.xMin = config.axis_rotated ? 1 : 0;\n $$.xMax = config.axis_rotated ? $$.height : $$.width;\n $$.yMin = config.axis_rotated ? 0 : $$.height;\n $$.yMax = config.axis_rotated ? $$.width : 1;\n $$.subXMin = $$.xMin;\n $$.subXMax = $$.xMax;\n $$.subYMin = config.axis_rotated ? 0 : $$.height2;\n $$.subYMax = config.axis_rotated ? $$.width2 : 1; // update scales\n\n $$.x = $$.getX($$.xMin, $$.xMax, forInit ? undefined : $$.x.orgDomain(), function () {\n return $$.xAxis.tickOffset();\n });\n $$.y = $$.getY(config.axis_y_type, forInit ? config.axis_y_default : $$.y.domain(), [$$.yMin, $$.yMax]);\n $$.y2 = $$.getY(config.axis_y2_type, forInit ? config.axis_y2_default : $$.y2.domain(), [$$.yMin, $$.yMax]);\n $$.subX = $$.getX($$.xMin, $$.xMax, $$.orgXDomain, function (d) {\n return d % 1 ? 0 : $$.subXAxis.tickOffset();\n });\n $$.subY = $$.getY(config.axis_y_type, forInit ? config.axis_y_default : $$.subY.domain(), [$$.subYMin, $$.subYMax]);\n $$.subY2 = $$.getY(config.axis_y2_type, forInit ? config.axis_y2_default : $$.subY2.domain(), [$$.subYMin, $$.subYMax]); // update axes\n\n $$.xAxisTickFormat = $$.axis.getXAxisTickFormat();\n $$.xAxisTickValues = $$.axis.getXAxisTickValues();\n $$.yAxisTickValues = $$.axis.getYAxisTickValues();\n $$.y2AxisTickValues = $$.axis.getY2AxisTickValues();\n $$.xAxis = $$.axis.getXAxis($$.x, $$.xOrient, $$.xAxisTickFormat, $$.xAxisTickValues, config.axis_x_tick_outer);\n $$.subXAxis = $$.axis.getXAxis($$.subX, $$.subXOrient, $$.xAxisTickFormat, $$.xAxisTickValues, config.axis_x_tick_outer);\n $$.yAxis = $$.axis.getYAxis('y', $$.y, $$.yOrient, $$.yAxisTickValues, config.axis_y_tick_outer);\n $$.y2Axis = $$.axis.getYAxis('y2', $$.y2, $$.y2Orient, $$.y2AxisTickValues, config.axis_y2_tick_outer); // Set initialized scales to brush and zoom\n\n if (!forInit) {\n if ($$.brush) {\n $$.brush.updateScale($$.subX);\n }\n } // update for arc\n\n\n if ($$.updateArc) {\n $$.updateArc();\n }\n };\n\n ChartInternal.prototype.selectPoint = function (target, d, i) {\n var $$ = this,\n config = $$.config,\n cx = (config.axis_rotated ? $$.circleY : $$.circleX).bind($$),\n cy = (config.axis_rotated ? $$.circleX : $$.circleY).bind($$),\n r = $$.pointSelectR.bind($$);\n config.data_onselected.call($$.api, d, target.node()); // add selected-circle on low layer g\n\n $$.main.select('.' + CLASS.selectedCircles + $$.getTargetSelectorSuffix(d.id)).selectAll('.' + CLASS.selectedCircle + '-' + i).data([d]).enter().append('circle').attr('class', function () {\n return $$.generateClass(CLASS.selectedCircle, i);\n }).attr('cx', cx).attr('cy', cy).attr('stroke', function () {\n return $$.color(d);\n }).attr('r', function (d) {\n return $$.pointSelectR(d) * 1.4;\n }).transition().duration(100).attr('r', r);\n };\n\n ChartInternal.prototype.unselectPoint = function (target, d, i) {\n var $$ = this;\n $$.config.data_onunselected.call($$.api, d, target.node()); // remove selected-circle from low layer g\n\n $$.main.select('.' + CLASS.selectedCircles + $$.getTargetSelectorSuffix(d.id)).selectAll('.' + CLASS.selectedCircle + '-' + i).transition().duration(100).attr('r', 0).remove();\n };\n\n ChartInternal.prototype.togglePoint = function (selected, target, d, i) {\n selected ? this.selectPoint(target, d, i) : this.unselectPoint(target, d, i);\n };\n\n ChartInternal.prototype.selectPath = function (target, d) {\n var $$ = this;\n $$.config.data_onselected.call($$, d, target.node());\n\n if ($$.config.interaction_brighten) {\n target.transition().duration(100).style('fill', function () {\n return $$.d3.rgb($$.color(d)).brighter(0.75);\n });\n }\n };\n\n ChartInternal.prototype.unselectPath = function (target, d) {\n var $$ = this;\n $$.config.data_onunselected.call($$, d, target.node());\n\n if ($$.config.interaction_brighten) {\n target.transition().duration(100).style('fill', function () {\n return $$.color(d);\n });\n }\n };\n\n ChartInternal.prototype.togglePath = function (selected, target, d, i) {\n selected ? this.selectPath(target, d, i) : this.unselectPath(target, d, i);\n };\n\n ChartInternal.prototype.getToggle = function (that, d) {\n var $$ = this,\n toggle;\n\n if (that.nodeName === 'circle') {\n if ($$.isStepType(d)) {\n // circle is hidden in step chart, so treat as within the click area\n toggle = function () {}; // TODO: how to select step chart?\n\n } else {\n toggle = $$.togglePoint;\n }\n } else if (that.nodeName === 'path') {\n toggle = $$.togglePath;\n }\n\n return toggle;\n };\n\n ChartInternal.prototype.toggleShape = function (that, d, i) {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n shape = d3.select(that),\n isSelected = shape.classed(CLASS.SELECTED),\n toggle = $$.getToggle(that, d).bind($$);\n\n if (config.data_selection_enabled && config.data_selection_isselectable(d)) {\n if (!config.data_selection_multiple) {\n $$.main.selectAll('.' + CLASS.shapes + (config.data_selection_grouped ? $$.getTargetSelectorSuffix(d.id) : '')).selectAll('.' + CLASS.shape).each(function (d, i) {\n var shape = d3.select(this);\n\n if (shape.classed(CLASS.SELECTED)) {\n toggle(false, shape.classed(CLASS.SELECTED, false), d, i);\n }\n });\n }\n\n shape.classed(CLASS.SELECTED, !isSelected);\n toggle(!isSelected, shape, d, i);\n }\n };\n\n ChartInternal.prototype.initBar = function () {\n var $$ = this;\n $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartBars);\n };\n\n ChartInternal.prototype.updateTargetsForBar = function (targets) {\n var $$ = this,\n config = $$.config,\n mainBars,\n mainBarEnter,\n classChartBar = $$.classChartBar.bind($$),\n classBars = $$.classBars.bind($$),\n classFocus = $$.classFocus.bind($$);\n mainBars = $$.main.select('.' + CLASS.chartBars).selectAll('.' + CLASS.chartBar).data(targets).attr('class', function (d) {\n return classChartBar(d) + classFocus(d);\n });\n mainBarEnter = mainBars.enter().append('g').attr('class', classChartBar).style('pointer-events', 'none'); // Bars for each data\n\n mainBarEnter.append('g').attr('class', classBars).style('cursor', function (d) {\n return config.data_selection_isselectable(d) ? 'pointer' : null;\n });\n };\n\n ChartInternal.prototype.updateBar = function (durationForExit) {\n var $$ = this,\n barData = $$.barData.bind($$),\n classBar = $$.classBar.bind($$),\n initialOpacity = $$.initialOpacity.bind($$),\n color = function (d) {\n return $$.color(d.id);\n };\n\n var mainBar = $$.main.selectAll('.' + CLASS.bars).selectAll('.' + CLASS.bar).data(barData);\n var mainBarEnter = mainBar.enter().append('path').attr('class', classBar).style('stroke', color).style('fill', color);\n $$.mainBar = mainBarEnter.merge(mainBar).style('opacity', initialOpacity);\n mainBar.exit().transition().duration(durationForExit).style('opacity', 0);\n };\n\n ChartInternal.prototype.redrawBar = function (drawBar, withTransition, transition) {\n var $$ = this;\n return [(withTransition ? this.mainBar.transition(transition) : this.mainBar).attr('d', drawBar).style('stroke', this.color).style('fill', this.color).style('opacity', function (d) {\n return $$.isTargetToShow(d.id) ? 1 : 0;\n })];\n };\n\n ChartInternal.prototype.getBarW = function (axis, barTargetsNum) {\n var $$ = this,\n config = $$.config,\n w = typeof config.bar_width === 'number' ? config.bar_width : barTargetsNum ? axis.tickInterval() * config.bar_width_ratio / barTargetsNum : 0;\n return config.bar_width_max && w > config.bar_width_max ? config.bar_width_max : w;\n };\n\n ChartInternal.prototype.getBars = function (i, id) {\n var $$ = this;\n return (id ? $$.main.selectAll('.' + CLASS.bars + $$.getTargetSelectorSuffix(id)) : $$.main).selectAll('.' + CLASS.bar + (isValue(i) ? '-' + i : ''));\n };\n\n ChartInternal.prototype.expandBars = function (i, id, reset) {\n var $$ = this;\n\n if (reset) {\n $$.unexpandBars();\n }\n\n $$.getBars(i, id).classed(CLASS.EXPANDED, true);\n };\n\n ChartInternal.prototype.unexpandBars = function (i) {\n var $$ = this;\n $$.getBars(i).classed(CLASS.EXPANDED, false);\n };\n\n ChartInternal.prototype.generateDrawBar = function (barIndices, isSub) {\n var $$ = this,\n config = $$.config,\n getPoints = $$.generateGetBarPoints(barIndices, isSub);\n return function (d, i) {\n // 4 points that make a bar\n var points = getPoints(d, i); // switch points if axis is rotated, not applicable for sub chart\n\n var indexX = config.axis_rotated ? 1 : 0;\n var indexY = config.axis_rotated ? 0 : 1;\n var path = 'M ' + points[0][indexX] + ',' + points[0][indexY] + ' ' + 'L' + points[1][indexX] + ',' + points[1][indexY] + ' ' + 'L' + points[2][indexX] + ',' + points[2][indexY] + ' ' + 'L' + points[3][indexX] + ',' + points[3][indexY] + ' ' + 'z';\n return path;\n };\n };\n\n ChartInternal.prototype.generateGetBarPoints = function (barIndices, isSub) {\n var $$ = this,\n axis = isSub ? $$.subXAxis : $$.xAxis,\n barTargetsNum = barIndices.__max__ + 1,\n barW = $$.getBarW(axis, barTargetsNum),\n barX = $$.getShapeX(barW, barTargetsNum, barIndices, !!isSub),\n barY = $$.getShapeY(!!isSub),\n barOffset = $$.getShapeOffset($$.isBarType, barIndices, !!isSub),\n barSpaceOffset = barW * ($$.config.bar_space / 2),\n yScale = isSub ? $$.getSubYScale : $$.getYScale;\n return function (d, i) {\n var y0 = yScale.call($$, d.id)(0),\n offset = barOffset(d, i) || y0,\n // offset is for stacked bar chart\n posX = barX(d),\n posY = barY(d); // fix posY not to overflow opposite quadrant\n\n if ($$.config.axis_rotated) {\n if (0 < d.value && posY < y0 || d.value < 0 && y0 < posY) {\n posY = y0;\n }\n }\n\n posY -= y0 - offset; // 4 points that make a bar\n\n return [[posX + barSpaceOffset, offset], [posX + barSpaceOffset, posY], [posX + barW - barSpaceOffset, posY], [posX + barW - barSpaceOffset, offset]];\n };\n };\n /**\r\n * Returns whether the data point is within the given bar shape.\r\n *\r\n * @param mouse\r\n * @param barShape\r\n * @return {boolean}\r\n */\n\n\n ChartInternal.prototype.isWithinBar = function (mouse, barShape) {\n return isWithinBox(mouse, getBBox(barShape), 2);\n };\n\n ChartInternal.prototype.getShapeIndices = function (typeFilter) {\n var $$ = this,\n config = $$.config,\n indices = {},\n i = 0,\n j,\n k;\n $$.filterTargetsToShow($$.data.targets.filter(typeFilter, $$)).forEach(function (d) {\n for (j = 0; j < config.data_groups.length; j++) {\n if (config.data_groups[j].indexOf(d.id) < 0) {\n continue;\n }\n\n for (k = 0; k < config.data_groups[j].length; k++) {\n if (config.data_groups[j][k] in indices) {\n indices[d.id] = indices[config.data_groups[j][k]];\n break;\n }\n }\n }\n\n if (isUndefined(indices[d.id])) {\n indices[d.id] = i++;\n }\n });\n indices.__max__ = i - 1;\n return indices;\n };\n\n ChartInternal.prototype.getShapeX = function (offset, targetsNum, indices, isSub) {\n var $$ = this,\n scale = isSub ? $$.subX : $$.x;\n return function (d) {\n var index = d.id in indices ? indices[d.id] : 0;\n return d.x || d.x === 0 ? scale(d.x) - offset * (targetsNum / 2 - index) : 0;\n };\n };\n\n ChartInternal.prototype.getShapeY = function (isSub) {\n var $$ = this;\n return function (d) {\n var scale = isSub ? $$.getSubYScale(d.id) : $$.getYScale(d.id);\n return scale($$.isTargetNormalized(d.id) ? $$.getRatio('index', d, true) : d.value);\n };\n };\n\n ChartInternal.prototype.getShapeOffset = function (typeFilter, indices, isSub) {\n var $$ = this,\n targets = $$.orderTargets($$.filterTargetsToShow($$.data.targets.filter(typeFilter, $$))),\n targetIds = targets.map(function (t) {\n return t.id;\n });\n return function (d, i) {\n var scale = isSub ? $$.getSubYScale(d.id) : $$.getYScale(d.id),\n y0 = scale(0),\n offset = y0;\n targets.forEach(function (t) {\n var rowValues = $$.isStepType(d) ? $$.convertValuesToStep(t.values) : t.values;\n var isTargetNormalized = $$.isTargetNormalized(d.id);\n var values = rowValues.map(function (v) {\n return isTargetNormalized ? $$.getRatio('index', v, true) : v.value;\n });\n\n if (t.id === d.id || indices[t.id] !== indices[d.id]) {\n return;\n }\n\n if (targetIds.indexOf(t.id) < targetIds.indexOf(d.id)) {\n // check if the x values line up\n if (isUndefined(rowValues[i]) || +rowValues[i].x !== +d.x) {\n // \"+\" for timeseries\n // if not, try to find the value that does line up\n i = -1;\n rowValues.forEach(function (v, j) {\n var x1 = v.x.constructor === Date ? +v.x : v.x;\n var x2 = d.x.constructor === Date ? +d.x : d.x;\n\n if (x1 === x2) {\n i = j;\n }\n });\n }\n\n if (i in rowValues && rowValues[i].value * d.value >= 0) {\n offset += scale(values[i]) - y0;\n }\n }\n });\n return offset;\n };\n };\n\n ChartInternal.prototype.isWithinShape = function (that, d) {\n var $$ = this,\n shape = $$.d3.select(that),\n isWithin;\n\n if (!$$.isTargetToShow(d.id)) {\n isWithin = false;\n } else if (that.nodeName === 'circle') {\n isWithin = $$.isStepType(d) ? $$.isWithinStep(that, $$.getYScale(d.id)(d.value)) : $$.isWithinCircle(that, $$.pointSelectR(d) * 1.5);\n } else if (that.nodeName === 'path') {\n isWithin = shape.classed(CLASS.bar) ? $$.isWithinBar($$.d3.mouse(that), that) : true;\n }\n\n return isWithin;\n };\n\n ChartInternal.prototype.getInterpolate = function (d) {\n var $$ = this,\n d3 = $$.d3,\n types = {\n linear: d3.curveLinear,\n 'linear-closed': d3.curveLinearClosed,\n basis: d3.curveBasis,\n 'basis-open': d3.curveBasisOpen,\n 'basis-closed': d3.curveBasisClosed,\n bundle: d3.curveBundle,\n cardinal: d3.curveCardinal,\n 'cardinal-open': d3.curveCardinalOpen,\n 'cardinal-closed': d3.curveCardinalClosed,\n monotone: d3.curveMonotoneX,\n step: d3.curveStep,\n 'step-before': d3.curveStepBefore,\n 'step-after': d3.curveStepAfter\n },\n type;\n\n if ($$.isSplineType(d)) {\n type = types[$$.config.spline_interpolation_type] || types.cardinal;\n } else if ($$.isStepType(d)) {\n type = types[$$.config.line_step_type];\n } else {\n type = types.linear;\n }\n\n return type;\n };\n\n ChartInternal.prototype.initLine = function () {\n var $$ = this;\n $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartLines);\n };\n\n ChartInternal.prototype.updateTargetsForLine = function (targets) {\n var $$ = this,\n config = $$.config,\n mainLines,\n mainLineEnter,\n classChartLine = $$.classChartLine.bind($$),\n classLines = $$.classLines.bind($$),\n classAreas = $$.classAreas.bind($$),\n classCircles = $$.classCircles.bind($$),\n classFocus = $$.classFocus.bind($$);\n mainLines = $$.main.select('.' + CLASS.chartLines).selectAll('.' + CLASS.chartLine).data(targets).attr('class', function (d) {\n return classChartLine(d) + classFocus(d);\n });\n mainLineEnter = mainLines.enter().append('g').attr('class', classChartLine).style('opacity', 0).style('pointer-events', 'none'); // Lines for each data\n\n mainLineEnter.append('g').attr('class', classLines); // Areas\n\n mainLineEnter.append('g').attr('class', classAreas); // Circles for each data point on lines\n\n mainLineEnter.append('g').attr('class', function (d) {\n return $$.generateClass(CLASS.selectedCircles, d.id);\n });\n mainLineEnter.append('g').attr('class', classCircles).style('cursor', function (d) {\n return config.data_selection_isselectable(d) ? 'pointer' : null;\n }); // Update date for selected circles\n\n targets.forEach(function (t) {\n $$.main.selectAll('.' + CLASS.selectedCircles + $$.getTargetSelectorSuffix(t.id)).selectAll('.' + CLASS.selectedCircle).each(function (d) {\n d.value = t.values[d.index].value;\n });\n }); // MEMO: can not keep same color...\n //mainLineUpdate.exit().remove();\n };\n\n ChartInternal.prototype.updateLine = function (durationForExit) {\n var $$ = this;\n var mainLine = $$.main.selectAll('.' + CLASS.lines).selectAll('.' + CLASS.line).data($$.lineData.bind($$));\n var mainLineEnter = mainLine.enter().append('path').attr('class', $$.classLine.bind($$)).style('stroke', $$.color);\n $$.mainLine = mainLineEnter.merge(mainLine).style('opacity', $$.initialOpacity.bind($$)).style('shape-rendering', function (d) {\n return $$.isStepType(d) ? 'crispEdges' : '';\n }).attr('transform', null);\n mainLine.exit().transition().duration(durationForExit).style('opacity', 0);\n };\n\n ChartInternal.prototype.redrawLine = function (drawLine, withTransition, transition) {\n return [(withTransition ? this.mainLine.transition(transition) : this.mainLine).attr('d', drawLine).style('stroke', this.color).style('opacity', 1)];\n };\n\n ChartInternal.prototype.generateDrawLine = function (lineIndices, isSub) {\n var $$ = this,\n config = $$.config,\n line = $$.d3.line(),\n getPoints = $$.generateGetLinePoints(lineIndices, isSub),\n yScaleGetter = isSub ? $$.getSubYScale : $$.getYScale,\n xValue = function (d) {\n return (isSub ? $$.subxx : $$.xx).call($$, d);\n },\n yValue = function (d, i) {\n return config.data_groups.length > 0 ? getPoints(d, i)[0][1] : yScaleGetter.call($$, d.id)(d.value);\n };\n\n line = config.axis_rotated ? line.x(yValue).y(xValue) : line.x(xValue).y(yValue);\n\n if (!config.line_connectNull) {\n line = line.defined(function (d) {\n return d.value != null;\n });\n }\n\n return function (d) {\n var values = config.line_connectNull ? $$.filterRemoveNull(d.values) : d.values,\n x = isSub ? $$.subX : $$.x,\n y = yScaleGetter.call($$, d.id),\n x0 = 0,\n y0 = 0,\n path;\n\n if ($$.isLineType(d)) {\n if (config.data_regions[d.id]) {\n path = $$.lineWithRegions(values, x, y, config.data_regions[d.id]);\n } else {\n if ($$.isStepType(d)) {\n values = $$.convertValuesToStep(values);\n }\n\n path = line.curve($$.getInterpolate(d))(values);\n }\n } else {\n if (values[0]) {\n x0 = x(values[0].x);\n y0 = y(values[0].value);\n }\n\n path = config.axis_rotated ? 'M ' + y0 + ' ' + x0 : 'M ' + x0 + ' ' + y0;\n }\n\n return path ? path : 'M 0 0';\n };\n };\n\n ChartInternal.prototype.generateGetLinePoints = function (lineIndices, isSub) {\n // partial duplication of generateGetBarPoints\n var $$ = this,\n config = $$.config,\n lineTargetsNum = lineIndices.__max__ + 1,\n x = $$.getShapeX(0, lineTargetsNum, lineIndices, !!isSub),\n y = $$.getShapeY(!!isSub),\n lineOffset = $$.getShapeOffset($$.isLineType, lineIndices, !!isSub),\n yScale = isSub ? $$.getSubYScale : $$.getYScale;\n return function (d, i) {\n var y0 = yScale.call($$, d.id)(0),\n offset = lineOffset(d, i) || y0,\n // offset is for stacked area chart\n posX = x(d),\n posY = y(d); // fix posY not to overflow opposite quadrant\n\n if (config.axis_rotated) {\n if (0 < d.value && posY < y0 || d.value < 0 && y0 < posY) {\n posY = y0;\n }\n } // 1 point that marks the line position\n\n\n return [[posX, posY - (y0 - offset)], [posX, posY - (y0 - offset)], [posX, posY - (y0 - offset)], [posX, posY - (y0 - offset)] // needed for compatibility\n ];\n };\n };\n\n ChartInternal.prototype.lineWithRegions = function (d, x, y, _regions) {\n var $$ = this,\n config = $$.config,\n prev = -1,\n i,\n j,\n s = 'M',\n sWithRegion,\n xp,\n yp,\n dx,\n dy,\n dd,\n diff,\n diffx2,\n xOffset = $$.isCategorized() ? 0.5 : 0,\n xValue,\n yValue,\n regions = [];\n\n function isWithinRegions(x, regions) {\n var i;\n\n for (i = 0; i < regions.length; i++) {\n if (regions[i].start < x && x <= regions[i].end) {\n return true;\n }\n }\n\n return false;\n } // Check start/end of regions\n\n\n if (isDefined(_regions)) {\n for (i = 0; i < _regions.length; i++) {\n regions[i] = {};\n\n if (isUndefined(_regions[i].start)) {\n regions[i].start = d[0].x;\n } else {\n regions[i].start = $$.isTimeSeries() ? $$.parseDate(_regions[i].start) : _regions[i].start;\n }\n\n if (isUndefined(_regions[i].end)) {\n regions[i].end = d[d.length - 1].x;\n } else {\n regions[i].end = $$.isTimeSeries() ? $$.parseDate(_regions[i].end) : _regions[i].end;\n }\n }\n } // Set scales\n\n\n xValue = config.axis_rotated ? function (d) {\n return y(d.value);\n } : function (d) {\n return x(d.x);\n };\n yValue = config.axis_rotated ? function (d) {\n return x(d.x);\n } : function (d) {\n return y(d.value);\n }; // Define svg generator function for region\n\n function generateM(points) {\n return 'M' + points[0][0] + ' ' + points[0][1] + ' ' + points[1][0] + ' ' + points[1][1];\n }\n\n if ($$.isTimeSeries()) {\n sWithRegion = function (d0, d1, j, diff) {\n var x0 = d0.x.getTime(),\n x_diff = d1.x - d0.x,\n xv0 = new Date(x0 + x_diff * j),\n xv1 = new Date(x0 + x_diff * (j + diff)),\n points;\n\n if (config.axis_rotated) {\n points = [[y(yp(j)), x(xv0)], [y(yp(j + diff)), x(xv1)]];\n } else {\n points = [[x(xv0), y(yp(j))], [x(xv1), y(yp(j + diff))]];\n }\n\n return generateM(points);\n };\n } else {\n sWithRegion = function (d0, d1, j, diff) {\n var points;\n\n if (config.axis_rotated) {\n points = [[y(yp(j), true), x(xp(j))], [y(yp(j + diff), true), x(xp(j + diff))]];\n } else {\n points = [[x(xp(j), true), y(yp(j))], [x(xp(j + diff), true), y(yp(j + diff))]];\n }\n\n return generateM(points);\n };\n } // Generate\n\n\n for (i = 0; i < d.length; i++) {\n // Draw as normal\n if (isUndefined(regions) || !isWithinRegions(d[i].x, regions)) {\n s += ' ' + xValue(d[i]) + ' ' + yValue(d[i]);\n } // Draw with region // TODO: Fix for horizotal charts\n else {\n xp = $$.getScale(d[i - 1].x + xOffset, d[i].x + xOffset, $$.isTimeSeries());\n yp = $$.getScale(d[i - 1].value, d[i].value);\n dx = x(d[i].x) - x(d[i - 1].x);\n dy = y(d[i].value) - y(d[i - 1].value);\n dd = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));\n diff = 2 / dd;\n diffx2 = diff * 2;\n\n for (j = diff; j <= 1; j += diffx2) {\n s += sWithRegion(d[i - 1], d[i], j, diff);\n }\n }\n\n prev = d[i].x;\n }\n\n return s;\n };\n\n ChartInternal.prototype.updateArea = function (durationForExit) {\n var $$ = this,\n d3 = $$.d3;\n var mainArea = $$.main.selectAll('.' + CLASS.areas).selectAll('.' + CLASS.area).data($$.lineData.bind($$));\n var mainAreaEnter = mainArea.enter().append('path').attr('class', $$.classArea.bind($$)).style('fill', $$.color).style('opacity', function () {\n $$.orgAreaOpacity = +d3.select(this).style('opacity');\n return 0;\n });\n $$.mainArea = mainAreaEnter.merge(mainArea).style('opacity', $$.orgAreaOpacity);\n mainArea.exit().transition().duration(durationForExit).style('opacity', 0);\n };\n\n ChartInternal.prototype.redrawArea = function (drawArea, withTransition, transition) {\n return [(withTransition ? this.mainArea.transition(transition) : this.mainArea).attr('d', drawArea).style('fill', this.color).style('opacity', this.orgAreaOpacity)];\n };\n\n ChartInternal.prototype.generateDrawArea = function (areaIndices, isSub) {\n var $$ = this,\n config = $$.config,\n area = $$.d3.area(),\n getPoints = $$.generateGetAreaPoints(areaIndices, isSub),\n yScaleGetter = isSub ? $$.getSubYScale : $$.getYScale,\n xValue = function (d) {\n return (isSub ? $$.subxx : $$.xx).call($$, d);\n },\n value0 = function (d, i) {\n return config.data_groups.length > 0 ? getPoints(d, i)[0][1] : yScaleGetter.call($$, d.id)($$.getAreaBaseValue(d.id));\n },\n value1 = function (d, i) {\n return config.data_groups.length > 0 ? getPoints(d, i)[1][1] : yScaleGetter.call($$, d.id)(d.value);\n };\n\n area = config.axis_rotated ? area.x0(value0).x1(value1).y(xValue) : area.x(xValue).y0(config.area_above ? 0 : value0).y1(value1);\n\n if (!config.line_connectNull) {\n area = area.defined(function (d) {\n return d.value !== null;\n });\n }\n\n return function (d) {\n var values = config.line_connectNull ? $$.filterRemoveNull(d.values) : d.values,\n x0 = 0,\n y0 = 0,\n path;\n\n if ($$.isAreaType(d)) {\n if ($$.isStepType(d)) {\n values = $$.convertValuesToStep(values);\n }\n\n path = area.curve($$.getInterpolate(d))(values);\n } else {\n if (values[0]) {\n x0 = $$.x(values[0].x);\n y0 = $$.getYScale(d.id)(values[0].value);\n }\n\n path = config.axis_rotated ? 'M ' + y0 + ' ' + x0 : 'M ' + x0 + ' ' + y0;\n }\n\n return path ? path : 'M 0 0';\n };\n };\n\n ChartInternal.prototype.getAreaBaseValue = function () {\n return 0;\n };\n\n ChartInternal.prototype.generateGetAreaPoints = function (areaIndices, isSub) {\n // partial duplication of generateGetBarPoints\n var $$ = this,\n config = $$.config,\n areaTargetsNum = areaIndices.__max__ + 1,\n x = $$.getShapeX(0, areaTargetsNum, areaIndices, !!isSub),\n y = $$.getShapeY(!!isSub),\n areaOffset = $$.getShapeOffset($$.isAreaType, areaIndices, !!isSub),\n yScale = isSub ? $$.getSubYScale : $$.getYScale;\n return function (d, i) {\n var y0 = yScale.call($$, d.id)(0),\n offset = areaOffset(d, i) || y0,\n // offset is for stacked area chart\n posX = x(d),\n posY = y(d); // fix posY not to overflow opposite quadrant\n\n if (config.axis_rotated) {\n if (0 < d.value && posY < y0 || d.value < 0 && y0 < posY) {\n posY = y0;\n }\n } // 1 point that marks the area position\n\n\n return [[posX, offset], [posX, posY - (y0 - offset)], [posX, posY - (y0 - offset)], [posX, offset] // needed for compatibility\n ];\n };\n };\n\n ChartInternal.prototype.updateCircle = function (cx, cy) {\n var $$ = this;\n var mainCircle = $$.main.selectAll('.' + CLASS.circles).selectAll('.' + CLASS.circle).data($$.lineOrScatterOrStanfordData.bind($$));\n var mainCircleEnter = mainCircle.enter().append('circle').attr('shape-rendering', $$.isStanfordGraphType() ? 'crispEdges' : '').attr('class', $$.classCircle.bind($$)).attr('cx', cx).attr('cy', cy).attr('r', $$.pointR.bind($$)).style('color', $$.isStanfordGraphType() ? $$.getStanfordPointColor.bind($$) : $$.color);\n $$.mainCircle = mainCircleEnter.merge(mainCircle).style('opacity', $$.isStanfordGraphType() ? 1 : $$.initialOpacityForCircle.bind($$));\n mainCircle.exit().style('opacity', 0);\n };\n\n ChartInternal.prototype.redrawCircle = function (cx, cy, withTransition, transition) {\n var $$ = this,\n selectedCircles = $$.main.selectAll('.' + CLASS.selectedCircle);\n return [(withTransition ? $$.mainCircle.transition(transition) : $$.mainCircle).style('opacity', this.opacityForCircle.bind($$)).style('color', $$.isStanfordGraphType() ? $$.getStanfordPointColor.bind($$) : $$.color).attr('cx', cx).attr('cy', cy), (withTransition ? selectedCircles.transition(transition) : selectedCircles).attr('cx', cx).attr('cy', cy)];\n };\n\n ChartInternal.prototype.circleX = function (d) {\n return d.x || d.x === 0 ? this.x(d.x) : null;\n };\n\n ChartInternal.prototype.updateCircleY = function () {\n var $$ = this,\n lineIndices,\n getPoints;\n\n if ($$.config.data_groups.length > 0) {\n lineIndices = $$.getShapeIndices($$.isLineType), getPoints = $$.generateGetLinePoints(lineIndices);\n\n $$.circleY = function (d, i) {\n return getPoints(d, i)[0][1];\n };\n } else {\n $$.circleY = function (d) {\n return $$.getYScale(d.id)(d.value);\n };\n }\n };\n\n ChartInternal.prototype.getCircles = function (i, id) {\n var $$ = this;\n return (id ? $$.main.selectAll('.' + CLASS.circles + $$.getTargetSelectorSuffix(id)) : $$.main).selectAll('.' + CLASS.circle + (isValue(i) ? '-' + i : ''));\n };\n\n ChartInternal.prototype.expandCircles = function (i, id, reset) {\n var $$ = this,\n r = $$.pointExpandedR.bind($$);\n\n if (reset) {\n $$.unexpandCircles();\n }\n\n $$.getCircles(i, id).classed(CLASS.EXPANDED, true).attr('r', r);\n };\n\n ChartInternal.prototype.unexpandCircles = function (i) {\n var $$ = this,\n r = $$.pointR.bind($$);\n $$.getCircles(i).filter(function () {\n return $$.d3.select(this).classed(CLASS.EXPANDED);\n }).classed(CLASS.EXPANDED, false).attr('r', r);\n };\n\n ChartInternal.prototype.pointR = function (d) {\n var $$ = this,\n config = $$.config;\n return $$.isStepType(d) ? 0 : isFunction(config.point_r) ? config.point_r(d) : config.point_r;\n };\n\n ChartInternal.prototype.pointExpandedR = function (d) {\n var $$ = this,\n config = $$.config;\n\n if (config.point_focus_expand_enabled) {\n return isFunction(config.point_focus_expand_r) ? config.point_focus_expand_r(d) : config.point_focus_expand_r ? config.point_focus_expand_r : $$.pointR(d) * 1.75;\n } else {\n return $$.pointR(d);\n }\n };\n\n ChartInternal.prototype.pointSelectR = function (d) {\n var $$ = this,\n config = $$.config;\n return isFunction(config.point_select_r) ? config.point_select_r(d) : config.point_select_r ? config.point_select_r : $$.pointR(d) * 4;\n };\n\n ChartInternal.prototype.isWithinCircle = function (that, r) {\n var d3 = this.d3,\n mouse = d3.mouse(that),\n d3_this = d3.select(that),\n cx = +d3_this.attr('cx'),\n cy = +d3_this.attr('cy');\n return Math.sqrt(Math.pow(cx - mouse[0], 2) + Math.pow(cy - mouse[1], 2)) < r;\n };\n\n ChartInternal.prototype.isWithinStep = function (that, y) {\n return Math.abs(y - this.d3.mouse(that)[1]) < 30;\n };\n\n ChartInternal.prototype.getCurrentWidth = function () {\n var $$ = this,\n config = $$.config;\n return config.size_width ? config.size_width : $$.getParentWidth();\n };\n\n ChartInternal.prototype.getCurrentHeight = function () {\n var $$ = this,\n config = $$.config,\n h = config.size_height ? config.size_height : $$.getParentHeight();\n return h > 0 ? h : 320 / ($$.hasType('gauge') && !config.gauge_fullCircle ? 2 : 1);\n };\n\n ChartInternal.prototype.getCurrentPaddingTop = function () {\n var $$ = this,\n config = $$.config,\n padding = isValue(config.padding_top) ? config.padding_top : 0;\n\n if ($$.title && $$.title.node()) {\n padding += $$.getTitlePadding();\n }\n\n return padding;\n };\n\n ChartInternal.prototype.getCurrentPaddingBottom = function () {\n var config = this.config;\n return isValue(config.padding_bottom) ? config.padding_bottom : 0;\n };\n\n ChartInternal.prototype.getCurrentPaddingLeft = function (withoutRecompute) {\n var $$ = this,\n config = $$.config;\n\n if (isValue(config.padding_left)) {\n return config.padding_left;\n } else if (config.axis_rotated) {\n return !config.axis_x_show || config.axis_x_inner ? 1 : Math.max(ceil10($$.getAxisWidthByAxisId('x', withoutRecompute)), 40);\n } else if (!config.axis_y_show || config.axis_y_inner) {\n // && !config.axis_rotated\n return $$.axis.getYAxisLabelPosition().isOuter ? 30 : 1;\n } else {\n return ceil10($$.getAxisWidthByAxisId('y', withoutRecompute));\n }\n };\n\n ChartInternal.prototype.getCurrentPaddingRight = function () {\n var $$ = this,\n config = $$.config,\n padding = 0,\n defaultPadding = 10,\n legendWidthOnRight = $$.isLegendRight ? $$.getLegendWidth() + 20 : 0;\n\n if (isValue(config.padding_right)) {\n padding = config.padding_right + 1; // 1 is needed not to hide tick line\n } else if (config.axis_rotated) {\n padding = defaultPadding + legendWidthOnRight;\n } else if (!config.axis_y2_show || config.axis_y2_inner) {\n // && !config.axis_rotated\n padding = 2 + legendWidthOnRight + ($$.axis.getY2AxisLabelPosition().isOuter ? 20 : 0);\n } else {\n padding = ceil10($$.getAxisWidthByAxisId('y2')) + legendWidthOnRight;\n }\n\n if ($$.colorScale && $$.colorScale.node()) {\n padding += $$.getColorScalePadding();\n }\n\n return padding;\n };\n\n ChartInternal.prototype.getParentRectValue = function (key) {\n var parent = this.selectChart.node(),\n v;\n\n while (parent && parent.tagName !== 'BODY') {\n try {\n v = parent.getBoundingClientRect()[key];\n } catch (e) {\n if (key === 'width') {\n // In IE in certain cases getBoundingClientRect\n // will cause an \"unspecified error\"\n v = parent.offsetWidth;\n }\n }\n\n if (v) {\n break;\n }\n\n parent = parent.parentNode;\n }\n\n return v;\n };\n\n ChartInternal.prototype.getParentWidth = function () {\n return this.getParentRectValue('width');\n };\n\n ChartInternal.prototype.getParentHeight = function () {\n var h = this.selectChart.style('height');\n return h.indexOf('px') > 0 ? +h.replace('px', '') : 0;\n };\n\n ChartInternal.prototype.getSvgLeft = function (withoutRecompute) {\n var $$ = this,\n config = $$.config,\n hasLeftAxisRect = config.axis_rotated || !config.axis_rotated && !config.axis_y_inner,\n leftAxisClass = config.axis_rotated ? CLASS.axisX : CLASS.axisY,\n leftAxis = $$.main.select('.' + leftAxisClass).node(),\n svgRect = leftAxis && hasLeftAxisRect ? leftAxis.getBoundingClientRect() : {\n right: 0\n },\n chartRect = $$.selectChart.node().getBoundingClientRect(),\n hasArc = $$.hasArcType(),\n svgLeft = svgRect.right - chartRect.left - (hasArc ? 0 : $$.getCurrentPaddingLeft(withoutRecompute));\n return svgLeft > 0 ? svgLeft : 0;\n };\n\n ChartInternal.prototype.getAxisWidthByAxisId = function (id, withoutRecompute) {\n var $$ = this,\n position = $$.axis.getLabelPositionById(id);\n return $$.axis.getMaxTickWidth(id, withoutRecompute) + (position.isInner ? 20 : 40);\n };\n\n ChartInternal.prototype.getHorizontalAxisHeight = function (axisId, isSubchart) {\n var $$ = this,\n config = $$.config,\n h = 30;\n\n if (axisId === 'x' && !(isDefined(isSubchart) && isSubchart ? config.subchart_axis_x_show : config.axis_x_show)) {\n return 8;\n }\n\n if (axisId === 'x' && config.axis_x_height) {\n return config.axis_x_height;\n }\n\n if (axisId === 'y' && !config.axis_y_show) {\n return config.legend_show && !$$.isLegendRight && !$$.isLegendInset ? 10 : 1;\n }\n\n if (axisId === 'y2' && !config.axis_y2_show) {\n return $$.rotated_padding_top;\n } // Calculate x axis height when tick rotated\n\n\n if (axisId === 'x' && !config.axis_rotated && config.axis_x_tick_rotate) {\n h = 30 + $$.axis.getMaxTickWidth(axisId) * Math.cos(Math.PI * (90 - Math.abs(config.axis_x_tick_rotate)) / 180);\n } // Calculate y axis height when tick rotated\n\n\n if (axisId === 'y' && config.axis_rotated && config.axis_y_tick_rotate) {\n h = 30 + $$.axis.getMaxTickWidth(axisId) * Math.cos(Math.PI * (90 - Math.abs(config.axis_y_tick_rotate)) / 180);\n }\n\n return h + ($$.axis.getLabelPositionById(axisId).isInner ? 0 : 10) + (axisId === 'y2' ? -10 : 0);\n };\n\n ChartInternal.prototype.initBrush = function (scale) {\n var $$ = this,\n d3 = $$.d3; // TODO: dynamically change brushY/brushX according to axis_rotated.\n\n $$.brush = ($$.config.axis_rotated ? d3.brushY() : d3.brushX()).on('brush', function () {\n var event = d3.event.sourceEvent;\n\n if (event && event.type === 'zoom') {\n return;\n }\n\n $$.redrawForBrush();\n }).on('end', function () {\n var event = d3.event.sourceEvent;\n\n if (event && event.type === 'zoom') {\n return;\n }\n\n if ($$.brush.empty() && event && event.type !== 'end') {\n $$.brush.clear();\n }\n });\n\n $$.brush.updateExtent = function () {\n var range = this.scale.range(),\n extent;\n\n if ($$.config.axis_rotated) {\n extent = [[0, range[0]], [$$.width2, range[1]]];\n } else {\n extent = [[range[0], 0], [range[1], $$.height2]];\n }\n\n this.extent(extent);\n return this;\n };\n\n $$.brush.updateScale = function (scale) {\n this.scale = scale;\n return this;\n };\n\n $$.brush.update = function (scale) {\n this.updateScale(scale || $$.subX).updateExtent();\n $$.context.select('.' + CLASS.brush).call(this);\n };\n\n $$.brush.clear = function () {\n $$.context.select('.' + CLASS.brush).call($$.brush.move, null);\n };\n\n $$.brush.selection = function () {\n return d3.brushSelection($$.context.select('.' + CLASS.brush).node());\n };\n\n $$.brush.selectionAsValue = function (selectionAsValue, withTransition) {\n var selection, brush;\n\n if (selectionAsValue) {\n if ($$.context) {\n selection = [this.scale(selectionAsValue[0]), this.scale(selectionAsValue[1])];\n brush = $$.context.select('.' + CLASS.brush);\n\n if (withTransition) {\n brush = brush.transition();\n }\n\n $$.brush.move(brush, selection);\n }\n\n return [];\n }\n\n selection = $$.brush.selection() || [0, 0];\n return [this.scale.invert(selection[0]), this.scale.invert(selection[1])];\n };\n\n $$.brush.empty = function () {\n var selection = $$.brush.selection();\n return !selection || selection[0] === selection[1];\n };\n\n return $$.brush.updateScale(scale);\n };\n\n ChartInternal.prototype.initSubchart = function () {\n var $$ = this,\n config = $$.config,\n context = $$.context = $$.svg.append('g').attr('transform', $$.getTranslate('context')); // set style\n\n context.style('visibility', 'visible'); // Define g for chart area\n\n context.append('g').attr('clip-path', $$.clipPathForSubchart).attr('class', CLASS.chart); // Define g for bar chart area\n\n context.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartBars); // Define g for line chart area\n\n context.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartLines); // Add extent rect for Brush\n\n context.append('g').attr('clip-path', $$.clipPath).attr('class', CLASS.brush); // ATTENTION: This must be called AFTER chart added\n // Add Axis\n\n $$.axes.subx = context.append('g').attr('class', CLASS.axisX).attr('transform', $$.getTranslate('subx')).attr('clip-path', config.axis_rotated ? '' : $$.clipPathForXAxis).style('visibility', config.subchart_axis_x_show ? 'visible' : 'hidden');\n };\n\n ChartInternal.prototype.initSubchartBrush = function () {\n var $$ = this; // Add extent rect for Brush\n\n $$.initBrush($$.subX).updateExtent();\n $$.context.select('.' + CLASS.brush).call($$.brush);\n };\n\n ChartInternal.prototype.updateTargetsForSubchart = function (targets) {\n var $$ = this,\n context = $$.context,\n config = $$.config,\n contextLineEnter,\n contextLine,\n contextBarEnter,\n contextBar,\n classChartBar = $$.classChartBar.bind($$),\n classBars = $$.classBars.bind($$),\n classChartLine = $$.classChartLine.bind($$),\n classLines = $$.classLines.bind($$),\n classAreas = $$.classAreas.bind($$); //-- Bar --//\n\n contextBar = context.select('.' + CLASS.chartBars).selectAll('.' + CLASS.chartBar).data(targets);\n contextBarEnter = contextBar.enter().append('g').style('opacity', 0);\n contextBarEnter.merge(contextBar).attr('class', classChartBar); // Bars for each data\n\n contextBarEnter.append('g').attr('class', classBars); //-- Line --//\n\n contextLine = context.select('.' + CLASS.chartLines).selectAll('.' + CLASS.chartLine).data(targets);\n contextLineEnter = contextLine.enter().append('g').style('opacity', 0);\n contextLineEnter.merge(contextLine).attr('class', classChartLine); // Lines for each data\n\n contextLineEnter.append('g').attr('class', classLines); // Area\n\n contextLineEnter.append('g').attr('class', classAreas); //-- Brush --//\n\n context.selectAll('.' + CLASS.brush + ' rect').attr(config.axis_rotated ? 'width' : 'height', config.axis_rotated ? $$.width2 : $$.height2);\n };\n\n ChartInternal.prototype.updateBarForSubchart = function (durationForExit) {\n var $$ = this;\n var contextBar = $$.context.selectAll('.' + CLASS.bars).selectAll('.' + CLASS.bar).data($$.barData.bind($$));\n var contextBarEnter = contextBar.enter().append('path').attr('class', $$.classBar.bind($$)).style('stroke', 'none').style('fill', $$.color);\n contextBar.exit().transition().duration(durationForExit).style('opacity', 0).remove();\n $$.contextBar = contextBarEnter.merge(contextBar).style('opacity', $$.initialOpacity.bind($$));\n };\n\n ChartInternal.prototype.redrawBarForSubchart = function (drawBarOnSub, withTransition, duration) {\n (withTransition ? this.contextBar.transition(Math.random().toString()).duration(duration) : this.contextBar).attr('d', drawBarOnSub).style('opacity', 1);\n };\n\n ChartInternal.prototype.updateLineForSubchart = function (durationForExit) {\n var $$ = this;\n var contextLine = $$.context.selectAll('.' + CLASS.lines).selectAll('.' + CLASS.line).data($$.lineData.bind($$));\n var contextLineEnter = contextLine.enter().append('path').attr('class', $$.classLine.bind($$)).style('stroke', $$.color);\n contextLine.exit().transition().duration(durationForExit).style('opacity', 0).remove();\n $$.contextLine = contextLineEnter.merge(contextLine).style('opacity', $$.initialOpacity.bind($$));\n };\n\n ChartInternal.prototype.redrawLineForSubchart = function (drawLineOnSub, withTransition, duration) {\n (withTransition ? this.contextLine.transition(Math.random().toString()).duration(duration) : this.contextLine).attr('d', drawLineOnSub).style('opacity', 1);\n };\n\n ChartInternal.prototype.updateAreaForSubchart = function (durationForExit) {\n var $$ = this,\n d3 = $$.d3;\n var contextArea = $$.context.selectAll('.' + CLASS.areas).selectAll('.' + CLASS.area).data($$.lineData.bind($$));\n var contextAreaEnter = contextArea.enter().append('path').attr('class', $$.classArea.bind($$)).style('fill', $$.color).style('opacity', function () {\n $$.orgAreaOpacity = +d3.select(this).style('opacity');\n return 0;\n });\n contextArea.exit().transition().duration(durationForExit).style('opacity', 0).remove();\n $$.contextArea = contextAreaEnter.merge(contextArea).style('opacity', 0);\n };\n\n ChartInternal.prototype.redrawAreaForSubchart = function (drawAreaOnSub, withTransition, duration) {\n (withTransition ? this.contextArea.transition(Math.random().toString()).duration(duration) : this.contextArea).attr('d', drawAreaOnSub).style('fill', this.color).style('opacity', this.orgAreaOpacity);\n };\n\n ChartInternal.prototype.redrawSubchart = function (withSubchart, transitions, duration, durationForExit, areaIndices, barIndices, lineIndices) {\n var $$ = this,\n d3 = $$.d3,\n drawAreaOnSub,\n drawBarOnSub,\n drawLineOnSub; // reflect main chart to extent on subchart if zoomed\n\n if (d3.event && d3.event.type === 'zoom') {\n $$.brush.selectionAsValue($$.x.orgDomain());\n } // update subchart elements if needed\n\n\n if (withSubchart) {\n // extent rect\n if (!$$.brush.empty()) {\n $$.brush.selectionAsValue($$.x.orgDomain());\n } // setup drawer - MEMO: this must be called after axis updated\n\n\n drawAreaOnSub = $$.generateDrawArea(areaIndices, true);\n drawBarOnSub = $$.generateDrawBar(barIndices, true);\n drawLineOnSub = $$.generateDrawLine(lineIndices, true);\n $$.updateBarForSubchart(duration);\n $$.updateLineForSubchart(duration);\n $$.updateAreaForSubchart(duration);\n $$.redrawBarForSubchart(drawBarOnSub, duration, duration);\n $$.redrawLineForSubchart(drawLineOnSub, duration, duration);\n $$.redrawAreaForSubchart(drawAreaOnSub, duration, duration);\n }\n };\n\n ChartInternal.prototype.redrawForBrush = function () {\n var $$ = this,\n x = $$.x,\n d3 = $$.d3,\n s;\n $$.redraw({\n withTransition: false,\n withY: $$.config.zoom_rescale,\n withSubchart: false,\n withUpdateXDomain: true,\n withEventRect: false,\n withDimension: false\n }); // update zoom transation binded to event rect\n\n s = d3.event.selection || $$.brush.scale.range();\n $$.main.select('.' + CLASS.eventRect).call($$.zoom.transform, d3.zoomIdentity.scale($$.width / (s[1] - s[0])).translate(-s[0], 0));\n $$.config.subchart_onbrush.call($$.api, x.orgDomain());\n };\n\n ChartInternal.prototype.transformContext = function (withTransition, transitions) {\n var $$ = this,\n subXAxis;\n\n if (transitions && transitions.axisSubX) {\n subXAxis = transitions.axisSubX;\n } else {\n subXAxis = $$.context.select('.' + CLASS.axisX);\n\n if (withTransition) {\n subXAxis = subXAxis.transition();\n }\n }\n\n $$.context.attr('transform', $$.getTranslate('context'));\n subXAxis.attr('transform', $$.getTranslate('subx'));\n };\n\n ChartInternal.prototype.getDefaultSelection = function () {\n var $$ = this,\n config = $$.config,\n selection = isFunction(config.axis_x_selection) ? config.axis_x_selection($$.getXDomain($$.data.targets)) : config.axis_x_selection;\n\n if ($$.isTimeSeries()) {\n selection = [$$.parseDate(selection[0]), $$.parseDate(selection[1])];\n }\n\n return selection;\n };\n\n ChartInternal.prototype.removeSubchart = function () {\n var $$ = this;\n $$.brush = null;\n $$.context.remove();\n $$.context = null;\n };\n\n ChartInternal.prototype.initText = function () {\n var $$ = this;\n $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.chartTexts);\n $$.mainText = $$.d3.selectAll([]);\n };\n\n ChartInternal.prototype.updateTargetsForText = function (targets) {\n var $$ = this,\n classChartText = $$.classChartText.bind($$),\n classTexts = $$.classTexts.bind($$),\n classFocus = $$.classFocus.bind($$);\n var mainText = $$.main.select('.' + CLASS.chartTexts).selectAll('.' + CLASS.chartText).data(targets);\n var mainTextEnter = mainText.enter().append('g').attr('class', classChartText).style('opacity', 0).style('pointer-events', 'none');\n mainTextEnter.append('g').attr('class', classTexts);\n mainTextEnter.merge(mainText).attr('class', function (d) {\n return classChartText(d) + classFocus(d);\n });\n };\n\n ChartInternal.prototype.updateText = function (xForText, yForText, durationForExit) {\n var $$ = this,\n config = $$.config,\n barOrLineData = $$.barOrLineData.bind($$),\n classText = $$.classText.bind($$);\n var mainText = $$.main.selectAll('.' + CLASS.texts).selectAll('.' + CLASS.text).data(barOrLineData);\n var mainTextEnter = mainText.enter().append('text').attr('class', classText).attr('text-anchor', function (d) {\n return config.axis_rotated ? d.value < 0 ? 'end' : 'start' : 'middle';\n }).style('stroke', 'none').attr('x', xForText).attr('y', yForText).style('fill', function (d) {\n return $$.color(d);\n }).style('fill-opacity', 0);\n $$.mainText = mainTextEnter.merge(mainText).text(function (d, i, j) {\n return $$.dataLabelFormat(d.id)(d.value, d.id, i, j);\n });\n mainText.exit().transition().duration(durationForExit).style('fill-opacity', 0).remove();\n };\n\n ChartInternal.prototype.redrawText = function (xForText, yForText, forFlow, withTransition, transition) {\n return [(withTransition ? this.mainText.transition(transition) : this.mainText).attr('x', xForText).attr('y', yForText).style('fill', this.color).style('fill-opacity', forFlow ? 0 : this.opacityForText.bind(this))];\n };\n\n ChartInternal.prototype.getTextRect = function (text, cls, element) {\n var dummy = this.d3.select('body').append('div').classed('c3', true),\n svg = dummy.append('svg').style('visibility', 'hidden').style('position', 'fixed').style('top', 0).style('left', 0),\n font = this.d3.select(element).style('font'),\n rect;\n svg.selectAll('.dummy').data([text]).enter().append('text').classed(cls ? cls : '', true).style('font', font).text(text).each(function () {\n rect = getBBox(this);\n });\n dummy.remove();\n return rect;\n };\n\n ChartInternal.prototype.generateXYForText = function (areaIndices, barIndices, lineIndices, forX) {\n var $$ = this,\n getAreaPoints = $$.generateGetAreaPoints(areaIndices, false),\n getBarPoints = $$.generateGetBarPoints(barIndices, false),\n getLinePoints = $$.generateGetLinePoints(lineIndices, false),\n getter = forX ? $$.getXForText : $$.getYForText;\n return function (d, i) {\n var getPoints = $$.isAreaType(d) ? getAreaPoints : $$.isBarType(d) ? getBarPoints : getLinePoints;\n return getter.call($$, getPoints(d, i), d, this);\n };\n };\n\n ChartInternal.prototype.getXForText = function (points, d, textElement) {\n var $$ = this,\n box = getBBox(textElement),\n xPos,\n padding;\n\n if ($$.config.axis_rotated) {\n padding = $$.isBarType(d) ? 4 : 6;\n xPos = points[2][1] + padding * (d.value < 0 ? -1 : 1);\n } else {\n xPos = $$.hasType('bar') ? (points[2][0] + points[0][0]) / 2 : points[0][0];\n } // show labels regardless of the domain if value is null\n\n\n if (d.value === null) {\n if (xPos > $$.width) {\n xPos = $$.width - box.width;\n } else if (xPos < 0) {\n xPos = 4;\n }\n }\n\n return xPos;\n };\n\n ChartInternal.prototype.getYForText = function (points, d, textElement) {\n var $$ = this,\n box = getBBox(textElement),\n yPos;\n\n if ($$.config.axis_rotated) {\n yPos = (points[0][0] + points[2][0] + box.height * 0.6) / 2;\n } else {\n yPos = points[2][1];\n\n if (d.value < 0 || d.value === 0 && !$$.hasPositiveValue) {\n yPos += box.height;\n\n if ($$.isBarType(d) && $$.isSafari()) {\n yPos -= 3;\n } else if (!$$.isBarType(d) && $$.isChrome()) {\n yPos += 3;\n }\n } else {\n yPos += $$.isBarType(d) ? -3 : -6;\n }\n } // show labels regardless of the domain if value is null\n\n\n if (d.value === null && !$$.config.axis_rotated) {\n if (yPos < box.height) {\n yPos = box.height;\n } else if (yPos > this.height) {\n yPos = this.height - 4;\n }\n }\n\n return yPos;\n };\n\n ChartInternal.prototype.initTitle = function () {\n var $$ = this;\n $$.title = $$.svg.append('text').text($$.config.title_text).attr('class', $$.CLASS.title);\n };\n\n ChartInternal.prototype.redrawTitle = function () {\n var $$ = this;\n $$.title.attr('x', $$.xForTitle.bind($$)).attr('y', $$.yForTitle.bind($$));\n };\n\n ChartInternal.prototype.xForTitle = function () {\n var $$ = this,\n config = $$.config,\n position = config.title_position || 'left',\n x;\n\n if (position.indexOf('right') >= 0) {\n x = $$.currentWidth - $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).width - config.title_padding.right;\n } else if (position.indexOf('center') >= 0) {\n x = Math.max(($$.currentWidth - $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).width) / 2, 0);\n } else {\n // left\n x = config.title_padding.left;\n }\n\n return x;\n };\n\n ChartInternal.prototype.yForTitle = function () {\n var $$ = this;\n return $$.config.title_padding.top + $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).height;\n };\n\n ChartInternal.prototype.getTitlePadding = function () {\n var $$ = this;\n return $$.yForTitle() + $$.config.title_padding.bottom;\n };\n\n function powerOfTen(d) {\n return d / Math.pow(10, Math.ceil(Math.log(d) / Math.LN10 - 1e-12)) === 1;\n }\n\n ChartInternal.prototype.drawColorScale = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n target = $$.data.targets[0],\n barWidth,\n barHeight,\n axis,\n points,\n legendAxis,\n axisScale,\n inverseScale,\n height;\n barWidth = !isNaN(config.stanford_scaleWidth) ? config.stanford_scaleWidth : 20;\n barHeight = 5;\n\n if (barHeight < 0 || barWidth < 0) {\n throw Error(\"Colorscale's barheight and barwidth must be greater than 0.\");\n }\n\n height = $$.height - config.stanford_padding.bottom - config.stanford_padding.top;\n points = d3.range(config.stanford_padding.bottom, height, barHeight);\n inverseScale = d3.scaleSequential(target.colors).domain([points[points.length - 1], points[0]]);\n\n if ($$.colorScale) {\n $$.colorScale.remove();\n }\n\n $$.colorScale = $$.svg.append('g').attr('width', 50).attr('height', height).attr('class', CLASS.colorScale);\n $$.colorScale.append('g').attr('transform', \"translate(0, \" + config.stanford_padding.top + \")\").selectAll('bars').data(points).enter().append('rect').attr('y', function (d, i) {\n return i * barHeight;\n }).attr('x', 0).attr('width', barWidth).attr('height', barHeight).attr('fill', function (d) {\n return inverseScale(d);\n }); // Legend Axis\n\n axisScale = d3.scaleLog().domain([target.minEpochs, target.maxEpochs]).range([points[0] + config.stanford_padding.top + points[points.length - 1] + barHeight - 1, points[0] + config.stanford_padding.top]);\n legendAxis = d3.axisRight(axisScale);\n\n if (config.stanford_scaleFormat === 'pow10') {\n legendAxis.tickValues([1, 10, 100, 1000, 10000, 100000, 1000000, 10000000]);\n } else if (isFunction(config.stanford_scaleFormat)) {\n legendAxis.tickFormat(config.stanford_scaleFormat);\n } else {\n legendAxis.tickFormat(d3.format('d'));\n }\n\n if (isFunction(config.stanford_scaleValues)) {\n legendAxis.tickValues(config.stanford_scaleValues(target.minEpochs, target.maxEpochs));\n } // Draw Axis\n\n\n axis = $$.colorScale.append('g').attr('class', 'legend axis').attr('transform', \"translate(\" + barWidth + \",0)\").call(legendAxis);\n\n if (config.stanford_scaleFormat === 'pow10') {\n axis.selectAll('.tick text').text(null).filter(powerOfTen).text(10).append('tspan').attr('dy', '-.7em') // https://bl.ocks.org/mbostock/6738229\n .text(function (d) {\n return Math.round(Math.log(d) / Math.LN10);\n });\n }\n\n $$.colorScale.attr('transform', \"translate(\" + ($$.currentWidth - $$.xForColorScale()) + \", 0)\");\n };\n\n ChartInternal.prototype.xForColorScale = function () {\n var $$ = this;\n return $$.config.stanford_padding.right + getBBox($$.colorScale.node()).width;\n };\n\n ChartInternal.prototype.getColorScalePadding = function () {\n var $$ = this;\n return $$.xForColorScale() + $$.config.stanford_padding.left + 20;\n };\n\n ChartInternal.prototype.isStanfordGraphType = function () {\n var $$ = this;\n return $$.config.data_type === 'stanford';\n };\n\n ChartInternal.prototype.initStanfordData = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n target = $$.data.targets[0],\n epochs,\n maxEpochs,\n minEpochs; // Make larger values appear on top\n\n target.values.sort(compareEpochs); // Get array of epochs\n\n epochs = target.values.map(function (a) {\n return a.epochs;\n });\n minEpochs = !isNaN(config.stanford_scaleMin) ? config.stanford_scaleMin : d3.min(epochs);\n maxEpochs = !isNaN(config.stanford_scaleMax) ? config.stanford_scaleMax : d3.max(epochs);\n\n if (minEpochs > maxEpochs) {\n throw Error('Number of minEpochs has to be smaller than maxEpochs');\n }\n\n target.colors = isFunction(config.stanford_colors) ? config.stanford_colors : d3.interpolateHslLong(d3.hsl(250, 1, 0.5), d3.hsl(0, 1, 0.5));\n target.colorscale = d3.scaleSequentialLog(target.colors).domain([minEpochs, maxEpochs]);\n target.minEpochs = minEpochs;\n target.maxEpochs = maxEpochs;\n };\n\n ChartInternal.prototype.getStanfordPointColor = function (d) {\n var $$ = this,\n target = $$.data.targets[0];\n return target.colorscale(d.epochs);\n }; // http://jsfiddle.net/Xotic750/KtzLq/\n\n\n ChartInternal.prototype.getCentroid = function (points) {\n var area = getRegionArea(points);\n var x = 0,\n y = 0,\n i,\n j,\n f,\n point1,\n point2;\n\n for (i = 0, j = points.length - 1; i < points.length; j = i, i += 1) {\n point1 = points[i];\n point2 = points[j];\n f = point1.x * point2.y - point2.x * point1.y;\n x += (point1.x + point2.x) * f;\n y += (point1.y + point2.y) * f;\n }\n\n f = area * 6;\n return {\n x: x / f,\n y: y / f\n };\n };\n\n ChartInternal.prototype.getStanfordTooltipTitle = function (d) {\n var $$ = this,\n labelX = $$.axis.getLabelText('x'),\n labelY = $$.axis.getLabelText('y');\n return \"\\n
| \" + (labelX ? sanitise(labelX) : 'x') + \" | \" + d.x + \" |
|---|
\\n
| \" + (labelY ? sanitise(labelY) : 'y') + \" | \" + d.value + \" |
|---|
\\n \";\n };\n\n ChartInternal.prototype.countEpochsInRegion = function (region) {\n var $$ = this,\n target = $$.data.targets[0],\n total,\n count;\n total = target.values.reduce(function (accumulator, currentValue) {\n return accumulator + Number(currentValue.epochs);\n }, 0);\n count = target.values.reduce(function (accumulator, currentValue) {\n if (pointInRegion(currentValue, region)) {\n return accumulator + Number(currentValue.epochs);\n }\n\n return accumulator;\n }, 0);\n return {\n value: count,\n percentage: count !== 0 ? (count / total * 100).toFixed(1) : 0\n };\n };\n\n var getRegionArea = function (points) {\n // thanks to: https://stackoverflow.com/questions/16282330/find-centerpoint-of-polygon-in-javascript\n var area = 0,\n i,\n j,\n point1,\n point2;\n\n for (i = 0, j = points.length - 1; i < points.length; j = i, i += 1) {\n point1 = points[i];\n point2 = points[j];\n area += point1.x * point2.y;\n area -= point1.y * point2.x;\n }\n\n area /= 2;\n return area;\n };\n\n var pointInRegion = function (point, region) {\n // thanks to: http://bl.ocks.org/bycoffe/5575904\n // ray-casting algorithm based on\n // http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html\n var xi,\n yi,\n yj,\n xj,\n intersect,\n x = point.x,\n y = point.value,\n inside = false;\n\n for (var i = 0, j = region.length - 1; i < region.length; j = i++) {\n xi = region[i].x;\n yi = region[i].y;\n xj = region[j].x;\n yj = region[j].y;\n intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;\n\n if (intersect) {\n inside = !inside;\n }\n }\n\n return inside;\n };\n\n var compareEpochs = function (a, b) {\n if (a.epochs < b.epochs) {\n return -1;\n }\n\n if (a.epochs > b.epochs) {\n return 1;\n }\n\n return 0;\n };\n\n ChartInternal.prototype.initStanfordElements = function () {\n var $$ = this; // Avoid blocking eventRect\n\n $$.stanfordElements = $$.main.select('.' + CLASS.chart).append('g').attr('class', CLASS.stanfordElements);\n $$.stanfordElements.append('g').attr('class', CLASS.stanfordLines);\n $$.stanfordElements.append('g').attr('class', CLASS.stanfordTexts);\n $$.stanfordElements.append('g').attr('class', CLASS.stanfordRegions);\n };\n\n ChartInternal.prototype.updateStanfordElements = function (duration) {\n var $$ = this,\n main = $$.main,\n config = $$.config,\n stanfordLine,\n stanfordLineEnter,\n stanfordRegion,\n stanfordRegionEnter,\n stanfordText,\n stanfordTextEnter,\n xvCustom = $$.xvCustom.bind($$),\n yvCustom = $$.yvCustom.bind($$),\n countPointsInRegion = $$.countEpochsInRegion.bind($$); // Stanford-Lines\n\n stanfordLine = main.select('.' + CLASS.stanfordLines).style('shape-rendering', 'geometricprecision').selectAll('.' + CLASS.stanfordLine).data(config.stanford_lines); // enter\n\n stanfordLineEnter = stanfordLine.enter().append('g').attr('class', function (d) {\n return CLASS.stanfordLine + (d['class'] ? ' ' + d['class'] : '');\n });\n stanfordLineEnter.append('line').attr('x1', function (d) {\n return config.axis_rotated ? yvCustom(d, 'value_y1') : xvCustom(d, 'value_x1');\n }).attr('x2', function (d) {\n return config.axis_rotated ? yvCustom(d, 'value_y2') : xvCustom(d, 'value_x2');\n }).attr('y1', function (d) {\n return config.axis_rotated ? xvCustom(d, 'value_x1') : yvCustom(d, 'value_y1');\n }).attr('y2', function (d) {\n return config.axis_rotated ? xvCustom(d, 'value_x2') : yvCustom(d, 'value_y2');\n }).style('opacity', 0); // update\n\n $$.stanfordLines = stanfordLineEnter.merge(stanfordLine);\n $$.stanfordLines.select('line').transition().duration(duration).attr('x1', function (d) {\n return config.axis_rotated ? yvCustom(d, 'value_y1') : xvCustom(d, 'value_x1');\n }).attr('x2', function (d) {\n return config.axis_rotated ? yvCustom(d, 'value_y2') : xvCustom(d, 'value_x2');\n }).attr('y1', function (d) {\n return config.axis_rotated ? xvCustom(d, 'value_x1') : yvCustom(d, 'value_y1');\n }).attr('y2', function (d) {\n return config.axis_rotated ? xvCustom(d, 'value_x2') : yvCustom(d, 'value_y2');\n }).style('opacity', 1); // exit\n\n stanfordLine.exit().transition().duration(duration).style('opacity', 0).remove(); // Stanford-Text\n\n stanfordText = main.select('.' + CLASS.stanfordTexts).selectAll('.' + CLASS.stanfordText).data(config.stanford_texts); // enter\n\n stanfordTextEnter = stanfordText.enter().append('g').attr('class', function (d) {\n return CLASS.stanfordText + (d['class'] ? ' ' + d['class'] : '');\n });\n stanfordTextEnter.append('text').attr('x', function (d) {\n return config.axis_rotated ? yvCustom(d, 'y') : xvCustom(d, 'x');\n }).attr('y', function (d) {\n return config.axis_rotated ? xvCustom(d, 'x') : yvCustom(d, 'y');\n }).style('opacity', 0); // update\n\n $$.stanfordTexts = stanfordTextEnter.merge(stanfordText);\n $$.stanfordTexts.select('text').transition().duration(duration).attr('x', function (d) {\n return config.axis_rotated ? yvCustom(d, 'y') : xvCustom(d, 'x');\n }).attr('y', function (d) {\n return config.axis_rotated ? xvCustom(d, 'x') : yvCustom(d, 'y');\n }).text(function (d) {\n return d.content;\n }).style('opacity', 1); // exit\n\n stanfordText.exit().transition().duration(duration).style('opacity', 0).remove(); // Stanford-Regions\n\n stanfordRegion = main.select('.' + CLASS.stanfordRegions).selectAll('.' + CLASS.stanfordRegion).data(config.stanford_regions); // enter\n\n stanfordRegionEnter = stanfordRegion.enter().append('g').attr('class', function (d) {\n return CLASS.stanfordRegion + (d['class'] ? ' ' + d['class'] : '');\n });\n stanfordRegionEnter.append('polygon').attr('points', function (d) {\n return d.points.map(function (value) {\n return [config.axis_rotated ? yvCustom(value, 'y') : xvCustom(value, 'x'), config.axis_rotated ? xvCustom(value, 'x') : yvCustom(value, 'y')].join(',');\n }).join(' ');\n }).style('opacity', 0);\n stanfordRegionEnter.append('text').attr('x', function (d) {\n return $$.getCentroid(d.points).x;\n }).attr('y', function (d) {\n return $$.getCentroid(d.points).y;\n }).style('opacity', 0); // update\n\n $$.stanfordRegions = stanfordRegionEnter.merge(stanfordRegion);\n $$.stanfordRegions.select('polygon').transition().duration(duration).attr('points', function (d) {\n return d.points.map(function (value) {\n return [config.axis_rotated ? yvCustom(value, 'y') : xvCustom(value, 'x'), config.axis_rotated ? xvCustom(value, 'x') : yvCustom(value, 'y')].join(',');\n }).join(' ');\n }).style('opacity', function (d) {\n return d.opacity ? d.opacity : 0.2;\n });\n $$.stanfordRegions.select('text').transition().duration(duration).attr('x', function (d) {\n return config.axis_rotated ? yvCustom($$.getCentroid(d.points), 'y') : xvCustom($$.getCentroid(d.points), 'x');\n }).attr('y', function (d) {\n return config.axis_rotated ? xvCustom($$.getCentroid(d.points), 'x') : yvCustom($$.getCentroid(d.points), 'y');\n }).text(function (d) {\n if (d.text) {\n var value, percentage, temp;\n\n if ($$.isStanfordGraphType()) {\n temp = countPointsInRegion(d.points);\n value = temp.value;\n percentage = temp.percentage;\n }\n\n return d.text(value, percentage);\n }\n\n return '';\n }).attr('text-anchor', 'middle').attr('dominant-baseline', 'middle').style('opacity', 1); // exit\n\n stanfordRegion.exit().transition().duration(duration).style('opacity', 0).remove();\n };\n\n ChartInternal.prototype.initTooltip = function () {\n var $$ = this,\n config = $$.config,\n i;\n $$.tooltip = $$.selectChart.style('position', 'relative').append('div').attr('class', CLASS.tooltipContainer).style('position', 'absolute').style('pointer-events', 'none').style('display', 'none'); // Show tooltip if needed\n\n if (config.tooltip_init_show) {\n if ($$.isTimeSeries() && isString(config.tooltip_init_x)) {\n config.tooltip_init_x = $$.parseDate(config.tooltip_init_x);\n\n for (i = 0; i < $$.data.targets[0].values.length; i++) {\n if ($$.data.targets[0].values[i].x - config.tooltip_init_x === 0) {\n break;\n }\n }\n\n config.tooltip_init_x = i;\n }\n\n $$.tooltip.html(config.tooltip_contents.call($$, $$.data.targets.map(function (d) {\n return $$.addName(d.values[config.tooltip_init_x]);\n }), $$.axis.getXAxisTickFormat(), $$.getYFormat($$.hasArcType()), $$.color));\n $$.tooltip.style('top', config.tooltip_init_position.top).style('left', config.tooltip_init_position.left).style('display', 'block');\n }\n };\n\n ChartInternal.prototype.getTooltipSortFunction = function () {\n var $$ = this,\n config = $$.config;\n\n if (config.data_groups.length === 0 || config.tooltip_order !== undefined) {\n // if data are not grouped or if an order is specified\n // for the tooltip values we sort them by their values\n var order = config.tooltip_order;\n\n if (order === undefined) {\n order = config.data_order;\n }\n\n var valueOf = function (obj) {\n return obj ? obj.value : null;\n }; // if data are not grouped, we sort them by their value\n\n\n if (isString(order) && order.toLowerCase() === 'asc') {\n return function (a, b) {\n return valueOf(a) - valueOf(b);\n };\n } else if (isString(order) && order.toLowerCase() === 'desc') {\n return function (a, b) {\n return valueOf(b) - valueOf(a);\n };\n } else if (isFunction(order)) {\n // if the function is from data_order we need\n // to wrap the returned function in order to format\n // the sorted value to the expected format\n var sortFunction = order;\n\n if (config.tooltip_order === undefined) {\n sortFunction = function (a, b) {\n return order(a ? {\n id: a.id,\n values: [a]\n } : null, b ? {\n id: b.id,\n values: [b]\n } : null);\n };\n }\n\n return sortFunction;\n } else if (isArray(order)) {\n return function (a, b) {\n return order.indexOf(a.id) - order.indexOf(b.id);\n };\n }\n } else {\n // if data are grouped, we follow the order of grouped targets\n var ids = $$.orderTargets($$.data.targets).map(function (i) {\n return i.id;\n }); // if it was either asc or desc we need to invert the order\n // returned by orderTargets\n\n if ($$.isOrderAsc() || $$.isOrderDesc()) {\n ids = ids.reverse();\n }\n\n return function (a, b) {\n return ids.indexOf(a.id) - ids.indexOf(b.id);\n };\n }\n };\n\n ChartInternal.prototype.getTooltipContent = function (d, defaultTitleFormat, defaultValueFormat, color) {\n var $$ = this,\n config = $$.config,\n titleFormat = config.tooltip_format_title || defaultTitleFormat,\n nameFormat = config.tooltip_format_name || function (name) {\n return name;\n },\n text,\n i,\n title,\n value,\n name,\n bgcolor;\n\n var valueFormat = config.tooltip_format_value;\n\n if (!valueFormat) {\n valueFormat = $$.isTargetNormalized(d.id) ? function (v, ratio) {\n return (ratio * 100).toFixed(2) + \"%\";\n } : defaultValueFormat;\n }\n\n var tooltipSortFunction = this.getTooltipSortFunction();\n\n if (tooltipSortFunction) {\n d.sort(tooltipSortFunction);\n }\n\n for (i = 0; i < d.length; i++) {\n if (!(d[i] && (d[i].value || d[i].value === 0))) {\n continue;\n }\n\n if ($$.isStanfordGraphType()) {\n // Custom tooltip for stanford plots\n if (!text) {\n title = $$.getStanfordTooltipTitle(d[i]);\n text = \"
\" + title;\n }\n\n bgcolor = $$.getStanfordPointColor(d[i]);\n name = sanitise(config.data_epochs); // Epochs key name\n\n value = d[i].epochs;\n } else {\n // Regular tooltip\n if (!text) {\n title = sanitise(titleFormat ? titleFormat(d[i].x, d[i].index) : d[i].x);\n text = \"';\n };\n\n ChartInternal.prototype.tooltipPosition = function (dataToShow, tWidth, tHeight, element) {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3;\n var svgLeft, tooltipLeft, tooltipRight, tooltipTop, chartRight;\n var forArc = $$.hasArcType(),\n mouse = d3.mouse(element); // Determin tooltip position\n\n if (forArc) {\n tooltipLeft = ($$.width - ($$.isLegendRight ? $$.getLegendWidth() : 0)) / 2 + mouse[0];\n tooltipTop = ($$.hasType('gauge') ? $$.height : $$.height / 2) + mouse[1] + 20;\n } else {\n svgLeft = $$.getSvgLeft(true);\n\n if (config.axis_rotated) {\n tooltipLeft = svgLeft + mouse[0] + 100;\n tooltipRight = tooltipLeft + tWidth;\n chartRight = $$.currentWidth - $$.getCurrentPaddingRight();\n tooltipTop = $$.x(dataToShow[0].x) + 20;\n } else {\n tooltipLeft = svgLeft + $$.getCurrentPaddingLeft(true) + $$.x(dataToShow[0].x) + 20;\n tooltipRight = tooltipLeft + tWidth;\n chartRight = svgLeft + $$.currentWidth - $$.getCurrentPaddingRight();\n tooltipTop = mouse[1] + 15;\n }\n\n if (tooltipRight > chartRight) {\n // 20 is needed for Firefox to keep tooltip width\n tooltipLeft -= tooltipRight - chartRight + 20;\n }\n\n if (tooltipTop + tHeight > $$.currentHeight) {\n tooltipTop -= tHeight + 30;\n }\n }\n\n if (tooltipTop < 0) {\n tooltipTop = 0;\n }\n\n return {\n top: tooltipTop,\n left: tooltipLeft\n };\n };\n\n ChartInternal.prototype.showTooltip = function (selectedData, element) {\n var $$ = this,\n config = $$.config;\n var tWidth, tHeight, position;\n var forArc = $$.hasArcType(),\n dataToShow = selectedData.filter(function (d) {\n return d && isValue(d.value);\n }),\n positionFunction = config.tooltip_position || ChartInternal.prototype.tooltipPosition;\n\n if (dataToShow.length === 0 || !config.tooltip_show) {\n $$.hideTooltip();\n return;\n }\n\n $$.tooltip.html(config.tooltip_contents.call($$, selectedData, $$.axis.getXAxisTickFormat(), $$.getYFormat(forArc), $$.color)).style('display', 'block'); // Get tooltip dimensions\n\n tWidth = $$.tooltip.property('offsetWidth');\n tHeight = $$.tooltip.property('offsetHeight');\n position = positionFunction.call(this, dataToShow, tWidth, tHeight, element); // Set tooltip\n\n $$.tooltip.style('top', position.top + 'px').style('left', position.left + 'px');\n };\n\n ChartInternal.prototype.hideTooltip = function () {\n this.tooltip.style('display', 'none');\n };\n\n ChartInternal.prototype.setTargetType = function (targetIds, type) {\n var $$ = this,\n config = $$.config;\n $$.mapToTargetIds(targetIds).forEach(function (id) {\n $$.withoutFadeIn[id] = type === config.data_types[id];\n config.data_types[id] = type;\n });\n\n if (!targetIds) {\n config.data_type = type;\n }\n };\n\n ChartInternal.prototype.hasType = function (type, targets) {\n var $$ = this,\n types = $$.config.data_types,\n has = false;\n targets = targets || $$.data.targets;\n\n if (targets && targets.length) {\n targets.forEach(function (target) {\n var t = types[target.id];\n\n if (t && t.indexOf(type) >= 0 || !t && type === 'line') {\n has = true;\n }\n });\n } else if (Object.keys(types).length) {\n Object.keys(types).forEach(function (id) {\n if (types[id] === type) {\n has = true;\n }\n });\n } else {\n has = $$.config.data_type === type;\n }\n\n return has;\n };\n\n ChartInternal.prototype.hasArcType = function (targets) {\n return this.hasType('pie', targets) || this.hasType('donut', targets) || this.hasType('gauge', targets);\n };\n\n ChartInternal.prototype.isLineType = function (d) {\n var config = this.config,\n id = isString(d) ? d : d.id;\n return !config.data_types[id] || ['line', 'spline', 'area', 'area-spline', 'step', 'area-step'].indexOf(config.data_types[id]) >= 0;\n };\n\n ChartInternal.prototype.isStepType = function (d) {\n var id = isString(d) ? d : d.id;\n return ['step', 'area-step'].indexOf(this.config.data_types[id]) >= 0;\n };\n\n ChartInternal.prototype.isSplineType = function (d) {\n var id = isString(d) ? d : d.id;\n return ['spline', 'area-spline'].indexOf(this.config.data_types[id]) >= 0;\n };\n\n ChartInternal.prototype.isAreaType = function (d) {\n var id = isString(d) ? d : d.id;\n return ['area', 'area-spline', 'area-step'].indexOf(this.config.data_types[id]) >= 0;\n };\n\n ChartInternal.prototype.isBarType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'bar';\n };\n\n ChartInternal.prototype.isScatterType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'scatter';\n };\n\n ChartInternal.prototype.isStanfordType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'stanford';\n };\n\n ChartInternal.prototype.isPieType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'pie';\n };\n\n ChartInternal.prototype.isGaugeType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'gauge';\n };\n\n ChartInternal.prototype.isDonutType = function (d) {\n var id = isString(d) ? d : d.id;\n return this.config.data_types[id] === 'donut';\n };\n\n ChartInternal.prototype.isArcType = function (d) {\n return this.isPieType(d) || this.isDonutType(d) || this.isGaugeType(d);\n };\n\n ChartInternal.prototype.lineData = function (d) {\n return this.isLineType(d) ? [d] : [];\n };\n\n ChartInternal.prototype.arcData = function (d) {\n return this.isArcType(d.data) ? [d] : [];\n };\n /* not used\r\n function scatterData(d) {\r\n return isScatterType(d) ? d.values : [];\r\n }\r\n */\n\n\n ChartInternal.prototype.barData = function (d) {\n return this.isBarType(d) ? d.values : [];\n };\n\n ChartInternal.prototype.lineOrScatterOrStanfordData = function (d) {\n return this.isLineType(d) || this.isScatterType(d) || this.isStanfordType(d) ? d.values : [];\n };\n\n ChartInternal.prototype.barOrLineData = function (d) {\n return this.isBarType(d) || this.isLineType(d) ? d.values : [];\n };\n\n ChartInternal.prototype.isSafari = function () {\n var ua = window.navigator.userAgent;\n return ua.indexOf('Safari') >= 0 && ua.indexOf('Chrome') < 0;\n };\n\n ChartInternal.prototype.isChrome = function () {\n var ua = window.navigator.userAgent;\n return ua.indexOf('Chrome') >= 0;\n };\n\n ChartInternal.prototype.initZoom = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n startEvent;\n $$.zoom = d3.zoom().on('start', function () {\n if (config.zoom_type !== 'scroll') {\n return;\n }\n\n var e = d3.event.sourceEvent;\n\n if (e && e.type === 'brush') {\n return;\n }\n\n startEvent = e;\n config.zoom_onzoomstart.call($$.api, e);\n }).on('zoom', function () {\n if (config.zoom_type !== 'scroll') {\n return;\n }\n\n var e = d3.event.sourceEvent;\n\n if (e && e.type === 'brush') {\n return;\n }\n\n $$.redrawForZoom();\n config.zoom_onzoom.call($$.api, $$.x.orgDomain());\n }).on('end', function () {\n if (config.zoom_type !== 'scroll') {\n return;\n }\n\n var e = d3.event.sourceEvent;\n\n if (e && e.type === 'brush') {\n return;\n } // if click, do nothing. otherwise, click interaction will be canceled.\n\n\n if (e && startEvent.clientX === e.clientX && startEvent.clientY === e.clientY) {\n return;\n }\n\n config.zoom_onzoomend.call($$.api, $$.x.orgDomain());\n });\n\n $$.zoom.updateDomain = function () {\n if (d3.event && d3.event.transform) {\n if (config.axis_rotated && config.zoom_type === 'scroll' && d3.event.sourceEvent.type === 'mousemove') {\n // we're moving the mouse in a rotated chart with zoom = \"scroll\", so we need rescaleY (i.e. vertical)\n $$.x.domain(d3.event.transform.rescaleY($$.subX).domain());\n } else {\n $$.x.domain(d3.event.transform.rescaleX($$.subX).domain());\n }\n }\n\n return this;\n };\n\n $$.zoom.updateExtent = function () {\n this.scaleExtent([1, Infinity]).translateExtent([[0, 0], [$$.width, $$.height]]).extent([[0, 0], [$$.width, $$.height]]);\n return this;\n };\n\n $$.zoom.update = function () {\n return this.updateExtent().updateDomain();\n };\n\n return $$.zoom.updateExtent();\n };\n\n ChartInternal.prototype.zoomTransform = function (range) {\n var $$ = this,\n s = [$$.x(range[0]), $$.x(range[1])];\n return $$.d3.zoomIdentity.scale($$.width / (s[1] - s[0])).translate(-s[0], 0);\n };\n\n ChartInternal.prototype.initDragZoom = function () {\n var $$ = this;\n var d3 = $$.d3;\n var config = $$.config;\n var context = $$.context = $$.svg;\n var brushXPos = $$.margin.left + 20.5;\n var brushYPos = $$.margin.top + 0.5;\n\n if (!(config.zoom_type === 'drag' && config.zoom_enabled)) {\n return;\n }\n\n var getZoomedDomain = function (selection) {\n return selection && selection.map(function (x) {\n return $$.x.invert(x);\n });\n };\n\n var brush = $$.dragZoomBrush = d3.brushX().on('start', function () {\n $$.api.unzoom();\n $$.svg.select('.' + CLASS.dragZoom).classed('disabled', false);\n config.zoom_onzoomstart.call($$.api, d3.event.sourceEvent);\n }).on('brush', function () {\n config.zoom_onzoom.call($$.api, getZoomedDomain(d3.event.selection));\n }).on('end', function () {\n if (d3.event.selection == null) {\n return;\n }\n\n var zoomedDomain = getZoomedDomain(d3.event.selection);\n\n if (!config.zoom_disableDefaultBehavior) {\n $$.api.zoom(zoomedDomain);\n }\n\n $$.svg.select('.' + CLASS.dragZoom).classed('disabled', true);\n config.zoom_onzoomend.call($$.api, zoomedDomain);\n });\n context.append('g').classed(CLASS.dragZoom, true).attr('clip-path', $$.clipPath).attr('transform', 'translate(' + brushXPos + ',' + brushYPos + ')').call(brush);\n };\n\n ChartInternal.prototype.getZoomDomain = function () {\n var $$ = this,\n config = $$.config,\n d3 = $$.d3,\n min = d3.min([$$.orgXDomain[0], config.zoom_x_min]),\n max = d3.max([$$.orgXDomain[1], config.zoom_x_max]);\n return [min, max];\n };\n\n ChartInternal.prototype.redrawForZoom = function () {\n var $$ = this,\n d3 = $$.d3,\n config = $$.config,\n zoom = $$.zoom,\n x = $$.x;\n\n if (!config.zoom_enabled) {\n return;\n }\n\n if ($$.filterTargetsToShow($$.data.targets).length === 0) {\n return;\n }\n\n zoom.update();\n\n if (config.zoom_disableDefaultBehavior) {\n return;\n }\n\n if ($$.isCategorized() && x.orgDomain()[0] === $$.orgXDomain[0]) {\n x.domain([$$.orgXDomain[0] - 1e-10, x.orgDomain()[1]]);\n }\n\n $$.redraw({\n withTransition: false,\n withY: config.zoom_rescale,\n withSubchart: false,\n withEventRect: false,\n withDimension: false\n });\n\n if (d3.event.sourceEvent && d3.event.sourceEvent.type === 'mousemove') {\n $$.cancelClick = true;\n }\n };\n\n return c3;\n});","import Spinner from 'src/javascripts/components/utilities/Spinner';\nimport BuildChartUrl from 'src/javascripts/components/charts/url/BuildChartUrl';\nimport SetChartTotal from 'src/javascripts/components/charts/actions/SetChartTotal';\nimport CreateChartLegend from 'src/javascripts/components/charts/legend/CreateChartLegend';\nimport ChangeChartDate from 'src/javascripts/components/charts/actions/ChangeChartDate';\n\nexport default class {\n\n constructor(el) { \n this.el = el; \n this.chartId = this.el.attr('id');\n }\n\n getData() {\n\n // Set chart element id\n const chartId = this.el.attr('id');\n\n // Set a spinner to indicate chart loading\n Spinner(this.el);\n\n // Set record to get data for and display in chart\n let displayRecord = this.el.attr('data-display-record')\n\n // Return null if no display record present\n if (typeof displayRecord === 'undefined') {return null;}\n\n // Set record to get data for and display in chart\n const record = JSON.parse(displayRecord);\n\n // Build url\n const url = BuildChartUrl(chartId, record);\n\n // Set url parameters for CORS requests to main Ethos site\n let sessionToken = $('body').attr('data-session-token');\n let userEmail = $('body').attr('data-email');\n let ethosCorsKey = $('body').attr('data-ethos-cors-key');\n let mainEthosUrl = $('body').attr('data-main-ethos-url');\n\n // Get data\n return $.ajax({\n type: \"GET\",\n dataType: \"json\",\n beforeSend: function(request) {\n request.setRequestHeader(\"Content-Type\", \"application/json\");\n request.setRequestHeader(\"Ethos-Cors-Key\", ethosCorsKey);\n request.setRequestHeader(\"Session-Token\", sessionToken);\n request.setRequestHeader(\"Email\", userEmail);\n },\n async: false,\n url: url\n });\n\n }\n\n\n render() {}\n // handled in sub-classes\n\n setUp(chart) {\n\n // Return if no chart available (don't attempt to set up below)\n if (typeof chart === 'undefined') {return;}\n\n // Set name and total at top of chart\n SetChartTotal(chart, chart.data()[0].id);\n\n // Listen for when user updates dates of chart\n ChangeChartDate(chart);\n\n // Set chart data to allow for accessing chart programmatically (used to allow tables to add/remove data)\n // Also allows for destroying chart before Turbolinks cache\n // https://stackoverflow.com/questions/25765596/how-to-get-object-reference-from-selector-for-c3-js-charts\n let chartId = '#' + $(chart.element).attr('id');\n $(chartId).data('c3-chart', chart);\n\n // Get selected records to show in legend\n // Causing issues when before other functions above; appears to be returning for net-impact and returns chart\n // and not running functions after it\n CreateChartLegend(chart);\n\n // Remove spinner\n $(chart.element).find('.spinner-container').remove();\n\n return chart;\n }\n\n};\n\n","// Reset y axis on chart, using data from above functions\nimport SetAxisMin from 'src/javascripts/components/charts/axes/SetAxisMin';\nimport SetAxisMax from 'src/javascripts/components/charts/axes/SetAxisMax';\nimport SetAxisTicks from 'src/javascripts/components/charts/axes/SetAxisTicks';\n\nexport default function(chart) {\n\n // Get resize data option from chart element\n const resizeOption = $(chart.element).attr('data-chart-resize');\n\n // Resize the chart, unless the resize option exists and is false\n if ((typeof resizeOption === 'undefined') || (resizeOption !== 'false')) {\n\n // Get chart class to select chart on page\n const chartClass = $(chart.element).attr('class');\n\n // Set newmin value for y axis\n const yAxisMin = SetAxisMin(chart.data.shown(), chartClass);\n\n // Set max value for y axis\n const yAxisMax = SetAxisMax(chart.data.shown(), chartClass);\n\n // Set y axis tick values, using value range\n const yAxisTickValues = SetAxisTicks(yAxisMin, yAxisMax, '#' + $(chart.element).attr('id'));\n\n // Set y axis min and max\n chart.axis.min({y: yAxisMin});\n chart.axis.max({y: yAxisMax});\n\n // Set y axis ticks (needs to be after chart load)\n return setTimeout((function() {\n chart.internal.yAxisTickValues = yAxisTickValues;\n chart.internal.config.axis_y_tick_values = yAxisTickValues;\n return chart.flush();\n }), 200);\n }\n\n};","var g; // This works in non-strict mode\n\ng = function () {\n return this;\n}();\n\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if (typeof window === \"object\") g = window;\n} // g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\n\nmodule.exports = g;","// Build urls for Api historical data (c3 chart) calls\nexport default function(chartId, record) {\n\n // Set el from chartId\n let el = $('#' + chartId);\n\n // Set record type and id (e.g., companies and id, funds and id, accounts and id)\n let fromDate;\n let recordParams = {\"record_type\": record[0], \"record_id\": record[1]}; \n\n // Set from date based on data attrs on page, or set as 90 days ago by default\n // To date is always today, handled in Api controllers\n let dateSelectionGroup = el.closest('.chart-section').find('.date-selection-group');\n if (typeof dateSelectionGroup.attr('data-from-date') !== 'undefined') {\n fromDate = dateSelectionGroup.attr('data-from-date');\n } else if (typeof el.attr('data-from-date') !== 'undefined') {\n fromDate = el.attr('data-from-date');\n } else {\n let date = new Date();\n let startDate = new Date(new Date().setDate(date.getDate()-90));\n let fromYear = startDate.getFullYear();\n let fromMonth = ('0' + (startDate.getMonth() + 1)).slice(-2);\n let fromDay = ('0' + startDate.getDate()).slice(-2);\n fromDate = fromYear + '-' + fromMonth + '-' + fromDay;\n }\n\n // Set selected impact formula based on record or chart data attributes (net impact charts only)\n let formulaId = el.attr('data-formula-id');\n\n // Set report token if present\n let reportToken = el.attr('data-report-token');\n\n // Set rebalancing option if present\n let rebalancingOpt = el.attr('data-rebalancing-option');\n\n // Set return option if present\n let returnOpt = el.attr('data-return-option');\n\n // Set legend name options\n let legendNameOpt = el.attr('data-legend-names');\n\n // Set data name, direction and count for formula average calculations\n let dataName = record[2]\n let share = record[3]\n\n // Build params based on chart data attributes\n let params = {};\n if (typeof fromDate !== 'undefined') { params['from_date'] = fromDate; }\n if (typeof rebalancingOpt !== 'undefined') { params['rebalancing'] = rebalancingOpt; }\n if (typeof returnOpt !== 'undefined') { params['return_option'] = returnOpt; }\n if (typeof reportToken !== 'undefined') { params['token'] = reportToken; }\n if (typeof legendNameOpt !== 'undefined') { params['legend_names'] = legendNameOpt; }\n if (typeof formulaId !== 'undefined') { params['formula_id'] = formulaId; }\n if (typeof share !== 'undefined') { params['share'] = share; }\n if (typeof dataName !== 'undefined') { params['data_name'] = dataName; }\n\n // Set url based on chart data attr\n let url = el.attr('data-url');\n\n if (typeof recordParams[\"record_id\"] !== 'undefined') { url = url.replace(':record_id', recordParams[\"record_id\"]); }\n if (typeof recordParams[\"record_type\"] !== 'undefined') { url = url.replace(':record_type', recordParams[\"record_type\"]); }\n\n return url + '?' + $.param(params);\n\n};\n","define(function () {\n \"use strict\";\n\n function nodeName(elem, name) {\n return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();\n }\n\n return nodeName;\n});","define(function () {\n \"use strict\"; // Only count HTML whitespace\n // Other whitespace should count in values\n // https://infra.spec.whatwg.org/#ascii-whitespace\n\n return /[^\\x20\\t\\r\\n\\f]+/g;\n});","// Build url for Api calls to get data for a table\nexport default function(tableId) {\n\n // Set element from tableId\n const el = $('#' + tableId);\n\n // Set params based on filter attributes\n let params = {};\n const fromDate = el.attr('data-api-from-date');\n const scopeId = el.attr('data-api-scope-id');\n const scopeType = el.attr('data-api-scope-type');\n const userId = el.attr('data-user-id');\n const teamId = el.attr('data-team-id');\n const clientId = el.attr('data-client-id');\n const portfolioType = el.attr('data-portfolio-type');\n const reportType = el.attr('data-report-type');\n const recordCount = el.attr('data-api-record-count');\n const companyIds = el.attr('data-api-company-ids');\n const fundIds = el.attr('data-api-fund-ids');\n const slug = el.attr('data-slug');\n const paymentStatus = el.attr('data-payment-status');\n const teamType = el.attr('data-team-type');\n\n // Set formula id\n let formulaId = $('#formula_filter').attr('data-api-formula-id');\n if (typeof formulaId === 'undefined') {formulaId = el.attr('data-api-formula-id');}\n\n // Add to params if exist as data attrs on table\n if (typeof fromDate !== 'undefined') { params['from_date'] = fromDate; }\n if (typeof userId !== 'undefined') { params['user_id'] = userId; }\n if (typeof teamId !== 'undefined') { params['team_id'] = teamId; }\n if (typeof clientId !== 'undefined') { params['client_id'] = clientId; }\n if (typeof reportType !== 'undefined') { params['report_type'] = reportType; }\n if (typeof portfolioType !== 'undefined') { params['portfolio_type'] = portfolioType; }\n if (typeof scopeId !== 'undefined') { params['scope_id'] = scopeId; }\n if (typeof scopeType !== 'undefined') { params['scope_type'] = scopeType; }\n if (typeof recordCount !== 'undefined') { params['length'] = recordCount; }\n if (typeof formulaId !== 'undefined') { params['formula_id'] = formulaId; }\n if (typeof companyIds !== 'undefined') { params['company_ids'] = companyIds; }\n if (typeof fundIds !== 'undefined') { params['fund_ids'] = fundIds; }\n if (typeof paymentStatus !== 'undefined') { params['payment_status'] = paymentStatus; }\n if (typeof teamType !== 'undefined') { params['team_type'] = teamType; }\n\n // Set url based on chart data attr\n // Include Api prefix\n let url = el.attr('data-api-url');\n\n // Return url with params\n return url + '?' + $.param(params);\n\n};\n","import GetValueRangeSingleArr from 'src/javascripts/components/charts/helpers/GetValueRangeSingleArr'\nimport GetValueRangeMultArr from 'src/javascripts/components/charts/helpers/GetValueRangeMultArr'\nimport SetAdjustedMin from 'src/javascripts/components/charts/axes/SetAdjustedMin';\n\nexport default function(data, chartName) {\n\n // Set min based on chart data attribute\n let adjustedMin;\n let min = $(chartName).attr('data-chart-min');\n\n // Return rounded integer value of chart data attribute, if exists\n if (typeof min !== 'undefined') {\n\n min = Math.floor(min);\n\n // Otherwise calculate the min value based on returned data\n } else {\n\n let range = GetValueRangeMultArr(data);\n\n // Remove NaN from range array\n range = range.filter(value => !Number.isNaN(value));\n\n const minValue = Math.min.apply(Math,range);\n const maxValue = Math.max.apply(Math,range);\n const floorMin = Math.floor(minValue);\n const ceilMax = Math.ceil(maxValue);\n range = ceilMax - floorMin;\n\n // Set adjusted min\n adjustedMin = SetAdjustedMin(range, floorMin);\n\n // Make sure min axis point not below 0, if no data values are below 0\n if (minValue >= 0) { adjustedMin = Math.max.apply(Math, [adjustedMin, 0]); }\n }\n\n return adjustedMin;\n\n};\n","define(function () {\n \"use strict\"; // All support tests are defined in their respective modules.\n\n return {};\n});","define([\"../core\", \"../core/toType\", \"../var/isFunction\"], function (jQuery, toType, isFunction) {\n \"use strict\"; // Multifunctional method to get and set values of a collection\n // The value/s can optionally be executed if it's a function\n\n var access = function (elems, fn, key, value, chainable, emptyGet, raw) {\n var i = 0,\n len = elems.length,\n bulk = key == null; // Sets many values\n\n if (toType(key) === \"object\") {\n chainable = true;\n\n for (i in key) {\n access(elems, fn, i, key[i], true, emptyGet, raw);\n } // Sets one value\n\n } else if (value !== undefined) {\n chainable = true;\n\n if (!isFunction(value)) {\n raw = true;\n }\n\n if (bulk) {\n // Bulk operations run against the entire set\n if (raw) {\n fn.call(elems, value);\n fn = null; // ...except when executing function values\n } else {\n bulk = fn;\n\n fn = function (elem, _key, value) {\n return bulk.call(jQuery(elem), value);\n };\n }\n }\n\n if (fn) {\n for (; i < len; i++) {\n fn(elems[i], key, raw ? value : value.call(elems[i], i, fn(elems[i], key)));\n }\n }\n }\n\n if (chainable) {\n return elems;\n } // Gets\n\n\n if (bulk) {\n return fn.call(elems);\n }\n\n return len ? fn(elems[0], key) : emptyGet;\n };\n\n return access;\n});","define([\"./core\", \"./var/document\", \"./var/isFunction\", \"./var/rnothtmlwhite\", \"./ajax/var/location\", \"./ajax/var/nonce\", \"./ajax/var/rquery\", \"./core/init\", \"./core/parseXML\", \"./event/trigger\", \"./deferred\", \"./serialize\" // jQuery.param\n], function (jQuery, document, isFunction, rnothtmlwhite, location, nonce, rquery) {\n \"use strict\";\n\n var r20 = /%20/g,\n rhash = /#.*$/,\n rantiCache = /([?&])_=[^&]*/,\n rheaders = /^(.*?):[ \\t]*([^\\r\\n]*)$/mg,\n // #7653, #8125, #8152: local protocol detection\n rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,\n rnoContent = /^(?:GET|HEAD)$/,\n rprotocol = /^\\/\\//,\n\n /* Prefilters\n * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)\n * 2) These are called:\n * - BEFORE asking for a transport\n * - AFTER param serialization (s.data is a string if s.processData is true)\n * 3) key is the dataType\n * 4) the catchall symbol \"*\" can be used\n * 5) execution will start with transport dataType and THEN continue down to \"*\" if needed\n */\n prefilters = {},\n\n /* Transports bindings\n * 1) key is the dataType\n * 2) the catchall symbol \"*\" can be used\n * 3) selection will start with transport dataType and THEN go to \"*\" if needed\n */\n transports = {},\n // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression\n allTypes = \"*/\".concat(\"*\"),\n // Anchor tag for parsing the document origin\n originAnchor = document.createElement(\"a\");\n originAnchor.href = location.href; // Base \"constructor\" for jQuery.ajaxPrefilter and jQuery.ajaxTransport\n\n function addToPrefiltersOrTransports(structure) {\n // dataTypeExpression is optional and defaults to \"*\"\n return function (dataTypeExpression, func) {\n if (typeof dataTypeExpression !== \"string\") {\n func = dataTypeExpression;\n dataTypeExpression = \"*\";\n }\n\n var dataType,\n i = 0,\n dataTypes = dataTypeExpression.toLowerCase().match(rnothtmlwhite) || [];\n\n if (isFunction(func)) {\n // For each dataType in the dataTypeExpression\n while (dataType = dataTypes[i++]) {\n // Prepend if requested\n if (dataType[0] === \"+\") {\n dataType = dataType.slice(1) || \"*\";\n (structure[dataType] = structure[dataType] || []).unshift(func); // Otherwise append\n } else {\n (structure[dataType] = structure[dataType] || []).push(func);\n }\n }\n }\n };\n } // Base inspection function for prefilters and transports\n\n\n function inspectPrefiltersOrTransports(structure, options, originalOptions, jqXHR) {\n var inspected = {},\n seekingTransport = structure === transports;\n\n function inspect(dataType) {\n var selected;\n inspected[dataType] = true;\n jQuery.each(structure[dataType] || [], function (_, prefilterOrFactory) {\n var dataTypeOrTransport = prefilterOrFactory(options, originalOptions, jqXHR);\n\n if (typeof dataTypeOrTransport === \"string\" && !seekingTransport && !inspected[dataTypeOrTransport]) {\n options.dataTypes.unshift(dataTypeOrTransport);\n inspect(dataTypeOrTransport);\n return false;\n } else if (seekingTransport) {\n return !(selected = dataTypeOrTransport);\n }\n });\n return selected;\n }\n\n return inspect(options.dataTypes[0]) || !inspected[\"*\"] && inspect(\"*\");\n } // A special extend for ajax options\n // that takes \"flat\" options (not to be deep extended)\n // Fixes #9887\n\n\n function ajaxExtend(target, src) {\n var key,\n deep,\n flatOptions = jQuery.ajaxSettings.flatOptions || {};\n\n for (key in src) {\n if (src[key] !== undefined) {\n (flatOptions[key] ? target : deep || (deep = {}))[key] = src[key];\n }\n }\n\n if (deep) {\n jQuery.extend(true, target, deep);\n }\n\n return target;\n }\n /* Handles responses to an ajax request:\n * - finds the right dataType (mediates between content-type and expected dataType)\n * - returns the corresponding response\n */\n\n\n function ajaxHandleResponses(s, jqXHR, responses) {\n var ct,\n type,\n finalDataType,\n firstDataType,\n contents = s.contents,\n dataTypes = s.dataTypes; // Remove auto dataType and get content-type in the process\n\n while (dataTypes[0] === \"*\") {\n dataTypes.shift();\n\n if (ct === undefined) {\n ct = s.mimeType || jqXHR.getResponseHeader(\"Content-Type\");\n }\n } // Check if we're dealing with a known content-type\n\n\n if (ct) {\n for (type in contents) {\n if (contents[type] && contents[type].test(ct)) {\n dataTypes.unshift(type);\n break;\n }\n }\n } // Check to see if we have a response for the expected dataType\n\n\n if (dataTypes[0] in responses) {\n finalDataType = dataTypes[0];\n } else {\n // Try convertible dataTypes\n for (type in responses) {\n if (!dataTypes[0] || s.converters[type + \" \" + dataTypes[0]]) {\n finalDataType = type;\n break;\n }\n\n if (!firstDataType) {\n firstDataType = type;\n }\n } // Or just use first one\n\n\n finalDataType = finalDataType || firstDataType;\n } // If we found a dataType\n // We add the dataType to the list if needed\n // and return the corresponding response\n\n\n if (finalDataType) {\n if (finalDataType !== dataTypes[0]) {\n dataTypes.unshift(finalDataType);\n }\n\n return responses[finalDataType];\n }\n }\n /* Chain conversions given the request and the original response\n * Also sets the responseXXX fields on the jqXHR instance\n */\n\n\n function ajaxConvert(s, response, jqXHR, isSuccess) {\n var conv2,\n current,\n conv,\n tmp,\n prev,\n converters = {},\n // Work with a copy of dataTypes in case we need to modify it for conversion\n dataTypes = s.dataTypes.slice(); // Create converters map with lowercased keys\n\n if (dataTypes[1]) {\n for (conv in s.converters) {\n converters[conv.toLowerCase()] = s.converters[conv];\n }\n }\n\n current = dataTypes.shift(); // Convert to each sequential dataType\n\n while (current) {\n if (s.responseFields[current]) {\n jqXHR[s.responseFields[current]] = response;\n } // Apply the dataFilter if provided\n\n\n if (!prev && isSuccess && s.dataFilter) {\n response = s.dataFilter(response, s.dataType);\n }\n\n prev = current;\n current = dataTypes.shift();\n\n if (current) {\n // There's only work to do if current dataType is non-auto\n if (current === \"*\") {\n current = prev; // Convert response if prev dataType is non-auto and differs from current\n } else if (prev !== \"*\" && prev !== current) {\n // Seek a direct converter\n conv = converters[prev + \" \" + current] || converters[\"* \" + current]; // If none found, seek a pair\n\n if (!conv) {\n for (conv2 in converters) {\n // If conv2 outputs current\n tmp = conv2.split(\" \");\n\n if (tmp[1] === current) {\n // If prev can be converted to accepted input\n conv = converters[prev + \" \" + tmp[0]] || converters[\"* \" + tmp[0]];\n\n if (conv) {\n // Condense equivalence converters\n if (conv === true) {\n conv = converters[conv2]; // Otherwise, insert the intermediate dataType\n } else if (converters[conv2] !== true) {\n current = tmp[0];\n dataTypes.unshift(tmp[1]);\n }\n\n break;\n }\n }\n }\n } // Apply converter (if not an equivalence)\n\n\n if (conv !== true) {\n // Unless errors are allowed to bubble, catch and return them\n if (conv && s.throws) {\n response = conv(response);\n } else {\n try {\n response = conv(response);\n } catch (e) {\n return {\n state: \"parsererror\",\n error: conv ? e : \"No conversion from \" + prev + \" to \" + current\n };\n }\n }\n }\n }\n }\n }\n\n return {\n state: \"success\",\n data: response\n };\n }\n\n jQuery.extend({\n // Counter for holding the number of active queries\n active: 0,\n // Last-Modified header cache for next request\n lastModified: {},\n etag: {},\n ajaxSettings: {\n url: location.href,\n type: \"GET\",\n isLocal: rlocalProtocol.test(location.protocol),\n global: true,\n processData: true,\n async: true,\n contentType: \"application/x-www-form-urlencoded; charset=UTF-8\",\n\n /*\n timeout: 0,\n data: null,\n dataType: null,\n username: null,\n password: null,\n cache: null,\n throws: false,\n traditional: false,\n headers: {},\n */\n accepts: {\n \"*\": allTypes,\n text: \"text/plain\",\n html: \"text/html\",\n xml: \"application/xml, text/xml\",\n json: \"application/json, text/javascript\"\n },\n contents: {\n xml: /\\bxml\\b/,\n html: /\\bhtml/,\n json: /\\bjson\\b/\n },\n responseFields: {\n xml: \"responseXML\",\n text: \"responseText\",\n json: \"responseJSON\"\n },\n // Data converters\n // Keys separate source (or catchall \"*\") and destination types with a single space\n converters: {\n // Convert anything to text\n \"* text\": String,\n // Text to html (true = no transformation)\n \"text html\": true,\n // Evaluate text as a json expression\n \"text json\": JSON.parse,\n // Parse text as xml\n \"text xml\": jQuery.parseXML\n },\n // For options that shouldn't be deep extended:\n // you can add your own custom options here if\n // and when you create one that shouldn't be\n // deep extended (see ajaxExtend)\n flatOptions: {\n url: true,\n context: true\n }\n },\n // Creates a full fledged settings object into target\n // with both ajaxSettings and settings fields.\n // If target is omitted, writes into ajaxSettings.\n ajaxSetup: function (target, settings) {\n return settings ? // Building a settings object\n ajaxExtend(ajaxExtend(target, jQuery.ajaxSettings), settings) : // Extending ajaxSettings\n ajaxExtend(jQuery.ajaxSettings, target);\n },\n ajaxPrefilter: addToPrefiltersOrTransports(prefilters),\n ajaxTransport: addToPrefiltersOrTransports(transports),\n // Main method\n ajax: function (url, options) {\n // If url is an object, simulate pre-1.5 signature\n if (typeof url === \"object\") {\n options = url;\n url = undefined;\n } // Force options to be an object\n\n\n options = options || {};\n var transport,\n // URL without anti-cache param\n cacheURL,\n // Response headers\n responseHeadersString,\n responseHeaders,\n // timeout handle\n timeoutTimer,\n // Url cleanup var\n urlAnchor,\n // Request state (becomes false upon send and true upon completion)\n completed,\n // To know if global events are to be dispatched\n fireGlobals,\n // Loop variable\n i,\n // uncached part of the url\n uncached,\n // Create the final options object\n s = jQuery.ajaxSetup({}, options),\n // Callbacks context\n callbackContext = s.context || s,\n // Context for global events is callbackContext if it is a DOM node or jQuery collection\n globalEventContext = s.context && (callbackContext.nodeType || callbackContext.jquery) ? jQuery(callbackContext) : jQuery.event,\n // Deferreds\n deferred = jQuery.Deferred(),\n completeDeferred = jQuery.Callbacks(\"once memory\"),\n // Status-dependent callbacks\n statusCode = s.statusCode || {},\n // Headers (they are sent all at once)\n requestHeaders = {},\n requestHeadersNames = {},\n // Default abort message\n strAbort = \"canceled\",\n // Fake xhr\n jqXHR = {\n readyState: 0,\n // Builds headers hashtable if needed\n getResponseHeader: function (key) {\n var match;\n\n if (completed) {\n if (!responseHeaders) {\n responseHeaders = {};\n\n while (match = rheaders.exec(responseHeadersString)) {\n responseHeaders[match[1].toLowerCase() + \" \"] = (responseHeaders[match[1].toLowerCase() + \" \"] || []).concat(match[2]);\n }\n }\n\n match = responseHeaders[key.toLowerCase() + \" \"];\n }\n\n return match == null ? null : match.join(\", \");\n },\n // Raw string\n getAllResponseHeaders: function () {\n return completed ? responseHeadersString : null;\n },\n // Caches the header\n setRequestHeader: function (name, value) {\n if (completed == null) {\n name = requestHeadersNames[name.toLowerCase()] = requestHeadersNames[name.toLowerCase()] || name;\n requestHeaders[name] = value;\n }\n\n return this;\n },\n // Overrides response content-type header\n overrideMimeType: function (type) {\n if (completed == null) {\n s.mimeType = type;\n }\n\n return this;\n },\n // Status-dependent callbacks\n statusCode: function (map) {\n var code;\n\n if (map) {\n if (completed) {\n // Execute the appropriate callbacks\n jqXHR.always(map[jqXHR.status]);\n } else {\n // Lazy-add the new callbacks in a way that preserves old ones\n for (code in map) {\n statusCode[code] = [statusCode[code], map[code]];\n }\n }\n }\n\n return this;\n },\n // Cancel the request\n abort: function (statusText) {\n var finalText = statusText || strAbort;\n\n if (transport) {\n transport.abort(finalText);\n }\n\n done(0, finalText);\n return this;\n }\n }; // Attach deferreds\n\n deferred.promise(jqXHR); // Add protocol if not provided (prefilters might expect it)\n // Handle falsy url in the settings object (#10093: consistency with old signature)\n // We also use the url parameter if available\n\n s.url = ((url || s.url || location.href) + \"\").replace(rprotocol, location.protocol + \"//\"); // Alias method option to type as per ticket #12004\n\n s.type = options.method || options.type || s.method || s.type; // Extract dataTypes list\n\n s.dataTypes = (s.dataType || \"*\").toLowerCase().match(rnothtmlwhite) || [\"\"]; // A cross-domain request is in order when the origin doesn't match the current origin.\n\n if (s.crossDomain == null) {\n urlAnchor = document.createElement(\"a\"); // Support: IE <=8 - 11, Edge 12 - 15\n // IE throws exception on accessing the href property if url is malformed,\n // e.g. http://example.com:80x/\n\n try {\n urlAnchor.href = s.url; // Support: IE <=8 - 11 only\n // Anchor's host property isn't correctly set when s.url is relative\n\n urlAnchor.href = urlAnchor.href;\n s.crossDomain = originAnchor.protocol + \"//\" + originAnchor.host !== urlAnchor.protocol + \"//\" + urlAnchor.host;\n } catch (e) {\n // If there is an error parsing the URL, assume it is crossDomain,\n // it can be rejected by the transport if it is invalid\n s.crossDomain = true;\n }\n } // Convert data if not already a string\n\n\n if (s.data && s.processData && typeof s.data !== \"string\") {\n s.data = jQuery.param(s.data, s.traditional);\n } // Apply prefilters\n\n\n inspectPrefiltersOrTransports(prefilters, s, options, jqXHR); // If request was aborted inside a prefilter, stop there\n\n if (completed) {\n return jqXHR;\n } // We can fire global events as of now if asked to\n // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118)\n\n\n fireGlobals = jQuery.event && s.global; // Watch for a new set of requests\n\n if (fireGlobals && jQuery.active++ === 0) {\n jQuery.event.trigger(\"ajaxStart\");\n } // Uppercase the type\n\n\n s.type = s.type.toUpperCase(); // Determine if request has content\n\n s.hasContent = !rnoContent.test(s.type); // Save the URL in case we're toying with the If-Modified-Since\n // and/or If-None-Match header later on\n // Remove hash to simplify url manipulation\n\n cacheURL = s.url.replace(rhash, \"\"); // More options handling for requests with no content\n\n if (!s.hasContent) {\n // Remember the hash so we can put it back\n uncached = s.url.slice(cacheURL.length); // If data is available and should be processed, append data to url\n\n if (s.data && (s.processData || typeof s.data === \"string\")) {\n cacheURL += (rquery.test(cacheURL) ? \"&\" : \"?\") + s.data; // #9682: remove data so that it's not used in an eventual retry\n\n delete s.data;\n } // Add or update anti-cache param if needed\n\n\n if (s.cache === false) {\n cacheURL = cacheURL.replace(rantiCache, \"$1\");\n uncached = (rquery.test(cacheURL) ? \"&\" : \"?\") + \"_=\" + nonce.guid++ + uncached;\n } // Put hash and anti-cache on the URL that will be requested (gh-1732)\n\n\n s.url = cacheURL + uncached; // Change '%20' to '+' if this is encoded form body content (gh-2658)\n } else if (s.data && s.processData && (s.contentType || \"\").indexOf(\"application/x-www-form-urlencoded\") === 0) {\n s.data = s.data.replace(r20, \"+\");\n } // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.\n\n\n if (s.ifModified) {\n if (jQuery.lastModified[cacheURL]) {\n jqXHR.setRequestHeader(\"If-Modified-Since\", jQuery.lastModified[cacheURL]);\n }\n\n if (jQuery.etag[cacheURL]) {\n jqXHR.setRequestHeader(\"If-None-Match\", jQuery.etag[cacheURL]);\n }\n } // Set the correct header, if data is being sent\n\n\n if (s.data && s.hasContent && s.contentType !== false || options.contentType) {\n jqXHR.setRequestHeader(\"Content-Type\", s.contentType);\n } // Set the Accepts header for the server, depending on the dataType\n\n\n jqXHR.setRequestHeader(\"Accept\", s.dataTypes[0] && s.accepts[s.dataTypes[0]] ? s.accepts[s.dataTypes[0]] + (s.dataTypes[0] !== \"*\" ? \", \" + allTypes + \"; q=0.01\" : \"\") : s.accepts[\"*\"]); // Check for headers option\n\n for (i in s.headers) {\n jqXHR.setRequestHeader(i, s.headers[i]);\n } // Allow custom headers/mimetypes and early abort\n\n\n if (s.beforeSend && (s.beforeSend.call(callbackContext, jqXHR, s) === false || completed)) {\n // Abort if not done already and return\n return jqXHR.abort();\n } // Aborting is no longer a cancellation\n\n\n strAbort = \"abort\"; // Install callbacks on deferreds\n\n completeDeferred.add(s.complete);\n jqXHR.done(s.success);\n jqXHR.fail(s.error); // Get transport\n\n transport = inspectPrefiltersOrTransports(transports, s, options, jqXHR); // If no transport, we auto-abort\n\n if (!transport) {\n done(-1, \"No Transport\");\n } else {\n jqXHR.readyState = 1; // Send global event\n\n if (fireGlobals) {\n globalEventContext.trigger(\"ajaxSend\", [jqXHR, s]);\n } // If request was aborted inside ajaxSend, stop there\n\n\n if (completed) {\n return jqXHR;\n } // Timeout\n\n\n if (s.async && s.timeout > 0) {\n timeoutTimer = window.setTimeout(function () {\n jqXHR.abort(\"timeout\");\n }, s.timeout);\n }\n\n try {\n completed = false;\n transport.send(requestHeaders, done);\n } catch (e) {\n // Rethrow post-completion exceptions\n if (completed) {\n throw e;\n } // Propagate others as results\n\n\n done(-1, e);\n }\n } // Callback for when everything is done\n\n\n function done(status, nativeStatusText, responses, headers) {\n var isSuccess,\n success,\n error,\n response,\n modified,\n statusText = nativeStatusText; // Ignore repeat invocations\n\n if (completed) {\n return;\n }\n\n completed = true; // Clear timeout if it exists\n\n if (timeoutTimer) {\n window.clearTimeout(timeoutTimer);\n } // Dereference transport for early garbage collection\n // (no matter how long the jqXHR object will be used)\n\n\n transport = undefined; // Cache response headers\n\n responseHeadersString = headers || \"\"; // Set readyState\n\n jqXHR.readyState = status > 0 ? 4 : 0; // Determine if successful\n\n isSuccess = status >= 200 && status < 300 || status === 304; // Get response data\n\n if (responses) {\n response = ajaxHandleResponses(s, jqXHR, responses);\n } // Use a noop converter for missing script but not if jsonp\n\n\n if (!isSuccess && jQuery.inArray(\"script\", s.dataTypes) > -1 && jQuery.inArray(\"json\", s.dataTypes) < 0) {\n s.converters[\"text script\"] = function () {};\n } // Convert no matter what (that way responseXXX fields are always set)\n\n\n response = ajaxConvert(s, response, jqXHR, isSuccess); // If successful, handle type chaining\n\n if (isSuccess) {\n // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.\n if (s.ifModified) {\n modified = jqXHR.getResponseHeader(\"Last-Modified\");\n\n if (modified) {\n jQuery.lastModified[cacheURL] = modified;\n }\n\n modified = jqXHR.getResponseHeader(\"etag\");\n\n if (modified) {\n jQuery.etag[cacheURL] = modified;\n }\n } // if no content\n\n\n if (status === 204 || s.type === \"HEAD\") {\n statusText = \"nocontent\"; // if not modified\n } else if (status === 304) {\n statusText = \"notmodified\"; // If we have data, let's convert it\n } else {\n statusText = response.state;\n success = response.data;\n error = response.error;\n isSuccess = !error;\n }\n } else {\n // Extract error from statusText and normalize for non-aborts\n error = statusText;\n\n if (status || !statusText) {\n statusText = \"error\";\n\n if (status < 0) {\n status = 0;\n }\n }\n } // Set data for the fake xhr object\n\n\n jqXHR.status = status;\n jqXHR.statusText = (nativeStatusText || statusText) + \"\"; // Success/Error\n\n if (isSuccess) {\n deferred.resolveWith(callbackContext, [success, statusText, jqXHR]);\n } else {\n deferred.rejectWith(callbackContext, [jqXHR, statusText, error]);\n } // Status-dependent callbacks\n\n\n jqXHR.statusCode(statusCode);\n statusCode = undefined;\n\n if (fireGlobals) {\n globalEventContext.trigger(isSuccess ? \"ajaxSuccess\" : \"ajaxError\", [jqXHR, s, isSuccess ? success : error]);\n } // Complete\n\n\n completeDeferred.fireWith(callbackContext, [jqXHR, statusText]);\n\n if (fireGlobals) {\n globalEventContext.trigger(\"ajaxComplete\", [jqXHR, s]); // Handle the global AJAX counter\n\n if (! --jQuery.active) {\n jQuery.event.trigger(\"ajaxStop\");\n }\n }\n }\n\n return jqXHR;\n },\n getJSON: function (url, data, callback) {\n return jQuery.get(url, data, callback, \"json\");\n },\n getScript: function (url, callback) {\n return jQuery.get(url, undefined, callback, \"script\");\n }\n });\n jQuery.each([\"get\", \"post\"], function (_i, method) {\n jQuery[method] = function (url, data, callback, type) {\n // Shift arguments if data argument was omitted\n if (isFunction(data)) {\n type = type || callback;\n callback = data;\n data = undefined;\n } // The url can be an options object (which then must have .url)\n\n\n return jQuery.ajax(jQuery.extend({\n url: url,\n type: method,\n dataType: type,\n data: data,\n success: callback\n }, jQuery.isPlainObject(url) && url));\n };\n });\n jQuery.ajaxPrefilter(function (s) {\n var i;\n\n for (i in s.headers) {\n if (i.toLowerCase() === \"content-type\") {\n s.contentType = s.headers[i] || \"\";\n }\n }\n });\n return jQuery;\n});","/*! DataTables 1.12.1\n * ©2008-2022 SpryMedia Ltd - datatables.net/license\n */\n\n/**\n * @summary DataTables\n * @description Paginate, search and order HTML tables\n * @version 1.12.1\n * @author SpryMedia Ltd\n * @contact www.datatables.net\n * @copyright SpryMedia Ltd.\n *\n * This source file is free software, available under the following license:\n * MIT license - http://datatables.net/license\n *\n * This source file is distributed in the hope that it will be useful, but\n * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY\n * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.\n *\n * For details please refer to: http://www.datatables.net\n */\n\n/*jslint evil: true, undef: true, browser: true */\n\n/*globals $,require,jQuery,define,_selector_run,_selector_opts,_selector_first,_selector_row_indexes,_ext,_Api,_api_register,_api_registerPlural,_re_new_lines,_re_html,_re_formatted_numeric,_re_escape_regex,_empty,_intVal,_numToDecimal,_isNumber,_isHtml,_htmlNumeric,_pluck,_pluck_order,_range,_stripHtml,_unique,_fnBuildAjax,_fnAjaxUpdate,_fnAjaxParameters,_fnAjaxUpdateDraw,_fnAjaxDataSrc,_fnAddColumn,_fnColumnOptions,_fnAdjustColumnSizing,_fnVisibleToColumnIndex,_fnColumnIndexToVisible,_fnVisbleColumns,_fnGetColumns,_fnColumnTypes,_fnApplyColumnDefs,_fnHungarianMap,_fnCamelToHungarian,_fnLanguageCompat,_fnBrowserDetect,_fnAddData,_fnAddTr,_fnNodeToDataIndex,_fnNodeToColumnIndex,_fnGetCellData,_fnSetCellData,_fnSplitObjNotation,_fnGetObjectDataFn,_fnSetObjectDataFn,_fnGetDataMaster,_fnClearTable,_fnDeleteIndex,_fnInvalidate,_fnGetRowElements,_fnCreateTr,_fnBuildHead,_fnDrawHead,_fnDraw,_fnReDraw,_fnAddOptionsHtml,_fnDetectHeader,_fnGetUniqueThs,_fnFeatureHtmlFilter,_fnFilterComplete,_fnFilterCustom,_fnFilterColumn,_fnFilter,_fnFilterCreateSearch,_fnEscapeRegex,_fnFilterData,_fnFeatureHtmlInfo,_fnUpdateInfo,_fnInfoMacros,_fnInitialise,_fnInitComplete,_fnLengthChange,_fnFeatureHtmlLength,_fnFeatureHtmlPaginate,_fnPageChange,_fnFeatureHtmlProcessing,_fnProcessingDisplay,_fnFeatureHtmlTable,_fnScrollDraw,_fnApplyToChildren,_fnCalculateColumnWidths,_fnThrottle,_fnConvertToWidth,_fnGetWidestNode,_fnGetMaxLenString,_fnStringToCss,_fnSortFlatten,_fnSort,_fnSortAria,_fnSortListener,_fnSortAttachListener,_fnSortingClasses,_fnSortData,_fnSaveState,_fnLoadState,_fnSettingsFromNode,_fnLog,_fnMap,_fnBindAction,_fnCallbackReg,_fnCallbackFire,_fnLengthOverflow,_fnRenderer,_fnDataSource,_fnRowAttributes*/\n(function (factory) {\n \"use strict\";\n\n if (typeof define === 'function' && define.amd) {\n // AMD\n define(['jquery'], function ($) {\n return factory($, window, document);\n });\n } else if (typeof exports === 'object') {\n // CommonJS\n module.exports = function (root, $) {\n if (!root) {\n // CommonJS environments without a window global must pass a\n // root. This will give an error otherwise\n root = window;\n }\n\n if (!$) {\n $ = typeof window !== 'undefined' ? // jQuery's factory checks for a global window\n require('jquery') : require('jquery')(root);\n }\n\n return factory($, root, root.document);\n };\n } else {\n // Browser\n window.DataTable = factory(jQuery, window, document);\n }\n})(function ($, window, document, undefined) {\n \"use strict\";\n\n var DataTable = function (selector, options) {\n // When creating with `new`, create a new DataTable, returning the API instance\n if (this instanceof DataTable) {\n return $(selector).DataTable(options);\n } else {\n // Argument switching\n options = selector;\n }\n /**\n * Perform a jQuery selector action on the table's TR elements (from the tbody) and\n * return the resulting jQuery object.\n * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on\n * @param {object} [oOpts] Optional parameters for modifying the rows to be included\n * @param {string} [oOpts.filter=none] Select TR elements that meet the current filter\n * criterion (\"applied\") or all TR elements (i.e. no filter).\n * @param {string} [oOpts.order=current] Order of the TR elements in the processed array.\n * Can be either 'current', whereby the current sorting of the table is used, or\n * 'original' whereby the original order the data was read into the table is used.\n * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page\n * (\"current\") or not (\"all\"). If 'current' is given, then order is assumed to be\n * 'current' and filter is 'applied', regardless of what they might be given as.\n * @returns {object} jQuery object, filtered by the given selector.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Highlight every second row\n * oTable.$('tr:odd').css('backgroundColor', 'blue');\n * } );\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Filter to rows with 'Webkit' in them, add a background colour and then\n * // remove the filter, thus highlighting the 'Webkit' rows only.\n * oTable.fnFilter('Webkit');\n * oTable.$('tr', {\"search\": \"applied\"}).css('backgroundColor', 'blue');\n * oTable.fnFilter('');\n * } );\n */\n\n\n this.$ = function (sSelector, oOpts) {\n return this.api(true).$(sSelector, oOpts);\n };\n /**\n * Almost identical to $ in operation, but in this case returns the data for the matched\n * rows - as such, the jQuery selector used should match TR row nodes or TD/TH cell nodes\n * rather than any descendants, so the data can be obtained for the row/cell. If matching\n * rows are found, the data returned is the original data array/object that was used to\n * create the row (or a generated array if from a DOM source).\n *\n * This method is often useful in-combination with $ where both functions are given the\n * same parameters and the array indexes will match identically.\n * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on\n * @param {object} [oOpts] Optional parameters for modifying the rows to be included\n * @param {string} [oOpts.filter=none] Select elements that meet the current filter\n * criterion (\"applied\") or all elements (i.e. no filter).\n * @param {string} [oOpts.order=current] Order of the data in the processed array.\n * Can be either 'current', whereby the current sorting of the table is used, or\n * 'original' whereby the original order the data was read into the table is used.\n * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page\n * (\"current\") or not (\"all\"). If 'current' is given, then order is assumed to be\n * 'current' and filter is 'applied', regardless of what they might be given as.\n * @returns {array} Data for the matched elements. If any elements, as a result of the\n * selector, were not TR, TD or TH elements in the DataTable, they will have a null\n * entry in the array.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Get the data from the first row in the table\n * var data = oTable._('tr:first');\n *\n * // Do something useful with the data\n * alert( \"First cell is: \"+data[0] );\n * } );\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Filter to 'Webkit' and get all data for\n * oTable.fnFilter('Webkit');\n * var data = oTable._('tr', {\"search\": \"applied\"});\n *\n * // Do something with the data\n * alert( data.length+\" rows matched the search\" );\n * } );\n */\n\n\n this._ = function (sSelector, oOpts) {\n return this.api(true).rows(sSelector, oOpts).data();\n };\n /**\n * Create a DataTables Api instance, with the currently selected tables for\n * the Api's context.\n * @param {boolean} [traditional=false] Set the API instance's context to be\n * only the table referred to by the `DataTable.ext.iApiIndex` option, as was\n * used in the API presented by DataTables 1.9- (i.e. the traditional mode),\n * or if all tables captured in the jQuery object should be used.\n * @return {DataTables.Api}\n */\n\n\n this.api = function (traditional) {\n return traditional ? new _Api(_fnSettingsFromNode(this[_ext.iApiIndex])) : new _Api(this);\n };\n /**\n * Add a single new row or multiple rows of data to the table. Please note\n * that this is suitable for client-side processing only - if you are using\n * server-side processing (i.e. \"bServerSide\": true), then to add data, you\n * must add it to the data source, i.e. the server-side, through an Ajax call.\n * @param {array|object} data The data to be added to the table. This can be:\n * \n * - 1D array of data - add a single row with the data provided
\n * - 2D array of arrays - add multiple rows in a single call
\n * - object - data object when using mData
\n * - array of objects - multiple data objects when using mData
\n *
\n * @param {bool} [redraw=true] redraw the table or not\n * @returns {array} An array of integers, representing the list of indexes in\n * aoData ({@link DataTable.models.oSettings}) that have been added to\n * the table.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * // Global var for counter\n * var giCount = 2;\n *\n * $(document).ready(function() {\n * $('#example').dataTable();\n * } );\n *\n * function fnClickAddRow() {\n * $('#example').dataTable().fnAddData( [\n * giCount+\".1\",\n * giCount+\".2\",\n * giCount+\".3\",\n * giCount+\".4\" ]\n * );\n *\n * giCount++;\n * }\n */\n\n\n this.fnAddData = function (data, redraw) {\n var api = this.api(true);\n /* Check if we want to add multiple rows or not */\n\n var rows = Array.isArray(data) && (Array.isArray(data[0]) || $.isPlainObject(data[0])) ? api.rows.add(data) : api.row.add(data);\n\n if (redraw === undefined || redraw) {\n api.draw();\n }\n\n return rows.flatten().toArray();\n };\n /**\n * This function will make DataTables recalculate the column sizes, based on the data\n * contained in the table and the sizes applied to the columns (in the DOM, CSS or\n * through the sWidth parameter). This can be useful when the width of the table's\n * parent element changes (for example a window resize).\n * @param {boolean} [bRedraw=true] Redraw the table or not, you will typically want to\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable( {\n * \"sScrollY\": \"200px\",\n * \"bPaginate\": false\n * } );\n *\n * $(window).on('resize', function () {\n * oTable.fnAdjustColumnSizing();\n * } );\n * } );\n */\n\n\n this.fnAdjustColumnSizing = function (bRedraw) {\n var api = this.api(true).columns.adjust();\n var settings = api.settings()[0];\n var scroll = settings.oScroll;\n\n if (bRedraw === undefined || bRedraw) {\n api.draw(false);\n } else if (scroll.sX !== \"\" || scroll.sY !== \"\") {\n /* If not redrawing, but scrolling, we want to apply the new column sizes anyway */\n _fnScrollDraw(settings);\n }\n };\n /**\n * Quickly and simply clear a table\n * @param {bool} [bRedraw=true] redraw the table or not\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Immediately 'nuke' the current rows (perhaps waiting for an Ajax callback...)\n * oTable.fnClearTable();\n * } );\n */\n\n\n this.fnClearTable = function (bRedraw) {\n var api = this.api(true).clear();\n\n if (bRedraw === undefined || bRedraw) {\n api.draw();\n }\n };\n /**\n * The exact opposite of 'opening' a row, this function will close any rows which\n * are currently 'open'.\n * @param {node} nTr the table row to 'close'\n * @returns {int} 0 on success, or 1 if failed (can't find the row)\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable;\n *\n * // 'open' an information row when a row is clicked on\n * $('#example tbody tr').click( function () {\n * if ( oTable.fnIsOpen(this) ) {\n * oTable.fnClose( this );\n * } else {\n * oTable.fnOpen( this, \"Temporary row opened\", \"info_row\" );\n * }\n * } );\n *\n * oTable = $('#example').dataTable();\n * } );\n */\n\n\n this.fnClose = function (nTr) {\n this.api(true).row(nTr).child.hide();\n };\n /**\n * Remove a row for the table\n * @param {mixed} target The index of the row from aoData to be deleted, or\n * the TR element you want to delete\n * @param {function|null} [callBack] Callback function\n * @param {bool} [redraw=true] Redraw the table or not\n * @returns {array} The row that was deleted\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Immediately remove the first row\n * oTable.fnDeleteRow( 0 );\n * } );\n */\n\n\n this.fnDeleteRow = function (target, callback, redraw) {\n var api = this.api(true);\n var rows = api.rows(target);\n var settings = rows.settings()[0];\n var data = settings.aoData[rows[0][0]];\n rows.remove();\n\n if (callback) {\n callback.call(this, settings, data);\n }\n\n if (redraw === undefined || redraw) {\n api.draw();\n }\n\n return data;\n };\n /**\n * Restore the table to it's original state in the DOM by removing all of DataTables\n * enhancements, alterations to the DOM structure of the table and event listeners.\n * @param {boolean} [remove=false] Completely remove the table from the DOM\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * // This example is fairly pointless in reality, but shows how fnDestroy can be used\n * var oTable = $('#example').dataTable();\n * oTable.fnDestroy();\n * } );\n */\n\n\n this.fnDestroy = function (remove) {\n this.api(true).destroy(remove);\n };\n /**\n * Redraw the table\n * @param {bool} [complete=true] Re-filter and resort (if enabled) the table before the draw.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Re-draw the table - you wouldn't want to do it here, but it's an example :-)\n * oTable.fnDraw();\n * } );\n */\n\n\n this.fnDraw = function (complete) {\n // Note that this isn't an exact match to the old call to _fnDraw - it takes\n // into account the new data, but can hold position.\n this.api(true).draw(complete);\n };\n /**\n * Filter the input based on data\n * @param {string} sInput String to filter the table on\n * @param {int|null} [iColumn] Column to limit filtering to\n * @param {bool} [bRegex=false] Treat as regular expression or not\n * @param {bool} [bSmart=true] Perform smart filtering or not\n * @param {bool} [bShowGlobal=true] Show the input global filter in it's input box(es)\n * @param {bool} [bCaseInsensitive=true] Do case-insensitive matching (true) or not (false)\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Sometime later - filter...\n * oTable.fnFilter( 'test string' );\n * } );\n */\n\n\n this.fnFilter = function (sInput, iColumn, bRegex, bSmart, bShowGlobal, bCaseInsensitive) {\n var api = this.api(true);\n\n if (iColumn === null || iColumn === undefined) {\n api.search(sInput, bRegex, bSmart, bCaseInsensitive);\n } else {\n api.column(iColumn).search(sInput, bRegex, bSmart, bCaseInsensitive);\n }\n\n api.draw();\n };\n /**\n * Get the data for the whole table, an individual row or an individual cell based on the\n * provided parameters.\n * @param {int|node} [src] A TR row node, TD/TH cell node or an integer. If given as\n * a TR node then the data source for the whole row will be returned. If given as a\n * TD/TH cell node then iCol will be automatically calculated and the data for the\n * cell returned. If given as an integer, then this is treated as the aoData internal\n * data index for the row (see fnGetPosition) and the data for that row used.\n * @param {int} [col] Optional column index that you want the data of.\n * @returns {array|object|string} If mRow is undefined, then the data for all rows is\n * returned. If mRow is defined, just data for that row, and is iCol is\n * defined, only data for the designated cell is returned.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * // Row data\n * $(document).ready(function() {\n * oTable = $('#example').dataTable();\n *\n * oTable.$('tr').click( function () {\n * var data = oTable.fnGetData( this );\n * // ... do something with the array / object of data for the row\n * } );\n * } );\n *\n * @example\n * // Individual cell data\n * $(document).ready(function() {\n * oTable = $('#example').dataTable();\n *\n * oTable.$('td').click( function () {\n * var sData = oTable.fnGetData( this );\n * alert( 'The cell clicked on had the value of '+sData );\n * } );\n * } );\n */\n\n\n this.fnGetData = function (src, col) {\n var api = this.api(true);\n\n if (src !== undefined) {\n var type = src.nodeName ? src.nodeName.toLowerCase() : '';\n return col !== undefined || type == 'td' || type == 'th' ? api.cell(src, col).data() : api.row(src).data() || null;\n }\n\n return api.data().toArray();\n };\n /**\n * Get an array of the TR nodes that are used in the table's body. Note that you will\n * typically want to use the '$' API method in preference to this as it is more\n * flexible.\n * @param {int} [iRow] Optional row index for the TR element you want\n * @returns {array|node} If iRow is undefined, returns an array of all TR elements\n * in the table's body, or iRow is defined, just the TR element requested.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Get the nodes from the table\n * var nNodes = oTable.fnGetNodes( );\n * } );\n */\n\n\n this.fnGetNodes = function (iRow) {\n var api = this.api(true);\n return iRow !== undefined ? api.row(iRow).node() : api.rows().nodes().flatten().toArray();\n };\n /**\n * Get the array indexes of a particular cell from it's DOM element\n * and column index including hidden columns\n * @param {node} node this can either be a TR, TD or TH in the table's body\n * @returns {int} If nNode is given as a TR, then a single index is returned, or\n * if given as a cell, an array of [row index, column index (visible),\n * column index (all)] is given.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * $('#example tbody td').click( function () {\n * // Get the position of the current data from the node\n * var aPos = oTable.fnGetPosition( this );\n *\n * // Get the data array for this row\n * var aData = oTable.fnGetData( aPos[0] );\n *\n * // Update the data array and return the value\n * aData[ aPos[1] ] = 'clicked';\n * this.innerHTML = 'clicked';\n * } );\n *\n * // Init DataTables\n * oTable = $('#example').dataTable();\n * } );\n */\n\n\n this.fnGetPosition = function (node) {\n var api = this.api(true);\n var nodeName = node.nodeName.toUpperCase();\n\n if (nodeName == 'TR') {\n return api.row(node).index();\n } else if (nodeName == 'TD' || nodeName == 'TH') {\n var cell = api.cell(node).index();\n return [cell.row, cell.columnVisible, cell.column];\n }\n\n return null;\n };\n /**\n * Check to see if a row is 'open' or not.\n * @param {node} nTr the table row to check\n * @returns {boolean} true if the row is currently open, false otherwise\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable;\n *\n * // 'open' an information row when a row is clicked on\n * $('#example tbody tr').click( function () {\n * if ( oTable.fnIsOpen(this) ) {\n * oTable.fnClose( this );\n * } else {\n * oTable.fnOpen( this, \"Temporary row opened\", \"info_row\" );\n * }\n * } );\n *\n * oTable = $('#example').dataTable();\n * } );\n */\n\n\n this.fnIsOpen = function (nTr) {\n return this.api(true).row(nTr).child.isShown();\n };\n /**\n * This function will place a new row directly after a row which is currently\n * on display on the page, with the HTML contents that is passed into the\n * function. This can be used, for example, to ask for confirmation that a\n * particular record should be deleted.\n * @param {node} nTr The table row to 'open'\n * @param {string|node|jQuery} mHtml The HTML to put into the row\n * @param {string} sClass Class to give the new TD cell\n * @returns {node} The row opened. Note that if the table row passed in as the\n * first parameter, is not found in the table, this method will silently\n * return.\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable;\n *\n * // 'open' an information row when a row is clicked on\n * $('#example tbody tr').click( function () {\n * if ( oTable.fnIsOpen(this) ) {\n * oTable.fnClose( this );\n * } else {\n * oTable.fnOpen( this, \"Temporary row opened\", \"info_row\" );\n * }\n * } );\n *\n * oTable = $('#example').dataTable();\n * } );\n */\n\n\n this.fnOpen = function (nTr, mHtml, sClass) {\n return this.api(true).row(nTr).child(mHtml, sClass).show().child()[0];\n };\n /**\n * Change the pagination - provides the internal logic for pagination in a simple API\n * function. With this function you can have a DataTables table go to the next,\n * previous, first or last pages.\n * @param {string|int} mAction Paging action to take: \"first\", \"previous\", \"next\" or \"last\"\n * or page number to jump to (integer), note that page 0 is the first page.\n * @param {bool} [bRedraw=true] Redraw the table or not\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n * oTable.fnPageChange( 'next' );\n * } );\n */\n\n\n this.fnPageChange = function (mAction, bRedraw) {\n var api = this.api(true).page(mAction);\n\n if (bRedraw === undefined || bRedraw) {\n api.draw(false);\n }\n };\n /**\n * Show a particular column\n * @param {int} iCol The column whose display should be changed\n * @param {bool} bShow Show (true) or hide (false) the column\n * @param {bool} [bRedraw=true] Redraw the table or not\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Hide the second column after initialisation\n * oTable.fnSetColumnVis( 1, false );\n * } );\n */\n\n\n this.fnSetColumnVis = function (iCol, bShow, bRedraw) {\n var api = this.api(true).column(iCol).visible(bShow);\n\n if (bRedraw === undefined || bRedraw) {\n api.columns.adjust().draw();\n }\n };\n /**\n * Get the settings for a particular table for external manipulation\n * @returns {object} DataTables settings object. See\n * {@link DataTable.models.oSettings}\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n * var oSettings = oTable.fnSettings();\n *\n * // Show an example parameter from the settings\n * alert( oSettings._iDisplayStart );\n * } );\n */\n\n\n this.fnSettings = function () {\n return _fnSettingsFromNode(this[_ext.iApiIndex]);\n };\n /**\n * Sort the table by a particular column\n * @param {int} iCol the data index to sort on. Note that this will not match the\n * 'display index' if you have hidden data entries\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Sort immediately with columns 0 and 1\n * oTable.fnSort( [ [0,'asc'], [1,'asc'] ] );\n * } );\n */\n\n\n this.fnSort = function (aaSort) {\n this.api(true).order(aaSort).draw();\n };\n /**\n * Attach a sort listener to an element for a given column\n * @param {node} nNode the element to attach the sort listener to\n * @param {int} iColumn the column that a click on this node will sort on\n * @param {function} [fnCallback] callback function when sort is run\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n *\n * // Sort on column 1, when 'sorter' is clicked on\n * oTable.fnSortListener( document.getElementById('sorter'), 1 );\n * } );\n */\n\n\n this.fnSortListener = function (nNode, iColumn, fnCallback) {\n this.api(true).order.listener(nNode, iColumn, fnCallback);\n };\n /**\n * Update a table cell or row - this method will accept either a single value to\n * update the cell with, an array of values with one element for each column or\n * an object in the same format as the original data source. The function is\n * self-referencing in order to make the multi column updates easier.\n * @param {object|array|string} mData Data to update the cell/row with\n * @param {node|int} mRow TR element you want to update or the aoData index\n * @param {int} [iColumn] The column to update, give as null or undefined to\n * update a whole row.\n * @param {bool} [bRedraw=true] Redraw the table or not\n * @param {bool} [bAction=true] Perform pre-draw actions or not\n * @returns {int} 0 on success, 1 on error\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n * oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell\n * oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], $('tbody tr')[0] ); // Row\n * } );\n */\n\n\n this.fnUpdate = function (mData, mRow, iColumn, bRedraw, bAction) {\n var api = this.api(true);\n\n if (iColumn === undefined || iColumn === null) {\n api.row(mRow).data(mData);\n } else {\n api.cell(mRow, iColumn).data(mData);\n }\n\n if (bAction === undefined || bAction) {\n api.columns.adjust();\n }\n\n if (bRedraw === undefined || bRedraw) {\n api.draw();\n }\n\n return 0;\n };\n /**\n * Provide a common method for plug-ins to check the version of DataTables being used, in order\n * to ensure compatibility.\n * @param {string} sVersion Version string to check for, in the format \"X.Y.Z\". Note that the\n * formats \"X\" and \"X.Y\" are also acceptable.\n * @returns {boolean} true if this version of DataTables is greater or equal to the required\n * version, or false if this version of DataTales is not suitable\n * @method\n * @dtopt API\n * @deprecated Since v1.10\n *\n * @example\n * $(document).ready(function() {\n * var oTable = $('#example').dataTable();\n * alert( oTable.fnVersionCheck( '1.9.0' ) );\n * } );\n */\n\n\n this.fnVersionCheck = _ext.fnVersionCheck;\n\n var _that = this;\n\n var emptyInit = options === undefined;\n var len = this.length;\n\n if (emptyInit) {\n options = {};\n }\n\n this.oApi = this.internal = _ext.internal; // Extend with old style plug-in API methods\n\n for (var fn in DataTable.ext.internal) {\n if (fn) {\n this[fn] = _fnExternApiFunc(fn);\n }\n }\n\n this.each(function () {\n // For each initialisation we want to give it a clean initialisation\n // object that can be bashed around\n var o = {};\n var oInit = len > 1 ? // optimisation for single table case\n _fnExtend(o, options, true) : options;\n /*global oInit,_that,emptyInit*/\n\n var i = 0,\n iLen,\n j,\n jLen,\n k,\n kLen;\n var sId = this.getAttribute('id');\n var bInitHandedOff = false;\n var defaults = DataTable.defaults;\n var $this = $(this);\n /* Sanity check */\n\n if (this.nodeName.toLowerCase() != 'table') {\n _fnLog(null, 0, 'Non-table node initialisation (' + this.nodeName + ')', 2);\n\n return;\n }\n /* Backwards compatibility for the defaults */\n\n\n _fnCompatOpts(defaults);\n\n _fnCompatCols(defaults.column);\n /* Convert the camel-case defaults to Hungarian */\n\n\n _fnCamelToHungarian(defaults, defaults, true);\n\n _fnCamelToHungarian(defaults.column, defaults.column, true);\n /* Setting up the initialisation object */\n\n\n _fnCamelToHungarian(defaults, $.extend(oInit, $this.data()), true);\n /* Check to see if we are re-initialising a table */\n\n\n var allSettings = DataTable.settings;\n\n for (i = 0, iLen = allSettings.length; i < iLen; i++) {\n var s = allSettings[i];\n /* Base check on table node */\n\n if (s.nTable == this || s.nTHead && s.nTHead.parentNode == this || s.nTFoot && s.nTFoot.parentNode == this) {\n var bRetrieve = oInit.bRetrieve !== undefined ? oInit.bRetrieve : defaults.bRetrieve;\n var bDestroy = oInit.bDestroy !== undefined ? oInit.bDestroy : defaults.bDestroy;\n\n if (emptyInit || bRetrieve) {\n return s.oInstance;\n } else if (bDestroy) {\n s.oInstance.fnDestroy();\n break;\n } else {\n _fnLog(s, 0, 'Cannot reinitialise DataTable', 3);\n\n return;\n }\n }\n /* If the element we are initialising has the same ID as a table which was previously\n * initialised, but the table nodes don't match (from before) then we destroy the old\n * instance by simply deleting it. This is under the assumption that the table has been\n * destroyed by other methods. Anyone using non-id selectors will need to do this manually\n */\n\n\n if (s.sTableId == this.id) {\n allSettings.splice(i, 1);\n break;\n }\n }\n /* Ensure the table has an ID - required for accessibility */\n\n\n if (sId === null || sId === \"\") {\n sId = \"DataTables_Table_\" + DataTable.ext._unique++;\n this.id = sId;\n }\n /* Create the settings object for this table and set some of the default parameters */\n\n\n var oSettings = $.extend(true, {}, DataTable.models.oSettings, {\n \"sDestroyWidth\": $this[0].style.width,\n \"sInstance\": sId,\n \"sTableId\": sId\n });\n oSettings.nTable = this;\n oSettings.oApi = _that.internal;\n oSettings.oInit = oInit;\n allSettings.push(oSettings); // Need to add the instance after the instance after the settings object has been added\n // to the settings array, so we can self reference the table instance if more than one\n\n oSettings.oInstance = _that.length === 1 ? _that : $this.dataTable(); // Backwards compatibility, before we apply all the defaults\n\n _fnCompatOpts(oInit);\n\n _fnLanguageCompat(oInit.oLanguage); // If the length menu is given, but the init display length is not, use the length menu\n\n\n if (oInit.aLengthMenu && !oInit.iDisplayLength) {\n oInit.iDisplayLength = Array.isArray(oInit.aLengthMenu[0]) ? oInit.aLengthMenu[0][0] : oInit.aLengthMenu[0];\n } // Apply the defaults and init options to make a single init object will all\n // options defined from defaults and instance options.\n\n\n oInit = _fnExtend($.extend(true, {}, defaults), oInit); // Map the initialisation options onto the settings object\n\n _fnMap(oSettings.oFeatures, oInit, [\"bPaginate\", \"bLengthChange\", \"bFilter\", \"bSort\", \"bSortMulti\", \"bInfo\", \"bProcessing\", \"bAutoWidth\", \"bSortClasses\", \"bServerSide\", \"bDeferRender\"]);\n\n _fnMap(oSettings, oInit, [\"asStripeClasses\", \"ajax\", \"fnServerData\", \"fnFormatNumber\", \"sServerMethod\", \"aaSorting\", \"aaSortingFixed\", \"aLengthMenu\", \"sPaginationType\", \"sAjaxSource\", \"sAjaxDataProp\", \"iStateDuration\", \"sDom\", \"bSortCellsTop\", \"iTabIndex\", \"fnStateLoadCallback\", \"fnStateSaveCallback\", \"renderer\", \"searchDelay\", \"rowId\", [\"iCookieDuration\", \"iStateDuration\"], // backwards compat\n [\"oSearch\", \"oPreviousSearch\"], [\"aoSearchCols\", \"aoPreSearchCols\"], [\"iDisplayLength\", \"_iDisplayLength\"]]);\n\n _fnMap(oSettings.oScroll, oInit, [[\"sScrollX\", \"sX\"], [\"sScrollXInner\", \"sXInner\"], [\"sScrollY\", \"sY\"], [\"bScrollCollapse\", \"bCollapse\"]]);\n\n _fnMap(oSettings.oLanguage, oInit, \"fnInfoCallback\");\n /* Callback functions which are array driven */\n\n\n _fnCallbackReg(oSettings, 'aoDrawCallback', oInit.fnDrawCallback, 'user');\n\n _fnCallbackReg(oSettings, 'aoServerParams', oInit.fnServerParams, 'user');\n\n _fnCallbackReg(oSettings, 'aoStateSaveParams', oInit.fnStateSaveParams, 'user');\n\n _fnCallbackReg(oSettings, 'aoStateLoadParams', oInit.fnStateLoadParams, 'user');\n\n _fnCallbackReg(oSettings, 'aoStateLoaded', oInit.fnStateLoaded, 'user');\n\n _fnCallbackReg(oSettings, 'aoRowCallback', oInit.fnRowCallback, 'user');\n\n _fnCallbackReg(oSettings, 'aoRowCreatedCallback', oInit.fnCreatedRow, 'user');\n\n _fnCallbackReg(oSettings, 'aoHeaderCallback', oInit.fnHeaderCallback, 'user');\n\n _fnCallbackReg(oSettings, 'aoFooterCallback', oInit.fnFooterCallback, 'user');\n\n _fnCallbackReg(oSettings, 'aoInitComplete', oInit.fnInitComplete, 'user');\n\n _fnCallbackReg(oSettings, 'aoPreDrawCallback', oInit.fnPreDrawCallback, 'user');\n\n oSettings.rowIdFn = _fnGetObjectDataFn(oInit.rowId);\n /* Browser support detection */\n\n _fnBrowserDetect(oSettings);\n\n var oClasses = oSettings.oClasses;\n $.extend(oClasses, DataTable.ext.classes, oInit.oClasses);\n $this.addClass(oClasses.sTable);\n\n if (oSettings.iInitDisplayStart === undefined) {\n /* Display start point, taking into account the save saving */\n oSettings.iInitDisplayStart = oInit.iDisplayStart;\n oSettings._iDisplayStart = oInit.iDisplayStart;\n }\n\n if (oInit.iDeferLoading !== null) {\n oSettings.bDeferLoading = true;\n var tmp = Array.isArray(oInit.iDeferLoading);\n oSettings._iRecordsDisplay = tmp ? oInit.iDeferLoading[0] : oInit.iDeferLoading;\n oSettings._iRecordsTotal = tmp ? oInit.iDeferLoading[1] : oInit.iDeferLoading;\n }\n /* Language definitions */\n\n\n var oLanguage = oSettings.oLanguage;\n $.extend(true, oLanguage, oInit.oLanguage);\n\n if (oLanguage.sUrl) {\n /* Get the language definitions from a file - because this Ajax call makes the language\n * get async to the remainder of this function we use bInitHandedOff to indicate that\n * _fnInitialise will be fired by the returned Ajax handler, rather than the constructor\n */\n $.ajax({\n dataType: 'json',\n url: oLanguage.sUrl,\n success: function (json) {\n _fnCamelToHungarian(defaults.oLanguage, json);\n\n _fnLanguageCompat(json);\n\n $.extend(true, oLanguage, json, oSettings.oInit.oLanguage);\n\n _fnCallbackFire(oSettings, null, 'i18n', [oSettings]);\n\n _fnInitialise(oSettings);\n },\n error: function () {\n // Error occurred loading language file, continue on as best we can\n _fnInitialise(oSettings);\n }\n });\n bInitHandedOff = true;\n } else {\n _fnCallbackFire(oSettings, null, 'i18n', [oSettings]);\n }\n /*\n * Stripes\n */\n\n\n if (oInit.asStripeClasses === null) {\n oSettings.asStripeClasses = [oClasses.sStripeOdd, oClasses.sStripeEven];\n }\n /* Remove row stripe classes if they are already on the table row */\n\n\n var stripeClasses = oSettings.asStripeClasses;\n var rowOne = $this.children('tbody').find('tr').eq(0);\n\n if ($.inArray(true, $.map(stripeClasses, function (el, i) {\n return rowOne.hasClass(el);\n })) !== -1) {\n $('tbody tr', this).removeClass(stripeClasses.join(' '));\n oSettings.asDestroyStripes = stripeClasses.slice();\n }\n /*\n * Columns\n * See if we should load columns automatically or use defined ones\n */\n\n\n var anThs = [];\n var aoColumnsInit;\n var nThead = this.getElementsByTagName('thead');\n\n if (nThead.length !== 0) {\n _fnDetectHeader(oSettings.aoHeader, nThead[0]);\n\n anThs = _fnGetUniqueThs(oSettings);\n }\n /* If not given a column array, generate one with nulls */\n\n\n if (oInit.aoColumns === null) {\n aoColumnsInit = [];\n\n for (i = 0, iLen = anThs.length; i < iLen; i++) {\n aoColumnsInit.push(null);\n }\n } else {\n aoColumnsInit = oInit.aoColumns;\n }\n /* Add the columns */\n\n\n for (i = 0, iLen = aoColumnsInit.length; i < iLen; i++) {\n _fnAddColumn(oSettings, anThs ? anThs[i] : null);\n }\n /* Apply the column definitions */\n\n\n _fnApplyColumnDefs(oSettings, oInit.aoColumnDefs, aoColumnsInit, function (iCol, oDef) {\n _fnColumnOptions(oSettings, iCol, oDef);\n });\n /* HTML5 attribute detection - build an mData object automatically if the\n * attributes are found\n */\n\n\n if (rowOne.length) {\n var a = function (cell, name) {\n return cell.getAttribute('data-' + name) !== null ? name : null;\n };\n\n $(rowOne[0]).children('th, td').each(function (i, cell) {\n var col = oSettings.aoColumns[i];\n\n if (col.mData === i) {\n var sort = a(cell, 'sort') || a(cell, 'order');\n var filter = a(cell, 'filter') || a(cell, 'search');\n\n if (sort !== null || filter !== null) {\n col.mData = {\n _: i + '.display',\n sort: sort !== null ? i + '.@data-' + sort : undefined,\n type: sort !== null ? i + '.@data-' + sort : undefined,\n filter: filter !== null ? i + '.@data-' + filter : undefined\n };\n\n _fnColumnOptions(oSettings, i);\n }\n }\n });\n }\n\n var features = oSettings.oFeatures;\n\n var loadedInit = function () {\n /*\n * Sorting\n * @todo For modularisation (1.11) this needs to do into a sort start up handler\n */\n // If aaSorting is not defined, then we use the first indicator in asSorting\n // in case that has been altered, so the default sort reflects that option\n if (oInit.aaSorting === undefined) {\n var sorting = oSettings.aaSorting;\n\n for (i = 0, iLen = sorting.length; i < iLen; i++) {\n sorting[i][1] = oSettings.aoColumns[i].asSorting[0];\n }\n }\n /* Do a first pass on the sorting classes (allows any size changes to be taken into\n * account, and also will apply sorting disabled classes if disabled\n */\n\n\n _fnSortingClasses(oSettings);\n\n if (features.bSort) {\n _fnCallbackReg(oSettings, 'aoDrawCallback', function () {\n if (oSettings.bSorted) {\n var aSort = _fnSortFlatten(oSettings);\n\n var sortedColumns = {};\n $.each(aSort, function (i, val) {\n sortedColumns[val.src] = val.dir;\n });\n\n _fnCallbackFire(oSettings, null, 'order', [oSettings, aSort, sortedColumns]);\n\n _fnSortAria(oSettings);\n }\n });\n }\n\n _fnCallbackReg(oSettings, 'aoDrawCallback', function () {\n if (oSettings.bSorted || _fnDataSource(oSettings) === 'ssp' || features.bDeferRender) {\n _fnSortingClasses(oSettings);\n }\n }, 'sc');\n /*\n * Final init\n * Cache the header, body and footer as required, creating them if needed\n */\n // Work around for Webkit bug 83867 - store the caption-side before removing from doc\n\n\n var captions = $this.children('caption').each(function () {\n this._captionSide = $(this).css('caption-side');\n });\n var thead = $this.children('thead');\n\n if (thead.length === 0) {\n thead = $('').appendTo($this);\n }\n\n oSettings.nTHead = thead[0];\n var tbody = $this.children('tbody');\n\n if (tbody.length === 0) {\n tbody = $('').insertAfter(thead);\n }\n\n oSettings.nTBody = tbody[0];\n var tfoot = $this.children('tfoot');\n\n if (tfoot.length === 0 && captions.length > 0 && (oSettings.oScroll.sX !== \"\" || oSettings.oScroll.sY !== \"\")) {\n // If we are a scrolling table, and no footer has been given, then we need to create\n // a tfoot element for the caption element to be appended to\n tfoot = $('').appendTo($this);\n }\n\n if (tfoot.length === 0 || tfoot.children().length === 0) {\n $this.addClass(oClasses.sNoFooter);\n } else if (tfoot.length > 0) {\n oSettings.nTFoot = tfoot[0];\n\n _fnDetectHeader(oSettings.aoFooter, oSettings.nTFoot);\n }\n /* Check if there is data passing into the constructor */\n\n\n if (oInit.aaData) {\n for (i = 0; i < oInit.aaData.length; i++) {\n _fnAddData(oSettings, oInit.aaData[i]);\n }\n } else if (oSettings.bDeferLoading || _fnDataSource(oSettings) == 'dom') {\n /* Grab the data from the page - only do this when deferred loading or no Ajax\n * source since there is no point in reading the DOM data if we are then going\n * to replace it with Ajax data\n */\n _fnAddTr(oSettings, $(oSettings.nTBody).children('tr'));\n }\n /* Copy the data index array */\n\n\n oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();\n /* Initialisation complete - table can be drawn */\n\n oSettings.bInitialised = true;\n /* Check if we need to initialise the table (it might not have been handed off to the\n * language processor)\n */\n\n if (bInitHandedOff === false) {\n _fnInitialise(oSettings);\n }\n };\n /* Must be done after everything which can be overridden by the state saving! */\n\n\n _fnCallbackReg(oSettings, 'aoDrawCallback', _fnSaveState, 'state_save');\n\n if (oInit.bStateSave) {\n features.bStateSave = true;\n\n _fnLoadState(oSettings, oInit, loadedInit);\n } else {\n loadedInit();\n }\n });\n _that = null;\n return this;\n };\n /*\n * It is useful to have variables which are scoped locally so only the\n * DataTables functions can access them and they don't leak into global space.\n * At the same time these functions are often useful over multiple files in the\n * core and API, so we list, or at least document, all variables which are used\n * by DataTables as private variables here. This also ensures that there is no\n * clashing of variable names and that they can easily referenced for reuse.\n */\n // Defined else where\n // _selector_run\n // _selector_opts\n // _selector_first\n // _selector_row_indexes\n\n\n var _ext; // DataTable.ext\n\n\n var _Api; // DataTable.Api\n\n\n var _api_register; // DataTable.Api.register\n\n\n var _api_registerPlural; // DataTable.Api.registerPlural\n\n\n var _re_dic = {};\n var _re_new_lines = /[\\r\\n\\u2028]/g;\n var _re_html = /<.*?>/g; // This is not strict ISO8601 - Date.parse() is quite lax, although\n // implementations differ between browsers.\n\n var _re_date = /^\\d{2,4}[\\.\\/\\-]\\d{1,2}[\\.\\/\\-]\\d{1,2}([T ]{1}\\d{1,2}[:\\.]\\d{2}([\\.:]\\d{2})?)?$/; // Escape regular expression special characters\n\n var _re_escape_regex = new RegExp('(\\\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\\\', '$', '^', '-'].join('|\\\\') + ')', 'g'); // http://en.wikipedia.org/wiki/Foreign_exchange_market\n // - \\u20BD - Russian ruble.\n // - \\u20a9 - South Korean Won\n // - \\u20BA - Turkish Lira\n // - \\u20B9 - Indian Rupee\n // - R - Brazil (R$) and South Africa\n // - fr - Swiss Franc\n // - kr - Swedish krona, Norwegian krone and Danish krone\n // - \\u2009 is thin space and \\u202F is narrow no-break space, both used in many\n // - Ƀ - Bitcoin\n // - Ξ - Ethereum\n // standards as thousands separators.\n\n\n var _re_formatted_numeric = /['\\u00A0,$£€¥%\\u2009\\u202F\\u20BD\\u20a9\\u20BArfkɃΞ]/gi;\n\n var _empty = function (d) {\n return !d || d === true || d === '-' ? true : false;\n };\n\n var _intVal = function (s) {\n var integer = parseInt(s, 10);\n return !isNaN(integer) && isFinite(s) ? integer : null;\n }; // Convert from a formatted number with characters other than `.` as the\n // decimal place, to a Javascript number\n\n\n var _numToDecimal = function (num, decimalPoint) {\n // Cache created regular expressions for speed as this function is called often\n if (!_re_dic[decimalPoint]) {\n _re_dic[decimalPoint] = new RegExp(_fnEscapeRegex(decimalPoint), 'g');\n }\n\n return typeof num === 'string' && decimalPoint !== '.' ? num.replace(/\\./g, '').replace(_re_dic[decimalPoint], '.') : num;\n };\n\n var _isNumber = function (d, decimalPoint, formatted) {\n var strType = typeof d === 'string'; // If empty return immediately so there must be a number if it is a\n // formatted string (this stops the string \"k\", or \"kr\", etc being detected\n // as a formatted number for currency\n\n if (_empty(d)) {\n return true;\n }\n\n if (decimalPoint && strType) {\n d = _numToDecimal(d, decimalPoint);\n }\n\n if (formatted && strType) {\n d = d.replace(_re_formatted_numeric, '');\n }\n\n return !isNaN(parseFloat(d)) && isFinite(d);\n }; // A string without HTML in it can be considered to be HTML still\n\n\n var _isHtml = function (d) {\n return _empty(d) || typeof d === 'string';\n };\n\n var _htmlNumeric = function (d, decimalPoint, formatted) {\n if (_empty(d)) {\n return true;\n }\n\n var html = _isHtml(d);\n\n return !html ? null : _isNumber(_stripHtml(d), decimalPoint, formatted) ? true : null;\n };\n\n var _pluck = function (a, prop, prop2) {\n var out = [];\n var i = 0,\n ien = a.length; // Could have the test in the loop for slightly smaller code, but speed\n // is essential here\n\n if (prop2 !== undefined) {\n for (; i < ien; i++) {\n if (a[i] && a[i][prop]) {\n out.push(a[i][prop][prop2]);\n }\n }\n } else {\n for (; i < ien; i++) {\n if (a[i]) {\n out.push(a[i][prop]);\n }\n }\n }\n\n return out;\n }; // Basically the same as _pluck, but rather than looping over `a` we use `order`\n // as the indexes to pick from `a`\n\n\n var _pluck_order = function (a, order, prop, prop2) {\n var out = [];\n var i = 0,\n ien = order.length; // Could have the test in the loop for slightly smaller code, but speed\n // is essential here\n\n if (prop2 !== undefined) {\n for (; i < ien; i++) {\n if (a[order[i]][prop]) {\n out.push(a[order[i]][prop][prop2]);\n }\n }\n } else {\n for (; i < ien; i++) {\n out.push(a[order[i]][prop]);\n }\n }\n\n return out;\n };\n\n var _range = function (len, start) {\n var out = [];\n var end;\n\n if (start === undefined) {\n start = 0;\n end = len;\n } else {\n end = start;\n start = len;\n }\n\n for (var i = start; i < end; i++) {\n out.push(i);\n }\n\n return out;\n };\n\n var _removeEmpty = function (a) {\n var out = [];\n\n for (var i = 0, ien = a.length; i < ien; i++) {\n if (a[i]) {\n // careful - will remove all falsy values!\n out.push(a[i]);\n }\n }\n\n return out;\n };\n\n var _stripHtml = function (d) {\n return d.replace(_re_html, '');\n };\n /**\n * Determine if all values in the array are unique. This means we can short\n * cut the _unique method at the cost of a single loop. A sorted array is used\n * to easily check the values.\n *\n * @param {array} src Source array\n * @return {boolean} true if all unique, false otherwise\n * @ignore\n */\n\n\n var _areAllUnique = function (src) {\n if (src.length < 2) {\n return true;\n }\n\n var sorted = src.slice().sort();\n var last = sorted[0];\n\n for (var i = 1, ien = sorted.length; i < ien; i++) {\n if (sorted[i] === last) {\n return false;\n }\n\n last = sorted[i];\n }\n\n return true;\n };\n /**\n * Find the unique elements in a source array.\n *\n * @param {array} src Source array\n * @return {array} Array of unique items\n * @ignore\n */\n\n\n var _unique = function (src) {\n if (_areAllUnique(src)) {\n return src.slice();\n } // A faster unique method is to use object keys to identify used values,\n // but this doesn't work with arrays or objects, which we must also\n // consider. See jsperf.com/compare-array-unique-versions/4 for more\n // information.\n\n\n var out = [],\n val,\n i,\n ien = src.length,\n j,\n k = 0;\n\n again: for (i = 0; i < ien; i++) {\n val = src[i];\n\n for (j = 0; j < k; j++) {\n if (out[j] === val) {\n continue again;\n }\n }\n\n out.push(val);\n k++;\n }\n\n return out;\n }; // Surprisingly this is faster than [].concat.apply\n // https://jsperf.com/flatten-an-array-loop-vs-reduce/2\n\n\n var _flatten = function (out, val) {\n if (Array.isArray(val)) {\n for (var i = 0; i < val.length; i++) {\n _flatten(out, val[i]);\n }\n } else {\n out.push(val);\n }\n\n return out;\n };\n\n var _includes = function (search, start) {\n if (start === undefined) {\n start = 0;\n }\n\n return this.indexOf(search, start) !== -1;\n }; // Array.isArray polyfill.\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray\n\n\n if (!Array.isArray) {\n Array.isArray = function (arg) {\n return Object.prototype.toString.call(arg) === '[object Array]';\n };\n }\n\n if (!Array.prototype.includes) {\n Array.prototype.includes = _includes;\n } // .trim() polyfill\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim\n\n\n if (!String.prototype.trim) {\n String.prototype.trim = function () {\n return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n };\n }\n\n if (!String.prototype.includes) {\n String.prototype.includes = _includes;\n }\n /**\n * DataTables utility methods\n * \n * This namespace provides helper methods that DataTables uses internally to\n * create a DataTable, but which are not exclusively used only for DataTables.\n * These methods can be used by extension authors to save the duplication of\n * code.\n *\n * @namespace\n */\n\n\n DataTable.util = {\n /**\n * Throttle the calls to a function. Arguments and context are maintained\n * for the throttled function.\n *\n * @param {function} fn Function to be called\n * @param {integer} freq Call frequency in mS\n * @return {function} Wrapped function\n */\n throttle: function (fn, freq) {\n var frequency = freq !== undefined ? freq : 200,\n last,\n timer;\n return function () {\n var that = this,\n now = +new Date(),\n args = arguments;\n\n if (last && now < last + frequency) {\n clearTimeout(timer);\n timer = setTimeout(function () {\n last = undefined;\n fn.apply(that, args);\n }, frequency);\n } else {\n last = now;\n fn.apply(that, args);\n }\n };\n },\n\n /**\n * Escape a string such that it can be used in a regular expression\n *\n * @param {string} val string to escape\n * @returns {string} escaped string\n */\n escapeRegex: function (val) {\n return val.replace(_re_escape_regex, '\\\\$1');\n },\n\n /**\n * Create a function that will write to a nested object or array\n * @param {*} source JSON notation string\n * @returns Write function\n */\n set: function (source) {\n if ($.isPlainObject(source)) {\n /* Unlike get, only the underscore (global) option is used for for\n * setting data since we don't know the type here. This is why an object\n * option is not documented for `mData` (which is read/write), but it is\n * for `mRender` which is read only.\n */\n return DataTable.util.set(source._);\n } else if (source === null) {\n // Nothing to do when the data source is null\n return function () {};\n } else if (typeof source === 'function') {\n return function (data, val, meta) {\n source(data, 'set', val, meta);\n };\n } else if (typeof source === 'string' && (source.indexOf('.') !== -1 || source.indexOf('[') !== -1 || source.indexOf('(') !== -1)) {\n // Like the get, we need to get data from a nested object\n var setData = function (data, val, src) {\n var a = _fnSplitObjNotation(src),\n b;\n\n var aLast = a[a.length - 1];\n var arrayNotation, funcNotation, o, innerSrc;\n\n for (var i = 0, iLen = a.length - 1; i < iLen; i++) {\n // Protect against prototype pollution\n if (a[i] === '__proto__' || a[i] === 'constructor') {\n throw new Error('Cannot set prototype values');\n } // Check if we are dealing with an array notation request\n\n\n arrayNotation = a[i].match(__reArray);\n funcNotation = a[i].match(__reFn);\n\n if (arrayNotation) {\n a[i] = a[i].replace(__reArray, '');\n data[a[i]] = []; // Get the remainder of the nested object to set so we can recurse\n\n b = a.slice();\n b.splice(0, i + 1);\n innerSrc = b.join('.'); // Traverse each entry in the array setting the properties requested\n\n if (Array.isArray(val)) {\n for (var j = 0, jLen = val.length; j < jLen; j++) {\n o = {};\n setData(o, val[j], innerSrc);\n data[a[i]].push(o);\n }\n } else {\n // We've been asked to save data to an array, but it\n // isn't array data to be saved. Best that can be done\n // is to just save the value.\n data[a[i]] = val;\n } // The inner call to setData has already traversed through the remainder\n // of the source and has set the data, thus we can exit here\n\n\n return;\n } else if (funcNotation) {\n // Function call\n a[i] = a[i].replace(__reFn, '');\n data = data[a[i]](val);\n } // If the nested object doesn't currently exist - since we are\n // trying to set the value - create it\n\n\n if (data[a[i]] === null || data[a[i]] === undefined) {\n data[a[i]] = {};\n }\n\n data = data[a[i]];\n } // Last item in the input - i.e, the actual set\n\n\n if (aLast.match(__reFn)) {\n // Function call\n data = data[aLast.replace(__reFn, '')](val);\n } else {\n // If array notation is used, we just want to strip it and use the property name\n // and assign the value. If it isn't used, then we get the result we want anyway\n data[aLast.replace(__reArray, '')] = val;\n }\n };\n\n return function (data, val) {\n // meta is also passed in, but not used\n return setData(data, val, source);\n };\n } else {\n // Array or flat object mapping\n return function (data, val) {\n // meta is also passed in, but not used\n data[source] = val;\n };\n }\n },\n\n /**\n * Create a function that will read nested objects from arrays, based on JSON notation\n * @param {*} source JSON notation string\n * @returns Value read\n */\n get: function (source) {\n if ($.isPlainObject(source)) {\n // Build an object of get functions, and wrap them in a single call\n var o = {};\n $.each(source, function (key, val) {\n if (val) {\n o[key] = DataTable.util.get(val);\n }\n });\n return function (data, type, row, meta) {\n var t = o[type] || o._;\n return t !== undefined ? t(data, type, row, meta) : data;\n };\n } else if (source === null) {\n // Give an empty string for rendering / sorting etc\n return function (data) {\n // type, row and meta also passed, but not used\n return data;\n };\n } else if (typeof source === 'function') {\n return function (data, type, row, meta) {\n return source(data, type, row, meta);\n };\n } else if (typeof source === 'string' && (source.indexOf('.') !== -1 || source.indexOf('[') !== -1 || source.indexOf('(') !== -1)) {\n /* If there is a . in the source string then the data source is in a\n * nested object so we loop over the data for each level to get the next\n * level down. On each loop we test for undefined, and if found immediately\n * return. This allows entire objects to be missing and sDefaultContent to\n * be used if defined, rather than throwing an error\n */\n var fetchData = function (data, type, src) {\n var arrayNotation, funcNotation, out, innerSrc;\n\n if (src !== \"\") {\n var a = _fnSplitObjNotation(src);\n\n for (var i = 0, iLen = a.length; i < iLen; i++) {\n // Check if we are dealing with special notation\n arrayNotation = a[i].match(__reArray);\n funcNotation = a[i].match(__reFn);\n\n if (arrayNotation) {\n // Array notation\n a[i] = a[i].replace(__reArray, ''); // Condition allows simply [] to be passed in\n\n if (a[i] !== \"\") {\n data = data[a[i]];\n }\n\n out = []; // Get the remainder of the nested object to get\n\n a.splice(0, i + 1);\n innerSrc = a.join('.'); // Traverse each entry in the array getting the properties requested\n\n if (Array.isArray(data)) {\n for (var j = 0, jLen = data.length; j < jLen; j++) {\n out.push(fetchData(data[j], type, innerSrc));\n }\n } // If a string is given in between the array notation indicators, that\n // is used to join the strings together, otherwise an array is returned\n\n\n var join = arrayNotation[0].substring(1, arrayNotation[0].length - 1);\n data = join === \"\" ? out : out.join(join); // The inner call to fetchData has already traversed through the remainder\n // of the source requested, so we exit from the loop\n\n break;\n } else if (funcNotation) {\n // Function call\n a[i] = a[i].replace(__reFn, '');\n data = data[a[i]]();\n continue;\n }\n\n if (data === null || data[a[i]] === undefined) {\n return undefined;\n }\n\n data = data[a[i]];\n }\n }\n\n return data;\n };\n\n return function (data, type) {\n // row and meta also passed, but not used\n return fetchData(data, type, source);\n };\n } else {\n // Array or flat object mapping\n return function (data, type) {\n // row and meta also passed, but not used\n return data[source];\n };\n }\n }\n };\n /**\n * Create a mapping object that allows camel case parameters to be looked up\n * for their Hungarian counterparts. The mapping is stored in a private\n * parameter called `_hungarianMap` which can be accessed on the source object.\n * @param {object} o\n * @memberof DataTable#oApi\n */\n\n function _fnHungarianMap(o) {\n var hungarian = 'a aa ai ao as b fn i m o s ',\n match,\n newKey,\n map = {};\n $.each(o, function (key, val) {\n match = key.match(/^([^A-Z]+?)([A-Z])/);\n\n if (match && hungarian.indexOf(match[1] + ' ') !== -1) {\n newKey = key.replace(match[0], match[2].toLowerCase());\n map[newKey] = key;\n\n if (match[1] === 'o') {\n _fnHungarianMap(o[key]);\n }\n }\n });\n o._hungarianMap = map;\n }\n /**\n * Convert from camel case parameters to Hungarian, based on a Hungarian map\n * created by _fnHungarianMap.\n * @param {object} src The model object which holds all parameters that can be\n * mapped.\n * @param {object} user The object to convert from camel case to Hungarian.\n * @param {boolean} force When set to `true`, properties which already have a\n * Hungarian value in the `user` object will be overwritten. Otherwise they\n * won't be.\n * @memberof DataTable#oApi\n */\n\n\n function _fnCamelToHungarian(src, user, force) {\n if (!src._hungarianMap) {\n _fnHungarianMap(src);\n }\n\n var hungarianKey;\n $.each(user, function (key, val) {\n hungarianKey = src._hungarianMap[key];\n\n if (hungarianKey !== undefined && (force || user[hungarianKey] === undefined)) {\n // For objects, we need to buzz down into the object to copy parameters\n if (hungarianKey.charAt(0) === 'o') {\n // Copy the camelCase options over to the hungarian\n if (!user[hungarianKey]) {\n user[hungarianKey] = {};\n }\n\n $.extend(true, user[hungarianKey], user[key]);\n\n _fnCamelToHungarian(src[hungarianKey], user[hungarianKey], force);\n } else {\n user[hungarianKey] = user[key];\n }\n }\n });\n }\n /**\n * Language compatibility - when certain options are given, and others aren't, we\n * need to duplicate the values over, in order to provide backwards compatibility\n * with older language files.\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnLanguageCompat(lang) {\n // Note the use of the Hungarian notation for the parameters in this method as\n // this is called after the mapping of camelCase to Hungarian\n var defaults = DataTable.defaults.oLanguage; // Default mapping\n\n var defaultDecimal = defaults.sDecimal;\n\n if (defaultDecimal) {\n _addNumericSort(defaultDecimal);\n }\n\n if (lang) {\n var zeroRecords = lang.sZeroRecords; // Backwards compatibility - if there is no sEmptyTable given, then use the same as\n // sZeroRecords - assuming that is given.\n\n if (!lang.sEmptyTable && zeroRecords && defaults.sEmptyTable === \"No data available in table\") {\n _fnMap(lang, lang, 'sZeroRecords', 'sEmptyTable');\n } // Likewise with loading records\n\n\n if (!lang.sLoadingRecords && zeroRecords && defaults.sLoadingRecords === \"Loading...\") {\n _fnMap(lang, lang, 'sZeroRecords', 'sLoadingRecords');\n } // Old parameter name of the thousands separator mapped onto the new\n\n\n if (lang.sInfoThousands) {\n lang.sThousands = lang.sInfoThousands;\n }\n\n var decimal = lang.sDecimal;\n\n if (decimal && defaultDecimal !== decimal) {\n _addNumericSort(decimal);\n }\n }\n }\n /**\n * Map one parameter onto another\n * @param {object} o Object to map\n * @param {*} knew The new parameter name\n * @param {*} old The old parameter name\n */\n\n\n var _fnCompatMap = function (o, knew, old) {\n if (o[knew] !== undefined) {\n o[old] = o[knew];\n }\n };\n /**\n * Provide backwards compatibility for the main DT options. Note that the new\n * options are mapped onto the old parameters, so this is an external interface\n * change only.\n * @param {object} init Object to map\n */\n\n\n function _fnCompatOpts(init) {\n _fnCompatMap(init, 'ordering', 'bSort');\n\n _fnCompatMap(init, 'orderMulti', 'bSortMulti');\n\n _fnCompatMap(init, 'orderClasses', 'bSortClasses');\n\n _fnCompatMap(init, 'orderCellsTop', 'bSortCellsTop');\n\n _fnCompatMap(init, 'order', 'aaSorting');\n\n _fnCompatMap(init, 'orderFixed', 'aaSortingFixed');\n\n _fnCompatMap(init, 'paging', 'bPaginate');\n\n _fnCompatMap(init, 'pagingType', 'sPaginationType');\n\n _fnCompatMap(init, 'pageLength', 'iDisplayLength');\n\n _fnCompatMap(init, 'searching', 'bFilter'); // Boolean initialisation of x-scrolling\n\n\n if (typeof init.sScrollX === 'boolean') {\n init.sScrollX = init.sScrollX ? '100%' : '';\n }\n\n if (typeof init.scrollX === 'boolean') {\n init.scrollX = init.scrollX ? '100%' : '';\n } // Column search objects are in an array, so it needs to be converted\n // element by element\n\n\n var searchCols = init.aoSearchCols;\n\n if (searchCols) {\n for (var i = 0, ien = searchCols.length; i < ien; i++) {\n if (searchCols[i]) {\n _fnCamelToHungarian(DataTable.models.oSearch, searchCols[i]);\n }\n }\n }\n }\n /**\n * Provide backwards compatibility for column options. Note that the new options\n * are mapped onto the old parameters, so this is an external interface change\n * only.\n * @param {object} init Object to map\n */\n\n\n function _fnCompatCols(init) {\n _fnCompatMap(init, 'orderable', 'bSortable');\n\n _fnCompatMap(init, 'orderData', 'aDataSort');\n\n _fnCompatMap(init, 'orderSequence', 'asSorting');\n\n _fnCompatMap(init, 'orderDataType', 'sortDataType'); // orderData can be given as an integer\n\n\n var dataSort = init.aDataSort;\n\n if (typeof dataSort === 'number' && !Array.isArray(dataSort)) {\n init.aDataSort = [dataSort];\n }\n }\n /**\n * Browser feature detection for capabilities, quirks\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnBrowserDetect(settings) {\n // We don't need to do this every time DataTables is constructed, the values\n // calculated are specific to the browser and OS configuration which we\n // don't expect to change between initialisations\n if (!DataTable.__browser) {\n var browser = {};\n DataTable.__browser = browser; // Scrolling feature / quirks detection\n\n var n = $('').css({\n position: 'fixed',\n top: 0,\n left: $(window).scrollLeft() * -1,\n // allow for scrolling\n height: 1,\n width: 1,\n overflow: 'hidden'\n }).append($('').css({\n position: 'absolute',\n top: 1,\n left: 1,\n width: 100,\n overflow: 'scroll'\n }).append($('').css({\n width: '100%',\n height: 10\n }))).appendTo('body');\n var outer = n.children();\n var inner = outer.children(); // Numbers below, in order, are:\n // inner.offsetWidth, inner.clientWidth, outer.offsetWidth, outer.clientWidth\n //\n // IE6 XP: 100 100 100 83\n // IE7 Vista: 100 100 100 83\n // IE 8+ Windows: 83 83 100 83\n // Evergreen Windows: 83 83 100 83\n // Evergreen Mac with scrollbars: 85 85 100 85\n // Evergreen Mac without scrollbars: 100 100 100 100\n // Get scrollbar width\n\n browser.barWidth = outer[0].offsetWidth - outer[0].clientWidth; // IE6/7 will oversize a width 100% element inside a scrolling element, to\n // include the width of the scrollbar, while other browsers ensure the inner\n // element is contained without forcing scrolling\n\n browser.bScrollOversize = inner[0].offsetWidth === 100 && outer[0].clientWidth !== 100; // In rtl text layout, some browsers (most, but not all) will place the\n // scrollbar on the left, rather than the right.\n\n browser.bScrollbarLeft = Math.round(inner.offset().left) !== 1; // IE8- don't provide height and width for getBoundingClientRect\n\n browser.bBounding = n[0].getBoundingClientRect().width ? true : false;\n n.remove();\n }\n\n $.extend(settings.oBrowser, DataTable.__browser);\n settings.oScroll.iBarWidth = DataTable.__browser.barWidth;\n }\n /**\n * Array.prototype reduce[Right] method, used for browsers which don't support\n * JS 1.6. Done this way to reduce code size, since we iterate either way\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnReduce(that, fn, init, start, end, inc) {\n var i = start,\n value,\n isSet = false;\n\n if (init !== undefined) {\n value = init;\n isSet = true;\n }\n\n while (i !== end) {\n if (!that.hasOwnProperty(i)) {\n continue;\n }\n\n value = isSet ? fn(value, that[i], i, that) : that[i];\n isSet = true;\n i += inc;\n }\n\n return value;\n }\n /**\n * Add a column to the list used for the table with default values\n * @param {object} oSettings dataTables settings object\n * @param {node} nTh The th element for this column\n * @memberof DataTable#oApi\n */\n\n\n function _fnAddColumn(oSettings, nTh) {\n // Add column to aoColumns array\n var oDefaults = DataTable.defaults.column;\n var iCol = oSettings.aoColumns.length;\n var oCol = $.extend({}, DataTable.models.oColumn, oDefaults, {\n \"nTh\": nTh ? nTh : document.createElement('th'),\n \"sTitle\": oDefaults.sTitle ? oDefaults.sTitle : nTh ? nTh.innerHTML : '',\n \"aDataSort\": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol],\n \"mData\": oDefaults.mData ? oDefaults.mData : iCol,\n idx: iCol\n });\n oSettings.aoColumns.push(oCol); // Add search object for column specific search. Note that the `searchCols[ iCol ]`\n // passed into extend can be undefined. This allows the user to give a default\n // with only some of the parameters defined, and also not give a default\n\n var searchCols = oSettings.aoPreSearchCols;\n searchCols[iCol] = $.extend({}, DataTable.models.oSearch, searchCols[iCol]); // Use the default column options function to initialise classes etc\n\n _fnColumnOptions(oSettings, iCol, $(nTh).data());\n }\n /**\n * Apply options for a column\n * @param {object} oSettings dataTables settings object\n * @param {int} iCol column index to consider\n * @param {object} oOptions object with sType, bVisible and bSearchable etc\n * @memberof DataTable#oApi\n */\n\n\n function _fnColumnOptions(oSettings, iCol, oOptions) {\n var oCol = oSettings.aoColumns[iCol];\n var oClasses = oSettings.oClasses;\n var th = $(oCol.nTh); // Try to get width information from the DOM. We can't get it from CSS\n // as we'd need to parse the CSS stylesheet. `width` option can override\n\n if (!oCol.sWidthOrig) {\n // Width attribute\n oCol.sWidthOrig = th.attr('width') || null; // Style attribute\n\n var t = (th.attr('style') || '').match(/width:\\s*(\\d+[pxem%]+)/);\n\n if (t) {\n oCol.sWidthOrig = t[1];\n }\n }\n /* User specified column options */\n\n\n if (oOptions !== undefined && oOptions !== null) {\n // Backwards compatibility\n _fnCompatCols(oOptions); // Map camel case parameters to their Hungarian counterparts\n\n\n _fnCamelToHungarian(DataTable.defaults.column, oOptions, true);\n /* Backwards compatibility for mDataProp */\n\n\n if (oOptions.mDataProp !== undefined && !oOptions.mData) {\n oOptions.mData = oOptions.mDataProp;\n }\n\n if (oOptions.sType) {\n oCol._sManualType = oOptions.sType;\n } // `class` is a reserved word in Javascript, so we need to provide\n // the ability to use a valid name for the camel case input\n\n\n if (oOptions.className && !oOptions.sClass) {\n oOptions.sClass = oOptions.className;\n }\n\n if (oOptions.sClass) {\n th.addClass(oOptions.sClass);\n }\n\n var origClass = oCol.sClass;\n $.extend(oCol, oOptions);\n\n _fnMap(oCol, oOptions, \"sWidth\", \"sWidthOrig\"); // Merge class from previously defined classes with this one, rather than just\n // overwriting it in the extend above\n\n\n if (origClass !== oCol.sClass) {\n oCol.sClass = origClass + ' ' + oCol.sClass;\n }\n /* iDataSort to be applied (backwards compatibility), but aDataSort will take\n * priority if defined\n */\n\n\n if (oOptions.iDataSort !== undefined) {\n oCol.aDataSort = [oOptions.iDataSort];\n }\n\n _fnMap(oCol, oOptions, \"aDataSort\");\n }\n /* Cache the data get and set functions for speed */\n\n\n var mDataSrc = oCol.mData;\n\n var mData = _fnGetObjectDataFn(mDataSrc);\n\n var mRender = oCol.mRender ? _fnGetObjectDataFn(oCol.mRender) : null;\n\n var attrTest = function (src) {\n return typeof src === 'string' && src.indexOf('@') !== -1;\n };\n\n oCol._bAttrSrc = $.isPlainObject(mDataSrc) && (attrTest(mDataSrc.sort) || attrTest(mDataSrc.type) || attrTest(mDataSrc.filter));\n oCol._setter = null;\n\n oCol.fnGetData = function (rowData, type, meta) {\n var innerData = mData(rowData, type, undefined, meta);\n return mRender && type ? mRender(innerData, type, rowData, meta) : innerData;\n };\n\n oCol.fnSetData = function (rowData, val, meta) {\n return _fnSetObjectDataFn(mDataSrc)(rowData, val, meta);\n }; // Indicate if DataTables should read DOM data as an object or array\n // Used in _fnGetRowElements\n\n\n if (typeof mDataSrc !== 'number') {\n oSettings._rowReadObject = true;\n }\n /* Feature sorting overrides column specific when off */\n\n\n if (!oSettings.oFeatures.bSort) {\n oCol.bSortable = false;\n th.addClass(oClasses.sSortableNone); // Have to add class here as order event isn't called\n }\n /* Check that the class assignment is correct for sorting */\n\n\n var bAsc = $.inArray('asc', oCol.asSorting) !== -1;\n var bDesc = $.inArray('desc', oCol.asSorting) !== -1;\n\n if (!oCol.bSortable || !bAsc && !bDesc) {\n oCol.sSortingClass = oClasses.sSortableNone;\n oCol.sSortingClassJUI = \"\";\n } else if (bAsc && !bDesc) {\n oCol.sSortingClass = oClasses.sSortableAsc;\n oCol.sSortingClassJUI = oClasses.sSortJUIAscAllowed;\n } else if (!bAsc && bDesc) {\n oCol.sSortingClass = oClasses.sSortableDesc;\n oCol.sSortingClassJUI = oClasses.sSortJUIDescAllowed;\n } else {\n oCol.sSortingClass = oClasses.sSortable;\n oCol.sSortingClassJUI = oClasses.sSortJUI;\n }\n }\n /**\n * Adjust the table column widths for new data. Note: you would probably want to\n * do a redraw after calling this function!\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnAdjustColumnSizing(settings) {\n /* Not interested in doing column width calculation if auto-width is disabled */\n if (settings.oFeatures.bAutoWidth !== false) {\n var columns = settings.aoColumns;\n\n _fnCalculateColumnWidths(settings);\n\n for (var i = 0, iLen = columns.length; i < iLen; i++) {\n columns[i].nTh.style.width = columns[i].sWidth;\n }\n }\n\n var scroll = settings.oScroll;\n\n if (scroll.sY !== '' || scroll.sX !== '') {\n _fnScrollDraw(settings);\n }\n\n _fnCallbackFire(settings, null, 'column-sizing', [settings]);\n }\n /**\n * Convert the index of a visible column to the index in the data array (take account\n * of hidden columns)\n * @param {object} oSettings dataTables settings object\n * @param {int} iMatch Visible column index to lookup\n * @returns {int} i the data index\n * @memberof DataTable#oApi\n */\n\n\n function _fnVisibleToColumnIndex(oSettings, iMatch) {\n var aiVis = _fnGetColumns(oSettings, 'bVisible');\n\n return typeof aiVis[iMatch] === 'number' ? aiVis[iMatch] : null;\n }\n /**\n * Convert the index of an index in the data array and convert it to the visible\n * column index (take account of hidden columns)\n * @param {int} iMatch Column index to lookup\n * @param {object} oSettings dataTables settings object\n * @returns {int} i the data index\n * @memberof DataTable#oApi\n */\n\n\n function _fnColumnIndexToVisible(oSettings, iMatch) {\n var aiVis = _fnGetColumns(oSettings, 'bVisible');\n\n var iPos = $.inArray(iMatch, aiVis);\n return iPos !== -1 ? iPos : null;\n }\n /**\n * Get the number of visible columns\n * @param {object} oSettings dataTables settings object\n * @returns {int} i the number of visible columns\n * @memberof DataTable#oApi\n */\n\n\n function _fnVisbleColumns(oSettings) {\n var vis = 0; // No reduce in IE8, use a loop for now\n\n $.each(oSettings.aoColumns, function (i, col) {\n if (col.bVisible && $(col.nTh).css('display') !== 'none') {\n vis++;\n }\n });\n return vis;\n }\n /**\n * Get an array of column indexes that match a given property\n * @param {object} oSettings dataTables settings object\n * @param {string} sParam Parameter in aoColumns to look for - typically\n * bVisible or bSearchable\n * @returns {array} Array of indexes with matched properties\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetColumns(oSettings, sParam) {\n var a = [];\n $.map(oSettings.aoColumns, function (val, i) {\n if (val[sParam]) {\n a.push(i);\n }\n });\n return a;\n }\n /**\n * Calculate the 'type' of a column\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnColumnTypes(settings) {\n var columns = settings.aoColumns;\n var data = settings.aoData;\n var types = DataTable.ext.type.detect;\n var i, ien, j, jen, k, ken;\n var col, cell, detectedType, cache; // For each column, spin over the \n\n for (i = 0, ien = columns.length; i < ien; i++) {\n col = columns[i];\n cache = [];\n\n if (!col.sType && col._sManualType) {\n col.sType = col._sManualType;\n } else if (!col.sType) {\n for (j = 0, jen = types.length; j < jen; j++) {\n for (k = 0, ken = data.length; k < ken; k++) {\n // Use a cache array so we only need to get the type data\n // from the formatter once (when using multiple detectors)\n if (cache[k] === undefined) {\n cache[k] = _fnGetCellData(settings, k, i, 'type');\n }\n\n detectedType = types[j](cache[k], settings); // If null, then this type can't apply to this column, so\n // rather than testing all cells, break out. There is an\n // exception for the last type which is `html`. We need to\n // scan all rows since it is possible to mix string and HTML\n // types\n\n if (!detectedType && j !== types.length - 1) {\n break;\n } // Only a single match is needed for html type since it is\n // bottom of the pile and very similar to string - but it\n // must not be empty\n\n\n if (detectedType === 'html' && !_empty(cache[k])) {\n break;\n }\n } // Type is valid for all data points in the column - use this\n // type\n\n\n if (detectedType) {\n col.sType = detectedType;\n break;\n }\n } // Fall back - if no type was detected, always use string\n\n\n if (!col.sType) {\n col.sType = 'string';\n }\n }\n }\n }\n /**\n * Take the column definitions and static columns arrays and calculate how\n * they relate to column indexes. The callback function will then apply the\n * definition found for a column to a suitable configuration object.\n * @param {object} oSettings dataTables settings object\n * @param {array} aoColDefs The aoColumnDefs array that is to be applied\n * @param {array} aoCols The aoColumns array that defines columns individually\n * @param {function} fn Callback function - takes two parameters, the calculated\n * column index and the definition for that column.\n * @memberof DataTable#oApi\n */\n\n\n function _fnApplyColumnDefs(oSettings, aoColDefs, aoCols, fn) {\n var i, iLen, j, jLen, k, kLen, def;\n var columns = oSettings.aoColumns; // Column definitions with aTargets\n\n if (aoColDefs) {\n /* Loop over the definitions array - loop in reverse so first instance has priority */\n for (i = aoColDefs.length - 1; i >= 0; i--) {\n def = aoColDefs[i];\n /* Each definition can target multiple columns, as it is an array */\n\n var aTargets = def.target !== undefined ? def.target : def.targets !== undefined ? def.targets : def.aTargets;\n\n if (!Array.isArray(aTargets)) {\n aTargets = [aTargets];\n }\n\n for (j = 0, jLen = aTargets.length; j < jLen; j++) {\n if (typeof aTargets[j] === 'number' && aTargets[j] >= 0) {\n /* Add columns that we don't yet know about */\n while (columns.length <= aTargets[j]) {\n _fnAddColumn(oSettings);\n }\n /* Integer, basic index */\n\n\n fn(aTargets[j], def);\n } else if (typeof aTargets[j] === 'number' && aTargets[j] < 0) {\n /* Negative integer, right to left column counting */\n fn(columns.length + aTargets[j], def);\n } else if (typeof aTargets[j] === 'string') {\n /* Class name matching on TH element */\n for (k = 0, kLen = columns.length; k < kLen; k++) {\n if (aTargets[j] == \"_all\" || $(columns[k].nTh).hasClass(aTargets[j])) {\n fn(k, def);\n }\n }\n }\n }\n }\n } // Statically defined columns array\n\n\n if (aoCols) {\n for (i = 0, iLen = aoCols.length; i < iLen; i++) {\n fn(i, aoCols[i]);\n }\n }\n }\n /**\n * Add a data array to the table, creating DOM node etc. This is the parallel to\n * _fnGatherData, but for adding rows from a Javascript source, rather than a\n * DOM source.\n * @param {object} oSettings dataTables settings object\n * @param {array} aData data array to be added\n * @param {node} [nTr] TR element to add to the table - optional. If not given,\n * DataTables will create a row automatically\n * @param {array} [anTds] Array of TD|TH elements for the row - must be given\n * if nTr is.\n * @returns {int} >=0 if successful (index of new aoData entry), -1 if failed\n * @memberof DataTable#oApi\n */\n\n\n function _fnAddData(oSettings, aDataIn, nTr, anTds) {\n /* Create the object for storing information about this new row */\n var iRow = oSettings.aoData.length;\n var oData = $.extend(true, {}, DataTable.models.oRow, {\n src: nTr ? 'dom' : 'data',\n idx: iRow\n });\n oData._aData = aDataIn;\n oSettings.aoData.push(oData);\n /* Create the cells */\n\n var nTd, sThisType;\n var columns = oSettings.aoColumns; // Invalidate the column types as the new data needs to be revalidated\n\n for (var i = 0, iLen = columns.length; i < iLen; i++) {\n columns[i].sType = null;\n }\n /* Add to the display array */\n\n\n oSettings.aiDisplayMaster.push(iRow);\n var id = oSettings.rowIdFn(aDataIn);\n\n if (id !== undefined) {\n oSettings.aIds[id] = oData;\n }\n /* Create the DOM information, or register it if already present */\n\n\n if (nTr || !oSettings.oFeatures.bDeferRender) {\n _fnCreateTr(oSettings, iRow, nTr, anTds);\n }\n\n return iRow;\n }\n /**\n * Add one or more TR elements to the table. Generally we'd expect to\n * use this for reading data from a DOM sourced table, but it could be\n * used for an TR element. Note that if a TR is given, it is used (i.e.\n * it is not cloned).\n * @param {object} settings dataTables settings object\n * @param {array|node|jQuery} trs The TR element(s) to add to the table\n * @returns {array} Array of indexes for the added rows\n * @memberof DataTable#oApi\n */\n\n\n function _fnAddTr(settings, trs) {\n var row; // Allow an individual node to be passed in\n\n if (!(trs instanceof $)) {\n trs = $(trs);\n }\n\n return trs.map(function (i, el) {\n row = _fnGetRowElements(settings, el);\n return _fnAddData(settings, row.data, el, row.cells);\n });\n }\n /**\n * Take a TR element and convert it to an index in aoData\n * @param {object} oSettings dataTables settings object\n * @param {node} n the TR element to find\n * @returns {int} index if the node is found, null if not\n * @memberof DataTable#oApi\n */\n\n\n function _fnNodeToDataIndex(oSettings, n) {\n return n._DT_RowIndex !== undefined ? n._DT_RowIndex : null;\n }\n /**\n * Take a TD element and convert it into a column data index (not the visible index)\n * @param {object} oSettings dataTables settings object\n * @param {int} iRow The row number the TD/TH can be found in\n * @param {node} n The TD/TH element to find\n * @returns {int} index if the node is found, -1 if not\n * @memberof DataTable#oApi\n */\n\n\n function _fnNodeToColumnIndex(oSettings, iRow, n) {\n return $.inArray(n, oSettings.aoData[iRow].anCells);\n }\n /**\n * Get the data for a given cell from the internal cache, taking into account data mapping\n * @param {object} settings dataTables settings object\n * @param {int} rowIdx aoData row id\n * @param {int} colIdx Column index\n * @param {string} type data get type ('display', 'type' 'filter|search' 'sort|order')\n * @returns {*} Cell data\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetCellData(settings, rowIdx, colIdx, type) {\n if (type === 'search') {\n type = 'filter';\n } else if (type === 'order') {\n type = 'sort';\n }\n\n var draw = settings.iDraw;\n var col = settings.aoColumns[colIdx];\n var rowData = settings.aoData[rowIdx]._aData;\n var defaultContent = col.sDefaultContent;\n var cellData = col.fnGetData(rowData, type, {\n settings: settings,\n row: rowIdx,\n col: colIdx\n });\n\n if (cellData === undefined) {\n if (settings.iDrawError != draw && defaultContent === null) {\n _fnLog(settings, 0, \"Requested unknown parameter \" + (typeof col.mData == 'function' ? '{function}' : \"'\" + col.mData + \"'\") + \" for row \" + rowIdx + \", column \" + colIdx, 4);\n\n settings.iDrawError = draw;\n }\n\n return defaultContent;\n } // When the data source is null and a specific data type is requested (i.e.\n // not the original data), we can use default column data\n\n\n if ((cellData === rowData || cellData === null) && defaultContent !== null && type !== undefined) {\n cellData = defaultContent;\n } else if (typeof cellData === 'function') {\n // If the data source is a function, then we run it and use the return,\n // executing in the scope of the data object (for instances)\n return cellData.call(rowData);\n }\n\n if (cellData === null && type === 'display') {\n return '';\n }\n\n if (type === 'filter') {\n var fomatters = DataTable.ext.type.search;\n\n if (fomatters[col.sType]) {\n cellData = fomatters[col.sType](cellData);\n }\n }\n\n return cellData;\n }\n /**\n * Set the value for a specific cell, into the internal data cache\n * @param {object} settings dataTables settings object\n * @param {int} rowIdx aoData row id\n * @param {int} colIdx Column index\n * @param {*} val Value to set\n * @memberof DataTable#oApi\n */\n\n\n function _fnSetCellData(settings, rowIdx, colIdx, val) {\n var col = settings.aoColumns[colIdx];\n var rowData = settings.aoData[rowIdx]._aData;\n col.fnSetData(rowData, val, {\n settings: settings,\n row: rowIdx,\n col: colIdx\n });\n } // Private variable that is used to match action syntax in the data property object\n\n\n var __reArray = /\\[.*?\\]$/;\n var __reFn = /\\(\\)$/;\n /**\n * Split string on periods, taking into account escaped periods\n * @param {string} str String to split\n * @return {array} Split string\n */\n\n function _fnSplitObjNotation(str) {\n return $.map(str.match(/(\\\\.|[^\\.])+/g) || [''], function (s) {\n return s.replace(/\\\\\\./g, '.');\n });\n }\n /**\n * Return a function that can be used to get data from a source object, taking\n * into account the ability to use nested objects as a source\n * @param {string|int|function} mSource The data source for the object\n * @returns {function} Data get function\n * @memberof DataTable#oApi\n */\n\n\n var _fnGetObjectDataFn = DataTable.util.get;\n /**\n * Return a function that can be used to set data from a source object, taking\n * into account the ability to use nested objects as a source\n * @param {string|int|function} mSource The data source for the object\n * @returns {function} Data set function\n * @memberof DataTable#oApi\n */\n\n var _fnSetObjectDataFn = DataTable.util.set;\n /**\n * Return an array with the full table data\n * @param {object} oSettings dataTables settings object\n * @returns array {array} aData Master data array\n * @memberof DataTable#oApi\n */\n\n function _fnGetDataMaster(settings) {\n return _pluck(settings.aoData, '_aData');\n }\n /**\n * Nuke the table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnClearTable(settings) {\n settings.aoData.length = 0;\n settings.aiDisplayMaster.length = 0;\n settings.aiDisplay.length = 0;\n settings.aIds = {};\n }\n /**\n * Take an array of integers (index array) and remove a target integer (value - not\n * the key!)\n * @param {array} a Index array to target\n * @param {int} iTarget value to find\n * @memberof DataTable#oApi\n */\n\n\n function _fnDeleteIndex(a, iTarget, splice) {\n var iTargetIndex = -1;\n\n for (var i = 0, iLen = a.length; i < iLen; i++) {\n if (a[i] == iTarget) {\n iTargetIndex = i;\n } else if (a[i] > iTarget) {\n a[i]--;\n }\n }\n\n if (iTargetIndex != -1 && splice === undefined) {\n a.splice(iTargetIndex, 1);\n }\n }\n /**\n * Mark cached data as invalid such that a re-read of the data will occur when\n * the cached data is next requested. Also update from the data source object.\n *\n * @param {object} settings DataTables settings object\n * @param {int} rowIdx Row index to invalidate\n * @param {string} [src] Source to invalidate from: undefined, 'auto', 'dom'\n * or 'data'\n * @param {int} [colIdx] Column index to invalidate. If undefined the whole\n * row will be invalidated\n * @memberof DataTable#oApi\n *\n * @todo For the modularisation of v1.11 this will need to become a callback, so\n * the sort and filter methods can subscribe to it. That will required\n * initialisation options for sorting, which is why it is not already baked in\n */\n\n\n function _fnInvalidate(settings, rowIdx, src, colIdx) {\n var row = settings.aoData[rowIdx];\n var i, ien;\n\n var cellWrite = function (cell, col) {\n // This is very frustrating, but in IE if you just write directly\n // to innerHTML, and elements that are overwritten are GC'ed,\n // even if there is a reference to them elsewhere\n while (cell.childNodes.length) {\n cell.removeChild(cell.firstChild);\n }\n\n cell.innerHTML = _fnGetCellData(settings, rowIdx, col, 'display');\n }; // Are we reading last data from DOM or the data object?\n\n\n if (src === 'dom' || (!src || src === 'auto') && row.src === 'dom') {\n // Read the data from the DOM\n row._aData = _fnGetRowElements(settings, row, colIdx, colIdx === undefined ? undefined : row._aData).data;\n } else {\n // Reading from data object, update the DOM\n var cells = row.anCells;\n\n if (cells) {\n if (colIdx !== undefined) {\n cellWrite(cells[colIdx], colIdx);\n } else {\n for (i = 0, ien = cells.length; i < ien; i++) {\n cellWrite(cells[i], i);\n }\n }\n }\n } // For both row and cell invalidation, the cached data for sorting and\n // filtering is nulled out\n\n\n row._aSortData = null;\n row._aFilterData = null; // Invalidate the type for a specific column (if given) or all columns since\n // the data might have changed\n\n var cols = settings.aoColumns;\n\n if (colIdx !== undefined) {\n cols[colIdx].sType = null;\n } else {\n for (i = 0, ien = cols.length; i < ien; i++) {\n cols[i].sType = null;\n } // Update DataTables special `DT_*` attributes for the row\n\n\n _fnRowAttributes(settings, row);\n }\n }\n /**\n * Build a data source object from an HTML row, reading the contents of the\n * cells that are in the row.\n *\n * @param {object} settings DataTables settings object\n * @param {node|object} TR element from which to read data or existing row\n * object from which to re-read the data from the cells\n * @param {int} [colIdx] Optional column index\n * @param {array|object} [d] Data source object. If `colIdx` is given then this\n * parameter should also be given and will be used to write the data into.\n * Only the column in question will be written\n * @returns {object} Object with two parameters: `data` the data read, in\n * document order, and `cells` and array of nodes (they can be useful to the\n * caller, so rather than needing a second traversal to get them, just return\n * them from here).\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetRowElements(settings, row, colIdx, d) {\n var tds = [],\n td = row.firstChild,\n name,\n col,\n o,\n i = 0,\n contents,\n columns = settings.aoColumns,\n objectRead = settings._rowReadObject; // Allow the data object to be passed in, or construct\n\n d = d !== undefined ? d : objectRead ? {} : [];\n\n var attr = function (str, td) {\n if (typeof str === 'string') {\n var idx = str.indexOf('@');\n\n if (idx !== -1) {\n var attr = str.substring(idx + 1);\n\n var setter = _fnSetObjectDataFn(str);\n\n setter(d, td.getAttribute(attr));\n }\n }\n }; // Read data from a cell and store into the data object\n\n\n var cellProcess = function (cell) {\n if (colIdx === undefined || colIdx === i) {\n col = columns[i];\n contents = cell.innerHTML.trim();\n\n if (col && col._bAttrSrc) {\n var setter = _fnSetObjectDataFn(col.mData._);\n\n setter(d, contents);\n attr(col.mData.sort, cell);\n attr(col.mData.type, cell);\n attr(col.mData.filter, cell);\n } else {\n // Depending on the `data` option for the columns the data can\n // be read to either an object or an array.\n if (objectRead) {\n if (!col._setter) {\n // Cache the setter function\n col._setter = _fnSetObjectDataFn(col.mData);\n }\n\n col._setter(d, contents);\n } else {\n d[i] = contents;\n }\n }\n }\n\n i++;\n };\n\n if (td) {\n // `tr` element was passed in\n while (td) {\n name = td.nodeName.toUpperCase();\n\n if (name == \"TD\" || name == \"TH\") {\n cellProcess(td);\n tds.push(td);\n }\n\n td = td.nextSibling;\n }\n } else {\n // Existing row object passed in\n tds = row.anCells;\n\n for (var j = 0, jen = tds.length; j < jen; j++) {\n cellProcess(tds[j]);\n }\n } // Read the ID from the DOM if present\n\n\n var rowNode = row.firstChild ? row : row.nTr;\n\n if (rowNode) {\n var id = rowNode.getAttribute('id');\n\n if (id) {\n _fnSetObjectDataFn(settings.rowId)(d, id);\n }\n }\n\n return {\n data: d,\n cells: tds\n };\n }\n /**\n * Create a new TR element (and it's TD children) for a row\n * @param {object} oSettings dataTables settings object\n * @param {int} iRow Row to consider\n * @param {node} [nTrIn] TR element to add to the table - optional. If not given,\n * DataTables will create a row automatically\n * @param {array} [anTds] Array of TD|TH elements for the row - must be given\n * if nTr is.\n * @memberof DataTable#oApi\n */\n\n\n function _fnCreateTr(oSettings, iRow, nTrIn, anTds) {\n var row = oSettings.aoData[iRow],\n rowData = row._aData,\n cells = [],\n nTr,\n nTd,\n oCol,\n i,\n iLen,\n create;\n\n if (row.nTr === null) {\n nTr = nTrIn || document.createElement('tr');\n row.nTr = nTr;\n row.anCells = cells;\n /* Use a private property on the node to allow reserve mapping from the node\n * to the aoData array for fast look up\n */\n\n nTr._DT_RowIndex = iRow;\n /* Special parameters can be given by the data source to be used on the row */\n\n _fnRowAttributes(oSettings, row);\n /* Process each column */\n\n\n for (i = 0, iLen = oSettings.aoColumns.length; i < iLen; i++) {\n oCol = oSettings.aoColumns[i];\n create = nTrIn ? false : true;\n nTd = create ? document.createElement(oCol.sCellType) : anTds[i];\n nTd._DT_CellIndex = {\n row: iRow,\n column: i\n };\n cells.push(nTd); // Need to create the HTML if new, or if a rendering function is defined\n\n if (create || (oCol.mRender || oCol.mData !== i) && (!$.isPlainObject(oCol.mData) || oCol.mData._ !== i + '.display')) {\n nTd.innerHTML = _fnGetCellData(oSettings, iRow, i, 'display');\n }\n /* Add user defined class */\n\n\n if (oCol.sClass) {\n nTd.className += ' ' + oCol.sClass;\n } // Visibility - add or remove as required\n\n\n if (oCol.bVisible && !nTrIn) {\n nTr.appendChild(nTd);\n } else if (!oCol.bVisible && nTrIn) {\n nTd.parentNode.removeChild(nTd);\n }\n\n if (oCol.fnCreatedCell) {\n oCol.fnCreatedCell.call(oSettings.oInstance, nTd, _fnGetCellData(oSettings, iRow, i), rowData, iRow, i);\n }\n }\n\n _fnCallbackFire(oSettings, 'aoRowCreatedCallback', null, [nTr, rowData, iRow, cells]);\n }\n }\n /**\n * Add attributes to a row based on the special `DT_*` parameters in a data\n * source object.\n * @param {object} settings DataTables settings object\n * @param {object} DataTables row object for the row to be modified\n * @memberof DataTable#oApi\n */\n\n\n function _fnRowAttributes(settings, row) {\n var tr = row.nTr;\n var data = row._aData;\n\n if (tr) {\n var id = settings.rowIdFn(data);\n\n if (id) {\n tr.id = id;\n }\n\n if (data.DT_RowClass) {\n // Remove any classes added by DT_RowClass before\n var a = data.DT_RowClass.split(' ');\n row.__rowc = row.__rowc ? _unique(row.__rowc.concat(a)) : a;\n $(tr).removeClass(row.__rowc.join(' ')).addClass(data.DT_RowClass);\n }\n\n if (data.DT_RowAttr) {\n $(tr).attr(data.DT_RowAttr);\n }\n\n if (data.DT_RowData) {\n $(tr).data(data.DT_RowData);\n }\n }\n }\n /**\n * Create the HTML header for the table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnBuildHead(oSettings) {\n var i, ien, cell, row, column;\n var thead = oSettings.nTHead;\n var tfoot = oSettings.nTFoot;\n var createHeader = $('th, td', thead).length === 0;\n var classes = oSettings.oClasses;\n var columns = oSettings.aoColumns;\n\n if (createHeader) {\n row = $('|
').appendTo(thead);\n }\n\n for (i = 0, ien = columns.length; i < ien; i++) {\n column = columns[i];\n cell = $(column.nTh).addClass(column.sClass);\n\n if (createHeader) {\n cell.appendTo(row);\n } // 1.11 move into sorting\n\n\n if (oSettings.oFeatures.bSort) {\n cell.addClass(column.sSortingClass);\n\n if (column.bSortable !== false) {\n cell.attr('tabindex', oSettings.iTabIndex).attr('aria-controls', oSettings.sTableId);\n\n _fnSortAttachListener(oSettings, column.nTh, i);\n }\n }\n\n if (column.sTitle != cell[0].innerHTML) {\n cell.html(column.sTitle);\n }\n\n _fnRenderer(oSettings, 'header')(oSettings, cell, column, classes);\n }\n\n if (createHeader) {\n _fnDetectHeader(oSettings.aoHeader, thead);\n }\n /* Deal with the footer - add classes if required */\n\n\n $(thead).children('tr').children('th, td').addClass(classes.sHeaderTH);\n $(tfoot).children('tr').children('th, td').addClass(classes.sFooterTH); // Cache the footer cells. Note that we only take the cells from the first\n // row in the footer. If there is more than one row the user wants to\n // interact with, they need to use the table().foot() method. Note also this\n // allows cells to be used for multiple columns using colspan\n\n if (tfoot !== null) {\n var cells = oSettings.aoFooter[0];\n\n for (i = 0, ien = cells.length; i < ien; i++) {\n column = columns[i];\n column.nTf = cells[i].cell;\n\n if (column.sClass) {\n $(column.nTf).addClass(column.sClass);\n }\n }\n }\n }\n /**\n * Draw the header (or footer) element based on the column visibility states. The\n * methodology here is to use the layout array from _fnDetectHeader, modified for\n * the instantaneous column visibility, to construct the new layout. The grid is\n * traversed over cell at a time in a rows x columns grid fashion, although each\n * cell insert can cover multiple elements in the grid - which is tracks using the\n * aApplied array. Cell inserts in the grid will only occur where there isn't\n * already a cell in that position.\n * @param {object} oSettings dataTables settings object\n * @param array {objects} aoSource Layout array from _fnDetectHeader\n * @param {boolean} [bIncludeHidden=false] If true then include the hidden columns in the calc,\n * @memberof DataTable#oApi\n */\n\n\n function _fnDrawHead(oSettings, aoSource, bIncludeHidden) {\n var i, iLen, j, jLen, k, kLen, n, nLocalTr;\n var aoLocal = [];\n var aApplied = [];\n var iColumns = oSettings.aoColumns.length;\n var iRowspan, iColspan;\n\n if (!aoSource) {\n return;\n }\n\n if (bIncludeHidden === undefined) {\n bIncludeHidden = false;\n }\n /* Make a copy of the master layout array, but without the visible columns in it */\n\n\n for (i = 0, iLen = aoSource.length; i < iLen; i++) {\n aoLocal[i] = aoSource[i].slice();\n aoLocal[i].nTr = aoSource[i].nTr;\n /* Remove any columns which are currently hidden */\n\n for (j = iColumns - 1; j >= 0; j--) {\n if (!oSettings.aoColumns[j].bVisible && !bIncludeHidden) {\n aoLocal[i].splice(j, 1);\n }\n }\n /* Prep the applied array - it needs an element for each row */\n\n\n aApplied.push([]);\n }\n\n for (i = 0, iLen = aoLocal.length; i < iLen; i++) {\n nLocalTr = aoLocal[i].nTr;\n /* All cells are going to be replaced, so empty out the row */\n\n if (nLocalTr) {\n while (n = nLocalTr.firstChild) {\n nLocalTr.removeChild(n);\n }\n }\n\n for (j = 0, jLen = aoLocal[i].length; j < jLen; j++) {\n iRowspan = 1;\n iColspan = 1;\n /* Check to see if there is already a cell (row/colspan) covering our target\n * insert point. If there is, then there is nothing to do.\n */\n\n if (aApplied[i][j] === undefined) {\n nLocalTr.appendChild(aoLocal[i][j].cell);\n aApplied[i][j] = 1;\n /* Expand the cell to cover as many rows as needed */\n\n while (aoLocal[i + iRowspan] !== undefined && aoLocal[i][j].cell == aoLocal[i + iRowspan][j].cell) {\n aApplied[i + iRowspan][j] = 1;\n iRowspan++;\n }\n /* Expand the cell to cover as many columns as needed */\n\n\n while (aoLocal[i][j + iColspan] !== undefined && aoLocal[i][j].cell == aoLocal[i][j + iColspan].cell) {\n /* Must update the applied array over the rows for the columns */\n for (k = 0; k < iRowspan; k++) {\n aApplied[i + k][j + iColspan] = 1;\n }\n\n iColspan++;\n }\n /* Do the actual expansion in the DOM */\n\n\n $(aoLocal[i][j].cell).attr('rowspan', iRowspan).attr('colspan', iColspan);\n }\n }\n }\n }\n /**\n * Insert the required TR nodes into the table for display\n * @param {object} oSettings dataTables settings object\n * @param ajaxComplete true after ajax call to complete rendering\n * @memberof DataTable#oApi\n */\n\n\n function _fnDraw(oSettings, ajaxComplete) {\n // Allow for state saving and a custom start position\n _fnStart(oSettings);\n /* Provide a pre-callback function which can be used to cancel the draw is false is returned */\n\n\n var aPreDraw = _fnCallbackFire(oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings]);\n\n if ($.inArray(false, aPreDraw) !== -1) {\n _fnProcessingDisplay(oSettings, false);\n\n return;\n }\n\n var anRows = [];\n var iRowCount = 0;\n var asStripeClasses = oSettings.asStripeClasses;\n var iStripes = asStripeClasses.length;\n var oLang = oSettings.oLanguage;\n var bServerSide = _fnDataSource(oSettings) == 'ssp';\n var aiDisplay = oSettings.aiDisplay;\n var iDisplayStart = oSettings._iDisplayStart;\n var iDisplayEnd = oSettings.fnDisplayEnd();\n oSettings.bDrawing = true;\n /* Server-side processing draw intercept */\n\n if (oSettings.bDeferLoading) {\n oSettings.bDeferLoading = false;\n oSettings.iDraw++;\n\n _fnProcessingDisplay(oSettings, false);\n } else if (!bServerSide) {\n oSettings.iDraw++;\n } else if (!oSettings.bDestroying && !ajaxComplete) {\n _fnAjaxUpdate(oSettings);\n\n return;\n }\n\n if (aiDisplay.length !== 0) {\n var iStart = bServerSide ? 0 : iDisplayStart;\n var iEnd = bServerSide ? oSettings.aoData.length : iDisplayEnd;\n\n for (var j = iStart; j < iEnd; j++) {\n var iDataIndex = aiDisplay[j];\n var aoData = oSettings.aoData[iDataIndex];\n\n if (aoData.nTr === null) {\n _fnCreateTr(oSettings, iDataIndex);\n }\n\n var nRow = aoData.nTr;\n /* Remove the old striping classes and then add the new one */\n\n if (iStripes !== 0) {\n var sStripe = asStripeClasses[iRowCount % iStripes];\n\n if (aoData._sRowStripe != sStripe) {\n $(nRow).removeClass(aoData._sRowStripe).addClass(sStripe);\n aoData._sRowStripe = sStripe;\n }\n } // Row callback functions - might want to manipulate the row\n // iRowCount and j are not currently documented. Are they at all\n // useful?\n\n\n _fnCallbackFire(oSettings, 'aoRowCallback', null, [nRow, aoData._aData, iRowCount, j, iDataIndex]);\n\n anRows.push(nRow);\n iRowCount++;\n }\n } else {\n /* Table is empty - create a row with an empty message in it */\n var sZero = oLang.sZeroRecords;\n\n if (oSettings.iDraw == 1 && _fnDataSource(oSettings) == 'ajax') {\n sZero = oLang.sLoadingRecords;\n } else if (oLang.sEmptyTable && oSettings.fnRecordsTotal() === 0) {\n sZero = oLang.sEmptyTable;\n }\n\n anRows[0] = $('|
', {\n 'class': iStripes ? asStripeClasses[0] : ''\n }).append($(' | ', {\n 'valign': 'top',\n 'colSpan': _fnVisbleColumns(oSettings),\n 'class': oSettings.oClasses.sRowEmpty\n }).html(sZero))[0];\n }\n /* Header and footer callbacks */\n\n\n _fnCallbackFire(oSettings, 'aoHeaderCallback', 'header', [$(oSettings.nTHead).children('tr')[0], _fnGetDataMaster(oSettings), iDisplayStart, iDisplayEnd, aiDisplay]);\n\n _fnCallbackFire(oSettings, 'aoFooterCallback', 'footer', [$(oSettings.nTFoot).children('tr')[0], _fnGetDataMaster(oSettings), iDisplayStart, iDisplayEnd, aiDisplay]);\n\n var body = $(oSettings.nTBody);\n body.children().detach();\n body.append($(anRows));\n /* Call all required callback functions for the end of a draw */\n\n _fnCallbackFire(oSettings, 'aoDrawCallback', 'draw', [oSettings]);\n /* Draw is complete, sorting and filtering must be as well */\n\n\n oSettings.bSorted = false;\n oSettings.bFiltered = false;\n oSettings.bDrawing = false;\n }\n /**\n * Redraw the table - taking account of the various features which are enabled\n * @param {object} oSettings dataTables settings object\n * @param {boolean} [holdPosition] Keep the current paging position. By default\n * the paging is reset to the first page\n * @memberof DataTable#oApi\n */\n\n\n function _fnReDraw(settings, holdPosition) {\n var features = settings.oFeatures,\n sort = features.bSort,\n filter = features.bFilter;\n\n if (sort) {\n _fnSort(settings);\n }\n\n if (filter) {\n _fnFilterComplete(settings, settings.oPreviousSearch);\n } else {\n // No filtering, so we want to just use the display master\n settings.aiDisplay = settings.aiDisplayMaster.slice();\n }\n\n if (holdPosition !== true) {\n settings._iDisplayStart = 0;\n } // Let any modules know about the draw hold position state (used by\n // scrolling internally)\n\n\n settings._drawHold = holdPosition;\n\n _fnDraw(settings);\n\n settings._drawHold = false;\n }\n /**\n * Add the options to the page HTML for the table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnAddOptionsHtml(oSettings) {\n var classes = oSettings.oClasses;\n var table = $(oSettings.nTable);\n var holding = $('').insertBefore(table); // Holding element for speed\n\n var features = oSettings.oFeatures; // All DataTables are wrapped in a div\n\n var insert = $('', {\n id: oSettings.sTableId + '_wrapper',\n 'class': classes.sWrapper + (oSettings.nTFoot ? '' : ' ' + classes.sNoFooter)\n });\n oSettings.nHolding = holding[0];\n oSettings.nTableWrapper = insert[0];\n oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling;\n /* Loop over the user set positioning and place the elements as needed */\n\n var aDom = oSettings.sDom.split('');\n var featureNode, cOption, nNewNode, cNext, sAttr, j;\n\n for (var i = 0; i < aDom.length; i++) {\n featureNode = null;\n cOption = aDom[i];\n\n if (cOption == '<') {\n /* New container div */\n nNewNode = $('')[0];\n /* Check to see if we should append an id and/or a class name to the container */\n\n cNext = aDom[i + 1];\n\n if (cNext == \"'\" || cNext == '\"') {\n sAttr = \"\";\n j = 2;\n\n while (aDom[i + j] != cNext) {\n sAttr += aDom[i + j];\n j++;\n }\n /* Replace jQuery UI constants @todo depreciated */\n\n\n if (sAttr == \"H\") {\n sAttr = classes.sJUIHeader;\n } else if (sAttr == \"F\") {\n sAttr = classes.sJUIFooter;\n }\n /* The attribute can be in the format of \"#id.class\", \"#id\" or \"class\" This logic\n * breaks the string into parts and applies them as needed\n */\n\n\n if (sAttr.indexOf('.') != -1) {\n var aSplit = sAttr.split('.');\n nNewNode.id = aSplit[0].substr(1, aSplit[0].length - 1);\n nNewNode.className = aSplit[1];\n } else if (sAttr.charAt(0) == \"#\") {\n nNewNode.id = sAttr.substr(1, sAttr.length - 1);\n } else {\n nNewNode.className = sAttr;\n }\n\n i += j;\n /* Move along the position array */\n }\n\n insert.append(nNewNode);\n insert = $(nNewNode);\n } else if (cOption == '>') {\n /* End container div */\n insert = insert.parent();\n } // @todo Move options into their own plugins?\n else if (cOption == 'l' && features.bPaginate && features.bLengthChange) {\n /* Length */\n featureNode = _fnFeatureHtmlLength(oSettings);\n } else if (cOption == 'f' && features.bFilter) {\n /* Filter */\n featureNode = _fnFeatureHtmlFilter(oSettings);\n } else if (cOption == 'r' && features.bProcessing) {\n /* pRocessing */\n featureNode = _fnFeatureHtmlProcessing(oSettings);\n } else if (cOption == 't') {\n /* Table */\n featureNode = _fnFeatureHtmlTable(oSettings);\n } else if (cOption == 'i' && features.bInfo) {\n /* Info */\n featureNode = _fnFeatureHtmlInfo(oSettings);\n } else if (cOption == 'p' && features.bPaginate) {\n /* Pagination */\n featureNode = _fnFeatureHtmlPaginate(oSettings);\n } else if (DataTable.ext.feature.length !== 0) {\n /* Plug-in features */\n var aoFeatures = DataTable.ext.feature;\n\n for (var k = 0, kLen = aoFeatures.length; k < kLen; k++) {\n if (cOption == aoFeatures[k].cFeature) {\n featureNode = aoFeatures[k].fnInit(oSettings);\n break;\n }\n }\n }\n /* Add to the 2D features array */\n\n\n if (featureNode) {\n var aanFeatures = oSettings.aanFeatures;\n\n if (!aanFeatures[cOption]) {\n aanFeatures[cOption] = [];\n }\n\n aanFeatures[cOption].push(featureNode);\n insert.append(featureNode);\n }\n }\n /* Built our DOM structure - replace the holding div with what we want */\n\n\n holding.replaceWith(insert);\n oSettings.nHolding = null;\n }\n /**\n * Use the DOM source to create up an array of header cells. The idea here is to\n * create a layout grid (array) of rows x columns, which contains a reference\n * to the cell that that point in the grid (regardless of col/rowspan), such that\n * any column / row could be removed and the new grid constructed\n * @param array {object} aLayout Array to store the calculated layout in\n * @param {node} nThead The header/footer element for the table\n * @memberof DataTable#oApi\n */\n\n\n function _fnDetectHeader(aLayout, nThead) {\n var nTrs = $(nThead).children('tr');\n var nTr, nCell;\n var i, k, l, iLen, jLen, iColShifted, iColumn, iColspan, iRowspan;\n var bUnique;\n\n var fnShiftCol = function (a, i, j) {\n var k = a[i];\n\n while (k[j]) {\n j++;\n }\n\n return j;\n };\n\n aLayout.splice(0, aLayout.length);\n /* We know how many rows there are in the layout - so prep it */\n\n for (i = 0, iLen = nTrs.length; i < iLen; i++) {\n aLayout.push([]);\n }\n /* Calculate a layout array */\n\n\n for (i = 0, iLen = nTrs.length; i < iLen; i++) {\n nTr = nTrs[i];\n iColumn = 0;\n /* For every cell in the row... */\n\n nCell = nTr.firstChild;\n\n while (nCell) {\n if (nCell.nodeName.toUpperCase() == \"TD\" || nCell.nodeName.toUpperCase() == \"TH\") {\n /* Get the col and rowspan attributes from the DOM and sanitise them */\n iColspan = nCell.getAttribute('colspan') * 1;\n iRowspan = nCell.getAttribute('rowspan') * 1;\n iColspan = !iColspan || iColspan === 0 || iColspan === 1 ? 1 : iColspan;\n iRowspan = !iRowspan || iRowspan === 0 || iRowspan === 1 ? 1 : iRowspan;\n /* There might be colspan cells already in this row, so shift our target\n * accordingly\n */\n\n iColShifted = fnShiftCol(aLayout, i, iColumn);\n /* Cache calculation for unique columns */\n\n bUnique = iColspan === 1 ? true : false;\n /* If there is col / rowspan, copy the information into the layout grid */\n\n for (l = 0; l < iColspan; l++) {\n for (k = 0; k < iRowspan; k++) {\n aLayout[i + k][iColShifted + l] = {\n \"cell\": nCell,\n \"unique\": bUnique\n };\n aLayout[i + k].nTr = nTr;\n }\n }\n }\n\n nCell = nCell.nextSibling;\n }\n }\n }\n /**\n * Get an array of unique th elements, one for each column\n * @param {object} oSettings dataTables settings object\n * @param {node} nHeader automatically detect the layout from this node - optional\n * @param {array} aLayout thead/tfoot layout from _fnDetectHeader - optional\n * @returns array {node} aReturn list of unique th's\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetUniqueThs(oSettings, nHeader, aLayout) {\n var aReturn = [];\n\n if (!aLayout) {\n aLayout = oSettings.aoHeader;\n\n if (nHeader) {\n aLayout = [];\n\n _fnDetectHeader(aLayout, nHeader);\n }\n }\n\n for (var i = 0, iLen = aLayout.length; i < iLen; i++) {\n for (var j = 0, jLen = aLayout[i].length; j < jLen; j++) {\n if (aLayout[i][j].unique && (!aReturn[j] || !oSettings.bSortCellsTop)) {\n aReturn[j] = aLayout[i][j].cell;\n }\n }\n }\n\n return aReturn;\n }\n /**\n * Set the start position for draw\n * @param {object} oSettings dataTables settings object\n */\n\n\n function _fnStart(oSettings) {\n var bServerSide = _fnDataSource(oSettings) == 'ssp';\n var iInitDisplayStart = oSettings.iInitDisplayStart; // Check and see if we have an initial draw position from state saving\n\n if (iInitDisplayStart !== undefined && iInitDisplayStart !== -1) {\n oSettings._iDisplayStart = bServerSide ? iInitDisplayStart : iInitDisplayStart >= oSettings.fnRecordsDisplay() ? 0 : iInitDisplayStart;\n oSettings.iInitDisplayStart = -1;\n }\n }\n /**\n * Create an Ajax call based on the table's settings, taking into account that\n * parameters can have multiple forms, and backwards compatibility.\n *\n * @param {object} oSettings dataTables settings object\n * @param {array} data Data to send to the server, required by\n * DataTables - may be augmented by developer callbacks\n * @param {function} fn Callback function to run when data is obtained\n */\n\n\n function _fnBuildAjax(oSettings, data, fn) {\n // Compatibility with 1.9-, allow fnServerData and event to manipulate\n _fnCallbackFire(oSettings, 'aoServerParams', 'serverParams', [data]); // Convert to object based for 1.10+ if using the old array scheme which can\n // come from server-side processing or serverParams\n\n\n if (data && Array.isArray(data)) {\n var tmp = {};\n var rbracket = /(.*?)\\[\\]$/;\n $.each(data, function (key, val) {\n var match = val.name.match(rbracket);\n\n if (match) {\n // Support for arrays\n var name = match[0];\n\n if (!tmp[name]) {\n tmp[name] = [];\n }\n\n tmp[name].push(val.value);\n } else {\n tmp[val.name] = val.value;\n }\n });\n data = tmp;\n }\n\n var ajaxData;\n var ajax = oSettings.ajax;\n var instance = oSettings.oInstance;\n\n var callback = function (json) {\n var status = oSettings.jqXHR ? oSettings.jqXHR.status : null;\n\n if (json === null || typeof status === 'number' && status == 204) {\n json = {};\n\n _fnAjaxDataSrc(oSettings, json, []);\n }\n\n var error = json.error || json.sError;\n\n if (error) {\n _fnLog(oSettings, 0, error);\n }\n\n oSettings.json = json;\n\n _fnCallbackFire(oSettings, null, 'xhr', [oSettings, json, oSettings.jqXHR]);\n\n fn(json);\n };\n\n if ($.isPlainObject(ajax) && ajax.data) {\n ajaxData = ajax.data;\n var newData = typeof ajaxData === 'function' ? ajaxData(data, oSettings) : // fn can manipulate data or return\n ajaxData; // an object object or array to merge\n // If the function returned something, use that alone\n\n data = typeof ajaxData === 'function' && newData ? newData : $.extend(true, data, newData); // Remove the data property as we've resolved it already and don't want\n // jQuery to do it again (it is restored at the end of the function)\n\n delete ajax.data;\n }\n\n var baseAjax = {\n \"data\": data,\n \"success\": callback,\n \"dataType\": \"json\",\n \"cache\": false,\n \"type\": oSettings.sServerMethod,\n \"error\": function (xhr, error, thrown) {\n var ret = _fnCallbackFire(oSettings, null, 'xhr', [oSettings, null, oSettings.jqXHR]);\n\n if ($.inArray(true, ret) === -1) {\n if (error == \"parsererror\") {\n _fnLog(oSettings, 0, 'Invalid JSON response', 1);\n } else if (xhr.readyState === 4) {\n _fnLog(oSettings, 0, 'Ajax error', 7);\n }\n }\n\n _fnProcessingDisplay(oSettings, false);\n }\n }; // Store the data submitted for the API\n\n oSettings.oAjaxData = data; // Allow plug-ins and external processes to modify the data\n\n _fnCallbackFire(oSettings, null, 'preXhr', [oSettings, data]);\n\n if (oSettings.fnServerData) {\n // DataTables 1.9- compatibility\n oSettings.fnServerData.call(instance, oSettings.sAjaxSource, $.map(data, function (val, key) {\n // Need to convert back to 1.9 trad format\n return {\n name: key,\n value: val\n };\n }), callback, oSettings);\n } else if (oSettings.sAjaxSource || typeof ajax === 'string') {\n // DataTables 1.9- compatibility\n oSettings.jqXHR = $.ajax($.extend(baseAjax, {\n url: ajax || oSettings.sAjaxSource\n }));\n } else if (typeof ajax === 'function') {\n // Is a function - let the caller define what needs to be done\n oSettings.jqXHR = ajax.call(instance, data, callback, oSettings);\n } else {\n // Object to extend the base settings\n oSettings.jqXHR = $.ajax($.extend(baseAjax, ajax)); // Restore for next time around\n\n ajax.data = ajaxData;\n }\n }\n /**\n * Update the table using an Ajax call\n * @param {object} settings dataTables settings object\n * @returns {boolean} Block the table drawing or not\n * @memberof DataTable#oApi\n */\n\n\n function _fnAjaxUpdate(settings) {\n settings.iDraw++;\n\n _fnProcessingDisplay(settings, true);\n\n _fnBuildAjax(settings, _fnAjaxParameters(settings), function (json) {\n _fnAjaxUpdateDraw(settings, json);\n });\n }\n /**\n * Build up the parameters in an object needed for a server-side processing\n * request. Note that this is basically done twice, is different ways - a modern\n * method which is used by default in DataTables 1.10 which uses objects and\n * arrays, or the 1.9- method with is name / value pairs. 1.9 method is used if\n * the sAjaxSource option is used in the initialisation, or the legacyAjax\n * option is set.\n * @param {object} oSettings dataTables settings object\n * @returns {bool} block the table drawing or not\n * @memberof DataTable#oApi\n */\n\n\n function _fnAjaxParameters(settings) {\n var columns = settings.aoColumns,\n columnCount = columns.length,\n features = settings.oFeatures,\n preSearch = settings.oPreviousSearch,\n preColSearch = settings.aoPreSearchCols,\n i,\n data = [],\n dataProp,\n column,\n columnSearch,\n sort = _fnSortFlatten(settings),\n displayStart = settings._iDisplayStart,\n displayLength = features.bPaginate !== false ? settings._iDisplayLength : -1;\n\n var param = function (name, value) {\n data.push({\n 'name': name,\n 'value': value\n });\n }; // DataTables 1.9- compatible method\n\n\n param('sEcho', settings.iDraw);\n param('iColumns', columnCount);\n param('sColumns', _pluck(columns, 'sName').join(','));\n param('iDisplayStart', displayStart);\n param('iDisplayLength', displayLength); // DataTables 1.10+ method\n\n var d = {\n draw: settings.iDraw,\n columns: [],\n order: [],\n start: displayStart,\n length: displayLength,\n search: {\n value: preSearch.sSearch,\n regex: preSearch.bRegex\n }\n };\n\n for (i = 0; i < columnCount; i++) {\n column = columns[i];\n columnSearch = preColSearch[i];\n dataProp = typeof column.mData == \"function\" ? 'function' : column.mData;\n d.columns.push({\n data: dataProp,\n name: column.sName,\n searchable: column.bSearchable,\n orderable: column.bSortable,\n search: {\n value: columnSearch.sSearch,\n regex: columnSearch.bRegex\n }\n });\n param(\"mDataProp_\" + i, dataProp);\n\n if (features.bFilter) {\n param('sSearch_' + i, columnSearch.sSearch);\n param('bRegex_' + i, columnSearch.bRegex);\n param('bSearchable_' + i, column.bSearchable);\n }\n\n if (features.bSort) {\n param('bSortable_' + i, column.bSortable);\n }\n }\n\n if (features.bFilter) {\n param('sSearch', preSearch.sSearch);\n param('bRegex', preSearch.bRegex);\n }\n\n if (features.bSort) {\n $.each(sort, function (i, val) {\n d.order.push({\n column: val.col,\n dir: val.dir\n });\n param('iSortCol_' + i, val.col);\n param('sSortDir_' + i, val.dir);\n });\n param('iSortingCols', sort.length);\n } // If the legacy.ajax parameter is null, then we automatically decide which\n // form to use, based on sAjaxSource\n\n\n var legacy = DataTable.ext.legacy.ajax;\n\n if (legacy === null) {\n return settings.sAjaxSource ? data : d;\n } // Otherwise, if legacy has been specified then we use that to decide on the\n // form\n\n\n return legacy ? data : d;\n }\n /**\n * Data the data from the server (nuking the old) and redraw the table\n * @param {object} oSettings dataTables settings object\n * @param {object} json json data return from the server.\n * @param {string} json.sEcho Tracking flag for DataTables to match requests\n * @param {int} json.iTotalRecords Number of records in the data set, not accounting for filtering\n * @param {int} json.iTotalDisplayRecords Number of records in the data set, accounting for filtering\n * @param {array} json.aaData The data to display on this page\n * @param {string} [json.sColumns] Column ordering (sName, comma separated)\n * @memberof DataTable#oApi\n */\n\n\n function _fnAjaxUpdateDraw(settings, json) {\n // v1.10 uses camelCase variables, while 1.9 uses Hungarian notation.\n // Support both\n var compat = function (old, modern) {\n return json[old] !== undefined ? json[old] : json[modern];\n };\n\n var data = _fnAjaxDataSrc(settings, json);\n\n var draw = compat('sEcho', 'draw');\n var recordsTotal = compat('iTotalRecords', 'recordsTotal');\n var recordsFiltered = compat('iTotalDisplayRecords', 'recordsFiltered');\n\n if (draw !== undefined) {\n // Protect against out of sequence returns\n if (draw * 1 < settings.iDraw) {\n return;\n }\n\n settings.iDraw = draw * 1;\n } // No data in returned object, so rather than an array, we show an empty table\n\n\n if (!data) {\n data = [];\n }\n\n _fnClearTable(settings);\n\n settings._iRecordsTotal = parseInt(recordsTotal, 10);\n settings._iRecordsDisplay = parseInt(recordsFiltered, 10);\n\n for (var i = 0, ien = data.length; i < ien; i++) {\n _fnAddData(settings, data[i]);\n }\n\n settings.aiDisplay = settings.aiDisplayMaster.slice();\n\n _fnDraw(settings, true);\n\n if (!settings._bInitComplete) {\n _fnInitComplete(settings, json);\n }\n\n _fnProcessingDisplay(settings, false);\n }\n /**\n * Get the data from the JSON data source to use for drawing a table. Using\n * `_fnGetObjectDataFn` allows the data to be sourced from a property of the\n * source object, or from a processing function.\n * @param {object} oSettings dataTables settings object\n * @param {object} json Data source object / array from the server\n * @return {array} Array of data to use\n */\n\n\n function _fnAjaxDataSrc(oSettings, json, write) {\n var dataSrc = $.isPlainObject(oSettings.ajax) && oSettings.ajax.dataSrc !== undefined ? oSettings.ajax.dataSrc : oSettings.sAjaxDataProp; // Compatibility with 1.9-.\n\n if (!write) {\n if (dataSrc === 'data') {\n // If the default, then we still want to support the old style, and safely ignore\n // it if possible\n return json.aaData || json[dataSrc];\n }\n\n return dataSrc !== \"\" ? _fnGetObjectDataFn(dataSrc)(json) : json;\n } // set\n\n\n _fnSetObjectDataFn(dataSrc)(json, write);\n }\n /**\n * Generate the node required for filtering text\n * @returns {node} Filter control element\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlFilter(settings) {\n var classes = settings.oClasses;\n var tableId = settings.sTableId;\n var language = settings.oLanguage;\n var previousSearch = settings.oPreviousSearch;\n var features = settings.aanFeatures;\n var input = '';\n var str = language.sSearch;\n str = str.match(/_INPUT_/) ? str.replace('_INPUT_', input) : str + input;\n var filter = $('', {\n 'id': !features.f ? tableId + '_filter' : null,\n 'class': classes.sFilter\n }).append($('').append(str));\n\n var searchFn = function (event) {\n /* Update all other filter input elements for the new display */\n var n = features.f;\n var val = !this.value ? \"\" : this.value; // mental IE8 fix :-(\n\n if (previousSearch.return && event.key !== \"Enter\") {\n return;\n }\n /* Now do the filter */\n\n\n if (val != previousSearch.sSearch) {\n _fnFilterComplete(settings, {\n \"sSearch\": val,\n \"bRegex\": previousSearch.bRegex,\n \"bSmart\": previousSearch.bSmart,\n \"bCaseInsensitive\": previousSearch.bCaseInsensitive,\n \"return\": previousSearch.return\n }); // Need to redraw, without resorting\n\n\n settings._iDisplayStart = 0;\n\n _fnDraw(settings);\n }\n };\n\n var searchDelay = settings.searchDelay !== null ? settings.searchDelay : _fnDataSource(settings) === 'ssp' ? 400 : 0;\n var jqFilter = $('input', filter).val(previousSearch.sSearch).attr('placeholder', language.sSearchPlaceholder).on('keyup.DT search.DT input.DT paste.DT cut.DT', searchDelay ? _fnThrottle(searchFn, searchDelay) : searchFn).on('mouseup', function (e) {\n // Edge fix! Edge 17 does not trigger anything other than mouse events when clicking\n // on the clear icon (Edge bug 17584515). This is safe in other browsers as `searchFn`\n // checks the value to see if it has changed. In other browsers it won't have.\n setTimeout(function () {\n searchFn.call(jqFilter[0], e);\n }, 10);\n }).on('keypress.DT', function (e) {\n /* Prevent form submission */\n if (e.keyCode == 13) {\n return false;\n }\n }).attr('aria-controls', tableId); // Update the input elements whenever the table is filtered\n\n $(settings.nTable).on('search.dt.DT', function (ev, s) {\n if (settings === s) {\n // IE9 throws an 'unknown error' if document.activeElement is used\n // inside an iframe or frame...\n try {\n if (jqFilter[0] !== document.activeElement) {\n jqFilter.val(previousSearch.sSearch);\n }\n } catch (e) {}\n }\n });\n return filter[0];\n }\n /**\n * Filter the table using both the global filter and column based filtering\n * @param {object} oSettings dataTables settings object\n * @param {object} oSearch search information\n * @param {int} [iForce] force a research of the master array (1) or not (undefined or 0)\n * @memberof DataTable#oApi\n */\n\n\n function _fnFilterComplete(oSettings, oInput, iForce) {\n var oPrevSearch = oSettings.oPreviousSearch;\n var aoPrevSearch = oSettings.aoPreSearchCols;\n\n var fnSaveFilter = function (oFilter) {\n /* Save the filtering values */\n oPrevSearch.sSearch = oFilter.sSearch;\n oPrevSearch.bRegex = oFilter.bRegex;\n oPrevSearch.bSmart = oFilter.bSmart;\n oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive;\n oPrevSearch.return = oFilter.return;\n };\n\n var fnRegex = function (o) {\n // Backwards compatibility with the bEscapeRegex option\n return o.bEscapeRegex !== undefined ? !o.bEscapeRegex : o.bRegex;\n }; // Resolve any column types that are unknown due to addition or invalidation\n // @todo As per sort - can this be moved into an event handler?\n\n\n _fnColumnTypes(oSettings);\n /* In server-side processing all filtering is done by the server, so no point hanging around here */\n\n\n if (_fnDataSource(oSettings) != 'ssp') {\n /* Global filter */\n _fnFilter(oSettings, oInput.sSearch, iForce, fnRegex(oInput), oInput.bSmart, oInput.bCaseInsensitive, oInput.return);\n\n fnSaveFilter(oInput);\n /* Now do the individual column filter */\n\n for (var i = 0; i < aoPrevSearch.length; i++) {\n _fnFilterColumn(oSettings, aoPrevSearch[i].sSearch, i, fnRegex(aoPrevSearch[i]), aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive);\n }\n /* Custom filtering */\n\n\n _fnFilterCustom(oSettings);\n } else {\n fnSaveFilter(oInput);\n }\n /* Tell the draw function we have been filtering */\n\n\n oSettings.bFiltered = true;\n\n _fnCallbackFire(oSettings, null, 'search', [oSettings]);\n }\n /**\n * Apply custom filtering functions\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnFilterCustom(settings) {\n var filters = DataTable.ext.search;\n var displayRows = settings.aiDisplay;\n var row, rowIdx;\n\n for (var i = 0, ien = filters.length; i < ien; i++) {\n var rows = []; // Loop over each row and see if it should be included\n\n for (var j = 0, jen = displayRows.length; j < jen; j++) {\n rowIdx = displayRows[j];\n row = settings.aoData[rowIdx];\n\n if (filters[i](settings, row._aFilterData, rowIdx, row._aData, j)) {\n rows.push(rowIdx);\n }\n } // So the array reference doesn't break set the results into the\n // existing array\n\n\n displayRows.length = 0;\n $.merge(displayRows, rows);\n }\n }\n /**\n * Filter the table on a per-column basis\n * @param {object} oSettings dataTables settings object\n * @param {string} sInput string to filter on\n * @param {int} iColumn column to filter\n * @param {bool} bRegex treat search string as a regular expression or not\n * @param {bool} bSmart use smart filtering or not\n * @param {bool} bCaseInsensitive Do case insensitive matching or not\n * @memberof DataTable#oApi\n */\n\n\n function _fnFilterColumn(settings, searchStr, colIdx, regex, smart, caseInsensitive) {\n if (searchStr === '') {\n return;\n }\n\n var data;\n var out = [];\n var display = settings.aiDisplay;\n\n var rpSearch = _fnFilterCreateSearch(searchStr, regex, smart, caseInsensitive);\n\n for (var i = 0; i < display.length; i++) {\n data = settings.aoData[display[i]]._aFilterData[colIdx];\n\n if (rpSearch.test(data)) {\n out.push(display[i]);\n }\n }\n\n settings.aiDisplay = out;\n }\n /**\n * Filter the data table based on user input and draw the table\n * @param {object} settings dataTables settings object\n * @param {string} input string to filter on\n * @param {int} force optional - force a research of the master array (1) or not (undefined or 0)\n * @param {bool} regex treat as a regular expression or not\n * @param {bool} smart perform smart filtering or not\n * @param {bool} caseInsensitive Do case insensitive matching or not\n * @memberof DataTable#oApi\n */\n\n\n function _fnFilter(settings, input, force, regex, smart, caseInsensitive) {\n var rpSearch = _fnFilterCreateSearch(input, regex, smart, caseInsensitive);\n\n var prevSearch = settings.oPreviousSearch.sSearch;\n var displayMaster = settings.aiDisplayMaster;\n var display, invalidated, i;\n var filtered = []; // Need to take account of custom filtering functions - always filter\n\n if (DataTable.ext.search.length !== 0) {\n force = true;\n } // Check if any of the rows were invalidated\n\n\n invalidated = _fnFilterData(settings); // If the input is blank - we just want the full data set\n\n if (input.length <= 0) {\n settings.aiDisplay = displayMaster.slice();\n } else {\n // New search - start from the master array\n if (invalidated || force || regex || prevSearch.length > input.length || input.indexOf(prevSearch) !== 0 || settings.bSorted // On resort, the display master needs to be\n // re-filtered since indexes will have changed\n ) {\n settings.aiDisplay = displayMaster.slice();\n } // Search the display array\n\n\n display = settings.aiDisplay;\n\n for (i = 0; i < display.length; i++) {\n if (rpSearch.test(settings.aoData[display[i]]._sFilterRow)) {\n filtered.push(display[i]);\n }\n }\n\n settings.aiDisplay = filtered;\n }\n }\n /**\n * Build a regular expression object suitable for searching a table\n * @param {string} sSearch string to search for\n * @param {bool} bRegex treat as a regular expression or not\n * @param {bool} bSmart perform smart filtering or not\n * @param {bool} bCaseInsensitive Do case insensitive matching or not\n * @returns {RegExp} constructed object\n * @memberof DataTable#oApi\n */\n\n\n function _fnFilterCreateSearch(search, regex, smart, caseInsensitive) {\n search = regex ? search : _fnEscapeRegex(search);\n\n if (smart) {\n /* For smart filtering we want to allow the search to work regardless of\n * word order. We also want double quoted text to be preserved, so word\n * order is important - a la google. So this is what we want to\n * generate:\n * \n * ^(?=.*?\\bone\\b)(?=.*?\\btwo three\\b)(?=.*?\\bfour\\b).*$\n */\n var a = $.map(search.match(/\"[^\"]+\"|[^ ]+/g) || [''], function (word) {\n if (word.charAt(0) === '\"') {\n var m = word.match(/^\"(.*)\"$/);\n word = m ? m[1] : word;\n }\n\n return word.replace('\"', '');\n });\n search = '^(?=.*?' + a.join(')(?=.*?') + ').*$';\n }\n\n return new RegExp(search, caseInsensitive ? 'i' : '');\n }\n /**\n * Escape a string such that it can be used in a regular expression\n * @param {string} sVal string to escape\n * @returns {string} escaped string\n * @memberof DataTable#oApi\n */\n\n\n var _fnEscapeRegex = DataTable.util.escapeRegex;\n var __filter_div = $('')[0];\n\n var __filter_div_textContent = __filter_div.textContent !== undefined; // Update the filtering data for each row if needed (by invalidation or first run)\n\n\n function _fnFilterData(settings) {\n var columns = settings.aoColumns;\n var column;\n var i, j, ien, jen, filterData, cellData, row;\n var wasInvalidated = false;\n\n for (i = 0, ien = settings.aoData.length; i < ien; i++) {\n row = settings.aoData[i];\n\n if (!row._aFilterData) {\n filterData = [];\n\n for (j = 0, jen = columns.length; j < jen; j++) {\n column = columns[j];\n\n if (column.bSearchable) {\n cellData = _fnGetCellData(settings, i, j, 'filter'); // Search in DataTables 1.10 is string based. In 1.11 this\n // should be altered to also allow strict type checking.\n\n if (cellData === null) {\n cellData = '';\n }\n\n if (typeof cellData !== 'string' && cellData.toString) {\n cellData = cellData.toString();\n }\n } else {\n cellData = '';\n } // If it looks like there is an HTML entity in the string,\n // attempt to decode it so sorting works as expected. Note that\n // we could use a single line of jQuery to do this, but the DOM\n // method used here is much faster http://jsperf.com/html-decode\n\n\n if (cellData.indexOf && cellData.indexOf('&') !== -1) {\n __filter_div.innerHTML = cellData;\n cellData = __filter_div_textContent ? __filter_div.textContent : __filter_div.innerText;\n }\n\n if (cellData.replace) {\n cellData = cellData.replace(/[\\r\\n\\u2028]/g, '');\n }\n\n filterData.push(cellData);\n }\n\n row._aFilterData = filterData;\n row._sFilterRow = filterData.join(' ');\n wasInvalidated = true;\n }\n }\n\n return wasInvalidated;\n }\n /**\n * Convert from the internal Hungarian notation to camelCase for external\n * interaction\n * @param {object} obj Object to convert\n * @returns {object} Inverted object\n * @memberof DataTable#oApi\n */\n\n\n function _fnSearchToCamel(obj) {\n return {\n search: obj.sSearch,\n smart: obj.bSmart,\n regex: obj.bRegex,\n caseInsensitive: obj.bCaseInsensitive\n };\n }\n /**\n * Convert from camelCase notation to the internal Hungarian. We could use the\n * Hungarian convert function here, but this is cleaner\n * @param {object} obj Object to convert\n * @returns {object} Inverted object\n * @memberof DataTable#oApi\n */\n\n\n function _fnSearchToHung(obj) {\n return {\n sSearch: obj.search,\n bSmart: obj.smart,\n bRegex: obj.regex,\n bCaseInsensitive: obj.caseInsensitive\n };\n }\n /**\n * Generate the node required for the info display\n * @param {object} oSettings dataTables settings object\n * @returns {node} Information element\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlInfo(settings) {\n var tid = settings.sTableId,\n nodes = settings.aanFeatures.i,\n n = $('
', {\n 'class': settings.oClasses.sInfo,\n 'id': !nodes ? tid + '_info' : null\n });\n\n if (!nodes) {\n // Update display on each draw\n settings.aoDrawCallback.push({\n \"fn\": _fnUpdateInfo,\n \"sName\": \"information\"\n });\n n.attr('role', 'status').attr('aria-live', 'polite'); // Table is described by our info div\n\n $(settings.nTable).attr('aria-describedby', tid + '_info');\n }\n\n return n[0];\n }\n /**\n * Update the information elements in the display\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnUpdateInfo(settings) {\n /* Show information about the table */\n var nodes = settings.aanFeatures.i;\n\n if (nodes.length === 0) {\n return;\n }\n\n var lang = settings.oLanguage,\n start = settings._iDisplayStart + 1,\n end = settings.fnDisplayEnd(),\n max = settings.fnRecordsTotal(),\n total = settings.fnRecordsDisplay(),\n out = total ? lang.sInfo : lang.sInfoEmpty;\n\n if (total !== max) {\n /* Record set after filtering */\n out += ' ' + lang.sInfoFiltered;\n } // Convert the macros\n\n\n out += lang.sInfoPostFix;\n out = _fnInfoMacros(settings, out);\n var callback = lang.fnInfoCallback;\n\n if (callback !== null) {\n out = callback.call(settings.oInstance, settings, start, end, max, total, out);\n }\n\n $(nodes).html(out);\n }\n\n function _fnInfoMacros(settings, str) {\n // When infinite scrolling, we are always starting at 1. _iDisplayStart is used only\n // internally\n var formatter = settings.fnFormatNumber,\n start = settings._iDisplayStart + 1,\n len = settings._iDisplayLength,\n vis = settings.fnRecordsDisplay(),\n all = len === -1;\n return str.replace(/_START_/g, formatter.call(settings, start)).replace(/_END_/g, formatter.call(settings, settings.fnDisplayEnd())).replace(/_MAX_/g, formatter.call(settings, settings.fnRecordsTotal())).replace(/_TOTAL_/g, formatter.call(settings, vis)).replace(/_PAGE_/g, formatter.call(settings, all ? 1 : Math.ceil(start / len))).replace(/_PAGES_/g, formatter.call(settings, all ? 1 : Math.ceil(vis / len)));\n }\n /**\n * Draw the table for the first time, adding all required features\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnInitialise(settings) {\n var i,\n iLen,\n iAjaxStart = settings.iInitDisplayStart;\n var columns = settings.aoColumns,\n column;\n var features = settings.oFeatures;\n var deferLoading = settings.bDeferLoading; // value modified by the draw\n\n /* Ensure that the table data is fully initialised */\n\n if (!settings.bInitialised) {\n setTimeout(function () {\n _fnInitialise(settings);\n }, 200);\n return;\n }\n /* Show the display HTML options */\n\n\n _fnAddOptionsHtml(settings);\n /* Build and draw the header / footer for the table */\n\n\n _fnBuildHead(settings);\n\n _fnDrawHead(settings, settings.aoHeader);\n\n _fnDrawHead(settings, settings.aoFooter);\n /* Okay to show that something is going on now */\n\n\n _fnProcessingDisplay(settings, true);\n /* Calculate sizes for columns */\n\n\n if (features.bAutoWidth) {\n _fnCalculateColumnWidths(settings);\n }\n\n for (i = 0, iLen = columns.length; i < iLen; i++) {\n column = columns[i];\n\n if (column.sWidth) {\n column.nTh.style.width = _fnStringToCss(column.sWidth);\n }\n }\n\n _fnCallbackFire(settings, null, 'preInit', [settings]); // If there is default sorting required - let's do it. The sort function\n // will do the drawing for us. Otherwise we draw the table regardless of the\n // Ajax source - this allows the table to look initialised for Ajax sourcing\n // data (show 'loading' message possibly)\n\n\n _fnReDraw(settings); // Server-side processing init complete is done by _fnAjaxUpdateDraw\n\n\n var dataSrc = _fnDataSource(settings);\n\n if (dataSrc != 'ssp' || deferLoading) {\n // if there is an ajax source load the data\n if (dataSrc == 'ajax') {\n _fnBuildAjax(settings, [], function (json) {\n var aData = _fnAjaxDataSrc(settings, json); // Got the data - add it to the table\n\n\n for (i = 0; i < aData.length; i++) {\n _fnAddData(settings, aData[i]);\n } // Reset the init display for cookie saving. We've already done\n // a filter, and therefore cleared it before. So we need to make\n // it appear 'fresh'\n\n\n settings.iInitDisplayStart = iAjaxStart;\n\n _fnReDraw(settings);\n\n _fnProcessingDisplay(settings, false);\n\n _fnInitComplete(settings, json);\n }, settings);\n } else {\n _fnProcessingDisplay(settings, false);\n\n _fnInitComplete(settings);\n }\n }\n }\n /**\n * Draw the table for the first time, adding all required features\n * @param {object} oSettings dataTables settings object\n * @param {object} [json] JSON from the server that completed the table, if using Ajax source\n * with client-side processing (optional)\n * @memberof DataTable#oApi\n */\n\n\n function _fnInitComplete(settings, json) {\n settings._bInitComplete = true; // When data was added after the initialisation (data or Ajax) we need to\n // calculate the column sizing\n\n if (json || settings.oInit.aaData) {\n _fnAdjustColumnSizing(settings);\n }\n\n _fnCallbackFire(settings, null, 'plugin-init', [settings, json]);\n\n _fnCallbackFire(settings, 'aoInitComplete', 'init', [settings, json]);\n }\n\n function _fnLengthChange(settings, val) {\n var len = parseInt(val, 10);\n settings._iDisplayLength = len;\n\n _fnLengthOverflow(settings); // Fire length change event\n\n\n _fnCallbackFire(settings, null, 'length', [settings, len]);\n }\n /**\n * Generate the node required for user display length changing\n * @param {object} settings dataTables settings object\n * @returns {node} Display length feature node\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlLength(settings) {\n var classes = settings.oClasses,\n tableId = settings.sTableId,\n menu = settings.aLengthMenu,\n d2 = Array.isArray(menu[0]),\n lengths = d2 ? menu[0] : menu,\n language = d2 ? menu[1] : menu;\n var select = $('
', {\n 'name': tableId + '_length',\n 'aria-controls': tableId,\n 'class': classes.sLengthSelect\n });\n\n for (var i = 0, ien = lengths.length; i < ien; i++) {\n select[0][i] = new Option(typeof language[i] === 'number' ? settings.fnFormatNumber(language[i]) : language[i], lengths[i]);\n }\n\n var div = $('
').addClass(classes.sLength);\n\n if (!settings.aanFeatures.l) {\n div[0].id = tableId + '_length';\n }\n\n div.children().append(settings.oLanguage.sLengthMenu.replace('_MENU_', select[0].outerHTML)); // Can't use `select` variable as user might provide their own and the\n // reference is broken by the use of outerHTML\n\n $('select', div).val(settings._iDisplayLength).on('change.DT', function (e) {\n _fnLengthChange(settings, $(this).val());\n\n _fnDraw(settings);\n }); // Update node value whenever anything changes the table's length\n\n $(settings.nTable).on('length.dt.DT', function (e, s, len) {\n if (settings === s) {\n $('select', div).val(len);\n }\n });\n return div[0];\n }\n /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\n * Note that most of the paging logic is done in\n * DataTable.ext.pager\n */\n\n /**\n * Generate the node required for default pagination\n * @param {object} oSettings dataTables settings object\n * @returns {node} Pagination feature node\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlPaginate(settings) {\n var type = settings.sPaginationType,\n plugin = DataTable.ext.pager[type],\n modern = typeof plugin === 'function',\n redraw = function (settings) {\n _fnDraw(settings);\n },\n node = $('
').addClass(settings.oClasses.sPaging + type)[0],\n features = settings.aanFeatures;\n\n if (!modern) {\n plugin.fnInit(settings, node, redraw);\n }\n /* Add a draw callback for the pagination on first instance, to update the paging display */\n\n\n if (!features.p) {\n node.id = settings.sTableId + '_paginate';\n settings.aoDrawCallback.push({\n \"fn\": function (settings) {\n if (modern) {\n var start = settings._iDisplayStart,\n len = settings._iDisplayLength,\n visRecords = settings.fnRecordsDisplay(),\n all = len === -1,\n page = all ? 0 : Math.ceil(start / len),\n pages = all ? 1 : Math.ceil(visRecords / len),\n buttons = plugin(page, pages),\n i,\n ien;\n\n for (i = 0, ien = features.p.length; i < ien; i++) {\n _fnRenderer(settings, 'pageButton')(settings, features.p[i], i, buttons, page, pages);\n }\n } else {\n plugin.fnUpdate(settings, redraw);\n }\n },\n \"sName\": \"pagination\"\n });\n }\n\n return node;\n }\n /**\n * Alter the display settings to change the page\n * @param {object} settings DataTables settings object\n * @param {string|int} action Paging action to take: \"first\", \"previous\",\n * \"next\" or \"last\" or page number to jump to (integer)\n * @param [bool] redraw Automatically draw the update or not\n * @returns {bool} true page has changed, false - no change\n * @memberof DataTable#oApi\n */\n\n\n function _fnPageChange(settings, action, redraw) {\n var start = settings._iDisplayStart,\n len = settings._iDisplayLength,\n records = settings.fnRecordsDisplay();\n\n if (records === 0 || len === -1) {\n start = 0;\n } else if (typeof action === \"number\") {\n start = action * len;\n\n if (start > records) {\n start = 0;\n }\n } else if (action == \"first\") {\n start = 0;\n } else if (action == \"previous\") {\n start = len >= 0 ? start - len : 0;\n\n if (start < 0) {\n start = 0;\n }\n } else if (action == \"next\") {\n if (start + len < records) {\n start += len;\n }\n } else if (action == \"last\") {\n start = Math.floor((records - 1) / len) * len;\n } else {\n _fnLog(settings, 0, \"Unknown paging action: \" + action, 5);\n }\n\n var changed = settings._iDisplayStart !== start;\n settings._iDisplayStart = start;\n\n if (changed) {\n _fnCallbackFire(settings, null, 'page', [settings]);\n\n if (redraw) {\n _fnDraw(settings);\n }\n }\n\n return changed;\n }\n /**\n * Generate the node required for the processing node\n * @param {object} settings dataTables settings object\n * @returns {node} Processing element\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlProcessing(settings) {\n return $('
', {\n 'id': !settings.aanFeatures.r ? settings.sTableId + '_processing' : null,\n 'class': settings.oClasses.sProcessing\n }).html(settings.oLanguage.sProcessing).append('
').insertBefore(settings.nTable)[0];\n }\n /**\n * Display or hide the processing indicator\n * @param {object} settings dataTables settings object\n * @param {bool} show Show the processing indicator (true) or not (false)\n * @memberof DataTable#oApi\n */\n\n\n function _fnProcessingDisplay(settings, show) {\n if (settings.oFeatures.bProcessing) {\n $(settings.aanFeatures.r).css('display', show ? 'block' : 'none');\n }\n\n _fnCallbackFire(settings, null, 'processing', [settings, show]);\n }\n /**\n * Add any control elements for the table - specifically scrolling\n * @param {object} settings dataTables settings object\n * @returns {node} Node to add to the DOM\n * @memberof DataTable#oApi\n */\n\n\n function _fnFeatureHtmlTable(settings) {\n var table = $(settings.nTable); // Scrolling from here on in\n\n var scroll = settings.oScroll;\n\n if (scroll.sX === '' && scroll.sY === '') {\n return settings.nTable;\n }\n\n var scrollX = scroll.sX;\n var scrollY = scroll.sY;\n var classes = settings.oClasses;\n var caption = table.children('caption');\n var captionSide = caption.length ? caption[0]._captionSide : null;\n var headerClone = $(table[0].cloneNode(false));\n var footerClone = $(table[0].cloneNode(false));\n var footer = table.children('tfoot');\n var _div = '
';\n\n var size = function (s) {\n return !s ? null : _fnStringToCss(s);\n };\n\n if (!footer.length) {\n footer = null;\n }\n /*\n * The HTML structure that we want to generate in this function is:\n * div - scroller\n * div - scroll head\n * div - scroll head inner\n * table - scroll head table\n * thead - thead\n * div - scroll body\n * table - table (master table)\n * thead - thead clone for sizing\n * tbody - tbody\n * div - scroll foot\n * div - scroll foot inner\n * table - scroll foot table\n * tfoot - tfoot\n */\n\n\n var scroller = $(_div, {\n 'class': classes.sScrollWrapper\n }).append($(_div, {\n 'class': classes.sScrollHead\n }).css({\n overflow: 'hidden',\n position: 'relative',\n border: 0,\n width: scrollX ? size(scrollX) : '100%'\n }).append($(_div, {\n 'class': classes.sScrollHeadInner\n }).css({\n 'box-sizing': 'content-box',\n width: scroll.sXInner || '100%'\n }).append(headerClone.removeAttr('id').css('margin-left', 0).append(captionSide === 'top' ? caption : null).append(table.children('thead'))))).append($(_div, {\n 'class': classes.sScrollBody\n }).css({\n position: 'relative',\n overflow: 'auto',\n width: size(scrollX)\n }).append(table));\n\n if (footer) {\n scroller.append($(_div, {\n 'class': classes.sScrollFoot\n }).css({\n overflow: 'hidden',\n border: 0,\n width: scrollX ? size(scrollX) : '100%'\n }).append($(_div, {\n 'class': classes.sScrollFootInner\n }).append(footerClone.removeAttr('id').css('margin-left', 0).append(captionSide === 'bottom' ? caption : null).append(table.children('tfoot')))));\n }\n\n var children = scroller.children();\n var scrollHead = children[0];\n var scrollBody = children[1];\n var scrollFoot = footer ? children[2] : null; // When the body is scrolled, then we also want to scroll the headers\n\n if (scrollX) {\n $(scrollBody).on('scroll.DT', function (e) {\n var scrollLeft = this.scrollLeft;\n scrollHead.scrollLeft = scrollLeft;\n\n if (footer) {\n scrollFoot.scrollLeft = scrollLeft;\n }\n });\n }\n\n $(scrollBody).css('max-height', scrollY);\n\n if (!scroll.bCollapse) {\n $(scrollBody).css('height', scrollY);\n }\n\n settings.nScrollHead = scrollHead;\n settings.nScrollBody = scrollBody;\n settings.nScrollFoot = scrollFoot; // On redraw - align columns\n\n settings.aoDrawCallback.push({\n \"fn\": _fnScrollDraw,\n \"sName\": \"scrolling\"\n });\n return scroller[0];\n }\n /**\n * Update the header, footer and body tables for resizing - i.e. column\n * alignment.\n *\n * Welcome to the most horrible function DataTables. The process that this\n * function follows is basically:\n * 1. Re-create the table inside the scrolling div\n * 2. Take live measurements from the DOM\n * 3. Apply the measurements to align the columns\n * 4. Clean up\n *\n * @param {object} settings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnScrollDraw(settings) {\n // Given that this is such a monster function, a lot of variables are use\n // to try and keep the minimised size as small as possible\n var scroll = settings.oScroll,\n scrollX = scroll.sX,\n scrollXInner = scroll.sXInner,\n scrollY = scroll.sY,\n barWidth = scroll.iBarWidth,\n divHeader = $(settings.nScrollHead),\n divHeaderStyle = divHeader[0].style,\n divHeaderInner = divHeader.children('div'),\n divHeaderInnerStyle = divHeaderInner[0].style,\n divHeaderTable = divHeaderInner.children('table'),\n divBodyEl = settings.nScrollBody,\n divBody = $(divBodyEl),\n divBodyStyle = divBodyEl.style,\n divFooter = $(settings.nScrollFoot),\n divFooterInner = divFooter.children('div'),\n divFooterTable = divFooterInner.children('table'),\n header = $(settings.nTHead),\n table = $(settings.nTable),\n tableEl = table[0],\n tableStyle = tableEl.style,\n footer = settings.nTFoot ? $(settings.nTFoot) : null,\n browser = settings.oBrowser,\n ie67 = browser.bScrollOversize,\n dtHeaderCells = _pluck(settings.aoColumns, 'nTh'),\n headerTrgEls,\n footerTrgEls,\n headerSrcEls,\n footerSrcEls,\n headerCopy,\n footerCopy,\n headerWidths = [],\n footerWidths = [],\n headerContent = [],\n footerContent = [],\n idx,\n correction,\n sanityWidth,\n zeroOut = function (nSizer) {\n var style = nSizer.style;\n style.paddingTop = \"0\";\n style.paddingBottom = \"0\";\n style.borderTopWidth = \"0\";\n style.borderBottomWidth = \"0\";\n style.height = 0;\n }; // If the scrollbar visibility has changed from the last draw, we need to\n // adjust the column sizes as the table width will have changed to account\n // for the scrollbar\n\n\n var scrollBarVis = divBodyEl.scrollHeight > divBodyEl.clientHeight;\n\n if (settings.scrollBarVis !== scrollBarVis && settings.scrollBarVis !== undefined) {\n settings.scrollBarVis = scrollBarVis;\n\n _fnAdjustColumnSizing(settings);\n\n return; // adjust column sizing will call this function again\n } else {\n settings.scrollBarVis = scrollBarVis;\n }\n /*\n * 1. Re-create the table inside the scrolling div\n */\n // Remove the old minimised thead and tfoot elements in the inner table\n\n\n table.children('thead, tfoot').remove();\n\n if (footer) {\n footerCopy = footer.clone().prependTo(table);\n footerTrgEls = footer.find('tr'); // the original tfoot is in its own table and must be sized\n\n footerSrcEls = footerCopy.find('tr');\n footerCopy.find('[id]').removeAttr('id');\n } // Clone the current header and footer elements and then place it into the inner table\n\n\n headerCopy = header.clone().prependTo(table);\n headerTrgEls = header.find('tr'); // original header is in its own table\n\n headerSrcEls = headerCopy.find('tr');\n headerCopy.find('th, td').removeAttr('tabindex');\n headerCopy.find('[id]').removeAttr('id');\n /*\n * 2. Take live measurements from the DOM - do not alter the DOM itself!\n */\n // Remove old sizing and apply the calculated column widths\n // Get the unique column headers in the newly created (cloned) header. We want to apply the\n // calculated sizes to this header\n\n if (!scrollX) {\n divBodyStyle.width = '100%';\n divHeader[0].style.width = '100%';\n }\n\n $.each(_fnGetUniqueThs(settings, headerCopy), function (i, el) {\n idx = _fnVisibleToColumnIndex(settings, i);\n el.style.width = settings.aoColumns[idx].sWidth;\n });\n\n if (footer) {\n _fnApplyToChildren(function (n) {\n n.style.width = \"\";\n }, footerSrcEls);\n } // Size the table as a whole\n\n\n sanityWidth = table.outerWidth();\n\n if (scrollX === \"\") {\n // No x scrolling\n tableStyle.width = \"100%\"; // IE7 will make the width of the table when 100% include the scrollbar\n // - which is shouldn't. When there is a scrollbar we need to take this\n // into account.\n\n if (ie67 && (table.find('tbody').height() > divBodyEl.offsetHeight || divBody.css('overflow-y') == \"scroll\")) {\n tableStyle.width = _fnStringToCss(table.outerWidth() - barWidth);\n } // Recalculate the sanity width\n\n\n sanityWidth = table.outerWidth();\n } else if (scrollXInner !== \"\") {\n // legacy x scroll inner has been given - use it\n tableStyle.width = _fnStringToCss(scrollXInner); // Recalculate the sanity width\n\n sanityWidth = table.outerWidth();\n } // Hidden header should have zero height, so remove padding and borders. Then\n // set the width based on the real headers\n // Apply all styles in one pass\n\n\n _fnApplyToChildren(zeroOut, headerSrcEls); // Read all widths in next pass\n\n\n _fnApplyToChildren(function (nSizer) {\n var style = window.getComputedStyle ? window.getComputedStyle(nSizer).width : _fnStringToCss($(nSizer).width());\n headerContent.push(nSizer.innerHTML);\n headerWidths.push(style);\n }, headerSrcEls); // Apply all widths in final pass\n\n\n _fnApplyToChildren(function (nToSize, i) {\n nToSize.style.width = headerWidths[i];\n }, headerTrgEls);\n\n $(headerSrcEls).css('height', 0);\n /* Same again with the footer if we have one */\n\n if (footer) {\n _fnApplyToChildren(zeroOut, footerSrcEls);\n\n _fnApplyToChildren(function (nSizer) {\n footerContent.push(nSizer.innerHTML);\n footerWidths.push(_fnStringToCss($(nSizer).css('width')));\n }, footerSrcEls);\n\n _fnApplyToChildren(function (nToSize, i) {\n nToSize.style.width = footerWidths[i];\n }, footerTrgEls);\n\n $(footerSrcEls).height(0);\n }\n /*\n * 3. Apply the measurements\n */\n // \"Hide\" the header and footer that we used for the sizing. We need to keep\n // the content of the cell so that the width applied to the header and body\n // both match, but we want to hide it completely. We want to also fix their\n // width to what they currently are\n\n\n _fnApplyToChildren(function (nSizer, i) {\n nSizer.innerHTML = '
' + headerContent[i] + '
';\n nSizer.childNodes[0].style.height = \"0\";\n nSizer.childNodes[0].style.overflow = \"hidden\";\n nSizer.style.width = headerWidths[i];\n }, headerSrcEls);\n\n if (footer) {\n _fnApplyToChildren(function (nSizer, i) {\n nSizer.innerHTML = '
' + footerContent[i] + '
';\n nSizer.childNodes[0].style.height = \"0\";\n nSizer.childNodes[0].style.overflow = \"hidden\";\n nSizer.style.width = footerWidths[i];\n }, footerSrcEls);\n } // Sanity check that the table is of a sensible width. If not then we are going to get\n // misalignment - try to prevent this by not allowing the table to shrink below its min width\n\n\n if (Math.round(table.outerWidth()) < Math.round(sanityWidth)) {\n // The min width depends upon if we have a vertical scrollbar visible or not */\n correction = divBodyEl.scrollHeight > divBodyEl.offsetHeight || divBody.css('overflow-y') == \"scroll\" ? sanityWidth + barWidth : sanityWidth; // IE6/7 are a law unto themselves...\n\n if (ie67 && (divBodyEl.scrollHeight > divBodyEl.offsetHeight || divBody.css('overflow-y') == \"scroll\")) {\n tableStyle.width = _fnStringToCss(correction - barWidth);\n } // And give the user a warning that we've stopped the table getting too small\n\n\n if (scrollX === \"\" || scrollXInner !== \"\") {\n _fnLog(settings, 1, 'Possible column misalignment', 6);\n }\n } else {\n correction = '100%';\n } // Apply to the container elements\n\n\n divBodyStyle.width = _fnStringToCss(correction);\n divHeaderStyle.width = _fnStringToCss(correction);\n\n if (footer) {\n settings.nScrollFoot.style.width = _fnStringToCss(correction);\n }\n /*\n * 4. Clean up\n */\n\n\n if (!scrollY) {\n /* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting\n * the scrollbar height from the visible display, rather than adding it on. We need to\n * set the height in order to sort this. Don't want to do it in any other browsers.\n */\n if (ie67) {\n divBodyStyle.height = _fnStringToCss(tableEl.offsetHeight + barWidth);\n }\n }\n /* Finally set the width's of the header and footer tables */\n\n\n var iOuterWidth = table.outerWidth();\n divHeaderTable[0].style.width = _fnStringToCss(iOuterWidth);\n divHeaderInnerStyle.width = _fnStringToCss(iOuterWidth); // Figure out if there are scrollbar present - if so then we need a the header and footer to\n // provide a bit more space to allow \"overflow\" scrolling (i.e. past the scrollbar)\n\n var bScrolling = table.height() > divBodyEl.clientHeight || divBody.css('overflow-y') == \"scroll\";\n var padding = 'padding' + (browser.bScrollbarLeft ? 'Left' : 'Right');\n divHeaderInnerStyle[padding] = bScrolling ? barWidth + \"px\" : \"0px\";\n\n if (footer) {\n divFooterTable[0].style.width = _fnStringToCss(iOuterWidth);\n divFooterInner[0].style.width = _fnStringToCss(iOuterWidth);\n divFooterInner[0].style[padding] = bScrolling ? barWidth + \"px\" : \"0px\";\n } // Correct DOM ordering for colgroup - comes before the thead\n\n\n table.children('colgroup').insertBefore(table.children('thead'));\n /* Adjust the position of the header in case we loose the y-scrollbar */\n\n divBody.trigger('scroll'); // If sorting or filtering has occurred, jump the scrolling back to the top\n // only if we aren't holding the position\n\n if ((settings.bSorted || settings.bFiltered) && !settings._drawHold) {\n divBodyEl.scrollTop = 0;\n }\n }\n /**\n * Apply a given function to the display child nodes of an element array (typically\n * TD children of TR rows\n * @param {function} fn Method to apply to the objects\n * @param array {nodes} an1 List of elements to look through for display children\n * @param array {nodes} an2 Another list (identical structure to the first) - optional\n * @memberof DataTable#oApi\n */\n\n\n function _fnApplyToChildren(fn, an1, an2) {\n var index = 0,\n i = 0,\n iLen = an1.length;\n var nNode1, nNode2;\n\n while (i < iLen) {\n nNode1 = an1[i].firstChild;\n nNode2 = an2 ? an2[i].firstChild : null;\n\n while (nNode1) {\n if (nNode1.nodeType === 1) {\n if (an2) {\n fn(nNode1, nNode2, index);\n } else {\n fn(nNode1, index);\n }\n\n index++;\n }\n\n nNode1 = nNode1.nextSibling;\n nNode2 = an2 ? nNode2.nextSibling : null;\n }\n\n i++;\n }\n }\n\n var __re_html_remove = /<.*?>/g;\n /**\n * Calculate the width of columns for the table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n function _fnCalculateColumnWidths(oSettings) {\n var table = oSettings.nTable,\n columns = oSettings.aoColumns,\n scroll = oSettings.oScroll,\n scrollY = scroll.sY,\n scrollX = scroll.sX,\n scrollXInner = scroll.sXInner,\n columnCount = columns.length,\n visibleColumns = _fnGetColumns(oSettings, 'bVisible'),\n headerCells = $('th', oSettings.nTHead),\n tableWidthAttr = table.getAttribute('width'),\n // from DOM element\n tableContainer = table.parentNode,\n userInputs = false,\n i,\n column,\n columnIdx,\n width,\n outerWidth,\n browser = oSettings.oBrowser,\n ie67 = browser.bScrollOversize;\n\n var styleWidth = table.style.width;\n\n if (styleWidth && styleWidth.indexOf('%') !== -1) {\n tableWidthAttr = styleWidth;\n }\n /* Convert any user input sizes into pixel sizes */\n\n\n for (i = 0; i < visibleColumns.length; i++) {\n column = columns[visibleColumns[i]];\n\n if (column.sWidth !== null) {\n column.sWidth = _fnConvertToWidth(column.sWidthOrig, tableContainer);\n userInputs = true;\n }\n }\n /* If the number of columns in the DOM equals the number that we have to\n * process in DataTables, then we can use the offsets that are created by\n * the web- browser. No custom sizes can be set in order for this to happen,\n * nor scrolling used\n */\n\n\n if (ie67 || !userInputs && !scrollX && !scrollY && columnCount == _fnVisbleColumns(oSettings) && columnCount == headerCells.length) {\n for (i = 0; i < columnCount; i++) {\n var colIdx = _fnVisibleToColumnIndex(oSettings, i);\n\n if (colIdx !== null) {\n columns[colIdx].sWidth = _fnStringToCss(headerCells.eq(i).width());\n }\n }\n } else {\n // Otherwise construct a single row, worst case, table with the widest\n // node in the data, assign any user defined widths, then insert it into\n // the DOM and allow the browser to do all the hard work of calculating\n // table widths\n var tmpTable = $(table).clone() // don't use cloneNode - IE8 will remove events on the main table\n .css('visibility', 'hidden').removeAttr('id'); // Clean up the table body\n\n tmpTable.find('tbody tr').remove();\n var tr = $('
|
').appendTo(tmpTable.find('tbody')); // Clone the table header and footer - we can't use the header / footer\n // from the cloned table, since if scrolling is active, the table's\n // real header and footer are contained in different table tags\n\n tmpTable.find('thead, tfoot').remove();\n tmpTable.append($(oSettings.nTHead).clone()).append($(oSettings.nTFoot).clone()); // Remove any assigned widths from the footer (from scrolling)\n\n tmpTable.find('tfoot th, tfoot td').css('width', ''); // Apply custom sizing to the cloned header\n\n headerCells = _fnGetUniqueThs(oSettings, tmpTable.find('thead')[0]);\n\n for (i = 0; i < visibleColumns.length; i++) {\n column = columns[visibleColumns[i]];\n headerCells[i].style.width = column.sWidthOrig !== null && column.sWidthOrig !== '' ? _fnStringToCss(column.sWidthOrig) : ''; // For scrollX we need to force the column width otherwise the\n // browser will collapse it. If this width is smaller than the\n // width the column requires, then it will have no effect\n\n if (column.sWidthOrig && scrollX) {\n $(headerCells[i]).append($('
').css({\n width: column.sWidthOrig,\n margin: 0,\n padding: 0,\n border: 0,\n height: 1\n }));\n }\n } // Find the widest cell for each column and put it into the table\n\n\n if (oSettings.aoData.length) {\n for (i = 0; i < visibleColumns.length; i++) {\n columnIdx = visibleColumns[i];\n column = columns[columnIdx];\n $(_fnGetWidestNode(oSettings, columnIdx)).clone(false).append(column.sContentPadding).appendTo(tr);\n }\n } // Tidy the temporary table - remove name attributes so there aren't\n // duplicated in the dom (radio elements for example)\n\n\n $('[name]', tmpTable).removeAttr('name'); // Table has been built, attach to the document so we can work with it.\n // A holding element is used, positioned at the top of the container\n // with minimal height, so it has no effect on if the container scrolls\n // or not. Otherwise it might trigger scrolling when it actually isn't\n // needed\n\n var holder = $('
').css(scrollX || scrollY ? {\n position: 'absolute',\n top: 0,\n left: 0,\n height: 1,\n right: 0,\n overflow: 'hidden'\n } : {}).append(tmpTable).appendTo(tableContainer); // When scrolling (X or Y) we want to set the width of the table as \n // appropriate. However, when not scrolling leave the table width as it\n // is. This results in slightly different, but I think correct behaviour\n\n if (scrollX && scrollXInner) {\n tmpTable.width(scrollXInner);\n } else if (scrollX) {\n tmpTable.css('width', 'auto');\n tmpTable.removeAttr('width'); // If there is no width attribute or style, then allow the table to\n // collapse\n\n if (tmpTable.width() < tableContainer.clientWidth && tableWidthAttr) {\n tmpTable.width(tableContainer.clientWidth);\n }\n } else if (scrollY) {\n tmpTable.width(tableContainer.clientWidth);\n } else if (tableWidthAttr) {\n tmpTable.width(tableWidthAttr);\n } // Get the width of each column in the constructed table - we need to\n // know the inner width (so it can be assigned to the other table's\n // cells) and the outer width so we can calculate the full width of the\n // table. This is safe since DataTables requires a unique cell for each\n // column, but if ever a header can span multiple columns, this will\n // need to be modified.\n\n\n var total = 0;\n\n for (i = 0; i < visibleColumns.length; i++) {\n var cell = $(headerCells[i]);\n var border = cell.outerWidth() - cell.width(); // Use getBounding... where possible (not IE8-) because it can give\n // sub-pixel accuracy, which we then want to round up!\n\n var bounding = browser.bBounding ? Math.ceil(headerCells[i].getBoundingClientRect().width) : cell.outerWidth(); // Total is tracked to remove any sub-pixel errors as the outerWidth\n // of the table might not equal the total given here (IE!).\n\n total += bounding; // Width for each column to use\n\n columns[visibleColumns[i]].sWidth = _fnStringToCss(bounding - border);\n }\n\n table.style.width = _fnStringToCss(total); // Finished with the table - ditch it\n\n holder.remove();\n } // If there is a width attr, we want to attach an event listener which\n // allows the table sizing to automatically adjust when the window is\n // resized. Use the width attr rather than CSS, since we can't know if the\n // CSS is a relative value or absolute - DOM read is always px.\n\n\n if (tableWidthAttr) {\n table.style.width = _fnStringToCss(tableWidthAttr);\n }\n\n if ((tableWidthAttr || scrollX) && !oSettings._reszEvt) {\n var bindResize = function () {\n $(window).on('resize.DT-' + oSettings.sInstance, _fnThrottle(function () {\n _fnAdjustColumnSizing(oSettings);\n }));\n }; // IE6/7 will crash if we bind a resize event handler on page load.\n // To be removed in 1.11 which drops IE6/7 support\n\n\n if (ie67) {\n setTimeout(bindResize, 1000);\n } else {\n bindResize();\n }\n\n oSettings._reszEvt = true;\n }\n }\n /**\n * Throttle the calls to a function. Arguments and context are maintained for\n * the throttled function\n * @param {function} fn Function to be called\n * @param {int} [freq=200] call frequency in mS\n * @returns {function} wrapped function\n * @memberof DataTable#oApi\n */\n\n\n var _fnThrottle = DataTable.util.throttle;\n /**\n * Convert a CSS unit width to pixels (e.g. 2em)\n * @param {string} width width to be converted\n * @param {node} parent parent to get the with for (required for relative widths) - optional\n * @returns {int} width in pixels\n * @memberof DataTable#oApi\n */\n\n function _fnConvertToWidth(width, parent) {\n if (!width) {\n return 0;\n }\n\n var n = $('
').css('width', _fnStringToCss(width)).appendTo(parent || document.body);\n var val = n[0].offsetWidth;\n n.remove();\n return val;\n }\n /**\n * Get the widest node\n * @param {object} settings dataTables settings object\n * @param {int} colIdx column of interest\n * @returns {node} widest table node\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetWidestNode(settings, colIdx) {\n var idx = _fnGetMaxLenString(settings, colIdx);\n\n if (idx < 0) {\n return null;\n }\n\n var data = settings.aoData[idx];\n return !data.nTr ? // Might not have been created when deferred rendering\n $('
| ').html(_fnGetCellData(settings, idx, colIdx, 'display'))[0] : data.anCells[colIdx];\n }\n /**\n * Get the maximum strlen for each data column\n * @param {object} settings dataTables settings object\n * @param {int} colIdx column of interest\n * @returns {string} max string length for each column\n * @memberof DataTable#oApi\n */\n\n\n function _fnGetMaxLenString(settings, colIdx) {\n var s,\n max = -1,\n maxIdx = -1;\n\n for (var i = 0, ien = settings.aoData.length; i < ien; i++) {\n s = _fnGetCellData(settings, i, colIdx, 'display') + '';\n s = s.replace(__re_html_remove, '');\n s = s.replace(/ /g, ' ');\n\n if (s.length > max) {\n max = s.length;\n maxIdx = i;\n }\n }\n\n return maxIdx;\n }\n /**\n * Append a CSS unit (only if required) to a string\n * @param {string} value to css-ify\n * @returns {string} value with css unit\n * @memberof DataTable#oApi\n */\n\n\n function _fnStringToCss(s) {\n if (s === null) {\n return '0px';\n }\n\n if (typeof s == 'number') {\n return s < 0 ? '0px' : s + 'px';\n } // Check it has a unit character already\n\n\n return s.match(/\\d$/) ? s + 'px' : s;\n }\n\n function _fnSortFlatten(settings) {\n var i,\n iLen,\n k,\n kLen,\n aSort = [],\n aiOrig = [],\n aoColumns = settings.aoColumns,\n aDataSort,\n iCol,\n sType,\n srcCol,\n fixed = settings.aaSortingFixed,\n fixedObj = $.isPlainObject(fixed),\n nestedSort = [],\n add = function (a) {\n if (a.length && !Array.isArray(a[0])) {\n // 1D array\n nestedSort.push(a);\n } else {\n // 2D array\n $.merge(nestedSort, a);\n }\n }; // Build the sort array, with pre-fix and post-fix options if they have been\n // specified\n\n\n if (Array.isArray(fixed)) {\n add(fixed);\n }\n\n if (fixedObj && fixed.pre) {\n add(fixed.pre);\n }\n\n add(settings.aaSorting);\n\n if (fixedObj && fixed.post) {\n add(fixed.post);\n }\n\n for (i = 0; i < nestedSort.length; i++) {\n srcCol = nestedSort[i][0];\n aDataSort = aoColumns[srcCol].aDataSort;\n\n for (k = 0, kLen = aDataSort.length; k < kLen; k++) {\n iCol = aDataSort[k];\n sType = aoColumns[iCol].sType || 'string';\n\n if (nestedSort[i]._idx === undefined) {\n nestedSort[i]._idx = $.inArray(nestedSort[i][1], aoColumns[iCol].asSorting);\n }\n\n aSort.push({\n src: srcCol,\n col: iCol,\n dir: nestedSort[i][1],\n index: nestedSort[i]._idx,\n type: sType,\n formatter: DataTable.ext.type.order[sType + \"-pre\"]\n });\n }\n }\n\n return aSort;\n }\n /**\n * Change the order of the table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n * @todo This really needs split up!\n */\n\n\n function _fnSort(oSettings) {\n var i,\n ien,\n iLen,\n j,\n jLen,\n k,\n kLen,\n sDataType,\n nTh,\n aiOrig = [],\n oExtSort = DataTable.ext.type.order,\n aoData = oSettings.aoData,\n aoColumns = oSettings.aoColumns,\n aDataSort,\n data,\n iCol,\n sType,\n oSort,\n formatters = 0,\n sortCol,\n displayMaster = oSettings.aiDisplayMaster,\n aSort; // Resolve any column types that are unknown due to addition or invalidation\n // @todo Can this be moved into a 'data-ready' handler which is called when\n // data is going to be used in the table?\n\n _fnColumnTypes(oSettings);\n\n aSort = _fnSortFlatten(oSettings);\n\n for (i = 0, ien = aSort.length; i < ien; i++) {\n sortCol = aSort[i]; // Track if we can use the fast sort algorithm\n\n if (sortCol.formatter) {\n formatters++;\n } // Load the data needed for the sort, for each cell\n\n\n _fnSortData(oSettings, sortCol.col);\n }\n /* No sorting required if server-side or no sorting array */\n\n\n if (_fnDataSource(oSettings) != 'ssp' && aSort.length !== 0) {\n // Create a value - key array of the current row positions such that we can use their\n // current position during the sort, if values match, in order to perform stable sorting\n for (i = 0, iLen = displayMaster.length; i < iLen; i++) {\n aiOrig[displayMaster[i]] = i;\n }\n /* Do the sort - here we want multi-column sorting based on a given data source (column)\n * and sorting function (from oSort) in a certain direction. It's reasonably complex to\n * follow on it's own, but this is what we want (example two column sorting):\n * fnLocalSorting = function(a,b){\n * var iTest;\n * iTest = oSort['string-asc']('data11', 'data12');\n * if (iTest !== 0)\n * return iTest;\n * iTest = oSort['numeric-desc']('data21', 'data22');\n * if (iTest !== 0)\n * return iTest;\n * return oSort['numeric-asc']( aiOrig[a], aiOrig[b] );\n * }\n * Basically we have a test for each sorting column, if the data in that column is equal,\n * test the next column. If all columns match, then we use a numeric sort on the row\n * positions in the original data array to provide a stable sort.\n *\n * Note - I know it seems excessive to have two sorting methods, but the first is around\n * 15% faster, so the second is only maintained for backwards compatibility with sorting\n * methods which do not have a pre-sort formatting function.\n */\n\n\n if (formatters === aSort.length) {\n // All sort types have formatting functions\n displayMaster.sort(function (a, b) {\n var x,\n y,\n k,\n test,\n sort,\n len = aSort.length,\n dataA = aoData[a]._aSortData,\n dataB = aoData[b]._aSortData;\n\n for (k = 0; k < len; k++) {\n sort = aSort[k];\n x = dataA[sort.col];\n y = dataB[sort.col];\n test = x < y ? -1 : x > y ? 1 : 0;\n\n if (test !== 0) {\n return sort.dir === 'asc' ? test : -test;\n }\n }\n\n x = aiOrig[a];\n y = aiOrig[b];\n return x < y ? -1 : x > y ? 1 : 0;\n });\n } else {\n // Depreciated - remove in 1.11 (providing a plug-in option)\n // Not all sort types have formatting methods, so we have to call their sorting\n // methods.\n displayMaster.sort(function (a, b) {\n var x,\n y,\n k,\n l,\n test,\n sort,\n fn,\n len = aSort.length,\n dataA = aoData[a]._aSortData,\n dataB = aoData[b]._aSortData;\n\n for (k = 0; k < len; k++) {\n sort = aSort[k];\n x = dataA[sort.col];\n y = dataB[sort.col];\n fn = oExtSort[sort.type + \"-\" + sort.dir] || oExtSort[\"string-\" + sort.dir];\n test = fn(x, y);\n\n if (test !== 0) {\n return test;\n }\n }\n\n x = aiOrig[a];\n y = aiOrig[b];\n return x < y ? -1 : x > y ? 1 : 0;\n });\n }\n }\n /* Tell the draw function that we have sorted the data */\n\n\n oSettings.bSorted = true;\n }\n\n function _fnSortAria(settings) {\n var label;\n var nextSort;\n var columns = settings.aoColumns;\n\n var aSort = _fnSortFlatten(settings);\n\n var oAria = settings.oLanguage.oAria; // ARIA attributes - need to loop all columns, to update all (removing old\n // attributes as needed)\n\n for (var i = 0, iLen = columns.length; i < iLen; i++) {\n var col = columns[i];\n var asSorting = col.asSorting;\n var sTitle = col.ariaTitle || col.sTitle.replace(/<.*?>/g, \"\");\n var th = col.nTh; // IE7 is throwing an error when setting these properties with jQuery's\n // attr() and removeAttr() methods...\n\n th.removeAttribute('aria-sort');\n /* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */\n\n if (col.bSortable) {\n if (aSort.length > 0 && aSort[0].col == i) {\n th.setAttribute('aria-sort', aSort[0].dir == \"asc\" ? \"ascending\" : \"descending\");\n nextSort = asSorting[aSort[0].index + 1] || asSorting[0];\n } else {\n nextSort = asSorting[0];\n }\n\n label = sTitle + (nextSort === \"asc\" ? oAria.sSortAscending : oAria.sSortDescending);\n } else {\n label = sTitle;\n }\n\n th.setAttribute('aria-label', label);\n }\n }\n /**\n * Function to run on user sort request\n * @param {object} settings dataTables settings object\n * @param {node} attachTo node to attach the handler to\n * @param {int} colIdx column sorting index\n * @param {boolean} [append=false] Append the requested sort to the existing\n * sort if true (i.e. multi-column sort)\n * @param {function} [callback] callback function\n * @memberof DataTable#oApi\n */\n\n\n function _fnSortListener(settings, colIdx, append, callback) {\n var col = settings.aoColumns[colIdx];\n var sorting = settings.aaSorting;\n var asSorting = col.asSorting;\n var nextSortIdx;\n\n var next = function (a, overflow) {\n var idx = a._idx;\n\n if (idx === undefined) {\n idx = $.inArray(a[1], asSorting);\n }\n\n return idx + 1 < asSorting.length ? idx + 1 : overflow ? null : 0;\n }; // Convert to 2D array if needed\n\n\n if (typeof sorting[0] === 'number') {\n sorting = settings.aaSorting = [sorting];\n } // If appending the sort then we are multi-column sorting\n\n\n if (append && settings.oFeatures.bSortMulti) {\n // Are we already doing some kind of sort on this column?\n var sortIdx = $.inArray(colIdx, _pluck(sorting, '0'));\n\n if (sortIdx !== -1) {\n // Yes, modify the sort\n nextSortIdx = next(sorting[sortIdx], true);\n\n if (nextSortIdx === null && sorting.length === 1) {\n nextSortIdx = 0; // can't remove sorting completely\n }\n\n if (nextSortIdx === null) {\n sorting.splice(sortIdx, 1);\n } else {\n sorting[sortIdx][1] = asSorting[nextSortIdx];\n sorting[sortIdx]._idx = nextSortIdx;\n }\n } else {\n // No sort on this column yet\n sorting.push([colIdx, asSorting[0], 0]);\n sorting[sorting.length - 1]._idx = 0;\n }\n } else if (sorting.length && sorting[0][0] == colIdx) {\n // Single column - already sorting on this column, modify the sort\n nextSortIdx = next(sorting[0]);\n sorting.length = 1;\n sorting[0][1] = asSorting[nextSortIdx];\n sorting[0]._idx = nextSortIdx;\n } else {\n // Single column - sort only on this column\n sorting.length = 0;\n sorting.push([colIdx, asSorting[0]]);\n sorting[0]._idx = 0;\n } // Run the sort by calling a full redraw\n\n\n _fnReDraw(settings); // callback used for async user interaction\n\n\n if (typeof callback == 'function') {\n callback(settings);\n }\n }\n /**\n * Attach a sort handler (click) to a node\n * @param {object} settings dataTables settings object\n * @param {node} attachTo node to attach the handler to\n * @param {int} colIdx column sorting index\n * @param {function} [callback] callback function\n * @memberof DataTable#oApi\n */\n\n\n function _fnSortAttachListener(settings, attachTo, colIdx, callback) {\n var col = settings.aoColumns[colIdx];\n\n _fnBindAction(attachTo, {}, function (e) {\n /* If the column is not sortable - don't to anything */\n if (col.bSortable === false) {\n return;\n } // If processing is enabled use a timeout to allow the processing\n // display to be shown - otherwise to it synchronously\n\n\n if (settings.oFeatures.bProcessing) {\n _fnProcessingDisplay(settings, true);\n\n setTimeout(function () {\n _fnSortListener(settings, colIdx, e.shiftKey, callback); // In server-side processing, the draw callback will remove the\n // processing display\n\n\n if (_fnDataSource(settings) !== 'ssp') {\n _fnProcessingDisplay(settings, false);\n }\n }, 0);\n } else {\n _fnSortListener(settings, colIdx, e.shiftKey, callback);\n }\n });\n }\n /**\n * Set the sorting classes on table's body, Note: it is safe to call this function\n * when bSort and bSortClasses are false\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnSortingClasses(settings) {\n var oldSort = settings.aLastSort;\n var sortClass = settings.oClasses.sSortColumn;\n\n var sort = _fnSortFlatten(settings);\n\n var features = settings.oFeatures;\n var i, ien, colIdx;\n\n if (features.bSort && features.bSortClasses) {\n // Remove old sorting classes\n for (i = 0, ien = oldSort.length; i < ien; i++) {\n colIdx = oldSort[i].src; // Remove column sorting\n\n $(_pluck(settings.aoData, 'anCells', colIdx)).removeClass(sortClass + (i < 2 ? i + 1 : 3));\n } // Add new column sorting\n\n\n for (i = 0, ien = sort.length; i < ien; i++) {\n colIdx = sort[i].src;\n $(_pluck(settings.aoData, 'anCells', colIdx)).addClass(sortClass + (i < 2 ? i + 1 : 3));\n }\n }\n\n settings.aLastSort = sort;\n } // Get the data to sort a column, be it from cache, fresh (populating the\n // cache), or from a sort formatter\n\n\n function _fnSortData(settings, idx) {\n // Custom sorting function - provided by the sort data type\n var column = settings.aoColumns[idx];\n var customSort = DataTable.ext.order[column.sSortDataType];\n var customData;\n\n if (customSort) {\n customData = customSort.call(settings.oInstance, settings, idx, _fnColumnIndexToVisible(settings, idx));\n } // Use / populate cache\n\n\n var row, cellData;\n var formatter = DataTable.ext.type.order[column.sType + \"-pre\"];\n\n for (var i = 0, ien = settings.aoData.length; i < ien; i++) {\n row = settings.aoData[i];\n\n if (!row._aSortData) {\n row._aSortData = [];\n }\n\n if (!row._aSortData[idx] || customSort) {\n cellData = customSort ? customData[i] : // If there was a custom sort function, use data from there\n _fnGetCellData(settings, i, idx, 'sort');\n row._aSortData[idx] = formatter ? formatter(cellData) : cellData;\n }\n }\n }\n /**\n * Save the state of a table\n * @param {object} oSettings dataTables settings object\n * @memberof DataTable#oApi\n */\n\n\n function _fnSaveState(settings) {\n if (settings._bLoadingState) {\n return;\n }\n /* Store the interesting variables */\n\n\n var state = {\n time: +new Date(),\n start: settings._iDisplayStart,\n length: settings._iDisplayLength,\n order: $.extend(true, [], settings.aaSorting),\n search: _fnSearchToCamel(settings.oPreviousSearch),\n columns: $.map(settings.aoColumns, function (col, i) {\n return {\n visible: col.bVisible,\n search: _fnSearchToCamel(settings.aoPreSearchCols[i])\n };\n })\n };\n settings.oSavedState = state;\n\n _fnCallbackFire(settings, \"aoStateSaveParams\", 'stateSaveParams', [settings, state]);\n\n if (settings.oFeatures.bStateSave && !settings.bDestroying) {\n settings.fnStateSaveCallback.call(settings.oInstance, settings, state);\n }\n }\n /**\n * Attempt to load a saved table state\n * @param {object} oSettings dataTables settings object\n * @param {object} oInit DataTables init object so we can override settings\n * @param {function} callback Callback to execute when the state has been loaded\n * @memberof DataTable#oApi\n */\n\n\n function _fnLoadState(settings, oInit, callback) {\n if (!settings.oFeatures.bStateSave) {\n callback();\n return;\n }\n\n var loaded = function (state) {\n _fnImplementState(settings, state, callback);\n };\n\n var state = settings.fnStateLoadCallback.call(settings.oInstance, settings, loaded);\n\n if (state !== undefined) {\n _fnImplementState(settings, state, callback);\n } // otherwise, wait for the loaded callback to be executed\n\n\n return true;\n }\n\n function _fnImplementState(settings, s, callback) {\n var i, ien;\n var columns = settings.aoColumns;\n settings._bLoadingState = true; // When StateRestore was introduced the state could now be implemented at any time\n // Not just initialisation. To do this an api instance is required in some places\n\n var api = settings._bInitComplete ? new DataTable.Api(settings) : null;\n\n if (!s || !s.time) {\n settings._bLoadingState = false;\n callback();\n return;\n } // Allow custom and plug-in manipulation functions to alter the saved data set and\n // cancelling of loading by returning false\n\n\n var abStateLoad = _fnCallbackFire(settings, 'aoStateLoadParams', 'stateLoadParams', [settings, s]);\n\n if ($.inArray(false, abStateLoad) !== -1) {\n settings._bLoadingState = false;\n callback();\n return;\n } // Reject old data\n\n\n var duration = settings.iStateDuration;\n\n if (duration > 0 && s.time < +new Date() - duration * 1000) {\n settings._bLoadingState = false;\n callback();\n return;\n } // Number of columns have changed - all bets are off, no restore of settings\n\n\n if (s.columns && columns.length !== s.columns.length) {\n settings._bLoadingState = false;\n callback();\n return;\n } // Store the saved state so it might be accessed at any time\n\n\n settings.oLoadedState = $.extend(true, {}, s); // Page Length\n\n if (s.length !== undefined) {\n // If already initialised just set the value directly so that the select element is also updated\n if (api) {\n api.page.len(s.length);\n } else {\n settings._iDisplayLength = s.length;\n }\n } // Restore key features - todo - for 1.11 this needs to be done by\n // subscribed events\n\n\n if (s.start !== undefined) {\n if (api === null) {\n settings._iDisplayStart = s.start;\n settings.iInitDisplayStart = s.start;\n } else {\n _fnPageChange(settings, s.start / settings._iDisplayLength);\n }\n } // Order\n\n\n if (s.order !== undefined) {\n settings.aaSorting = [];\n $.each(s.order, function (i, col) {\n settings.aaSorting.push(col[0] >= columns.length ? [0, col[1]] : col);\n });\n } // Search\n\n\n if (s.search !== undefined) {\n $.extend(settings.oPreviousSearch, _fnSearchToHung(s.search));\n } // Columns\n\n\n if (s.columns) {\n for (i = 0, ien = s.columns.length; i < ien; i++) {\n var col = s.columns[i]; // Visibility\n\n if (col.visible !== undefined) {\n // If the api is defined, the table has been initialised so we need to use it rather than internal settings\n if (api) {\n // Don't redraw the columns on every iteration of this loop, we will do this at the end instead\n api.column(i).visible(col.visible, false);\n } else {\n columns[i].bVisible = col.visible;\n }\n } // Search\n\n\n if (col.search !== undefined) {\n $.extend(settings.aoPreSearchCols[i], _fnSearchToHung(col.search));\n }\n } // If the api is defined then we need to adjust the columns once the visibility has been changed\n\n\n if (api) {\n api.columns.adjust();\n }\n }\n\n settings._bLoadingState = false;\n\n _fnCallbackFire(settings, 'aoStateLoaded', 'stateLoaded', [settings, s]);\n\n callback();\n }\n\n ;\n /**\n * Return the settings object for a particular table\n * @param {node} table table we are using as a dataTable\n * @returns {object} Settings object - or null if not found\n * @memberof DataTable#oApi\n */\n\n function _fnSettingsFromNode(table) {\n var settings = DataTable.settings;\n var idx = $.inArray(table, _pluck(settings, 'nTable'));\n return idx !== -1 ? settings[idx] : null;\n }\n /**\n * Log an error message\n * @param {object} settings dataTables settings object\n * @param {int} level log error messages, or display them to the user\n * @param {string} msg error message\n * @param {int} tn Technical note id to get more information about the error.\n * @memberof DataTable#oApi\n */\n\n\n function _fnLog(settings, level, msg, tn) {\n msg = 'DataTables warning: ' + (settings ? 'table id=' + settings.sTableId + ' - ' : '') + msg;\n\n if (tn) {\n msg += '. For more information about this error, please see ' + 'http://datatables.net/tn/' + tn;\n }\n\n if (!level) {\n // Backwards compatibility pre 1.10\n var ext = DataTable.ext;\n var type = ext.sErrMode || ext.errMode;\n\n if (settings) {\n _fnCallbackFire(settings, null, 'error', [settings, tn, msg]);\n }\n\n if (type == 'alert') {\n alert(msg);\n } else if (type == 'throw') {\n throw new Error(msg);\n } else if (typeof type == 'function') {\n type(settings, tn, msg);\n }\n } else if (window.console && console.log) {\n console.log(msg);\n }\n }\n /**\n * See if a property is defined on one object, if so assign it to the other object\n * @param {object} ret target object\n * @param {object} src source object\n * @param {string} name property\n * @param {string} [mappedName] name to map too - optional, name used if not given\n * @memberof DataTable#oApi\n */\n\n\n function _fnMap(ret, src, name, mappedName) {\n if (Array.isArray(name)) {\n $.each(name, function (i, val) {\n if (Array.isArray(val)) {\n _fnMap(ret, src, val[0], val[1]);\n } else {\n _fnMap(ret, src, val);\n }\n });\n return;\n }\n\n if (mappedName === undefined) {\n mappedName = name;\n }\n\n if (src[name] !== undefined) {\n ret[mappedName] = src[name];\n }\n }\n /**\n * Extend objects - very similar to jQuery.extend, but deep copy objects, and\n * shallow copy arrays. The reason we need to do this, is that we don't want to\n * deep copy array init values (such as aaSorting) since the dev wouldn't be\n * able to override them, but we do want to deep copy arrays.\n * @param {object} out Object to extend\n * @param {object} extender Object from which the properties will be applied to\n * out\n * @param {boolean} breakRefs If true, then arrays will be sliced to take an\n * independent copy with the exception of the `data` or `aaData` parameters\n * if they are present. This is so you can pass in a collection to\n * DataTables and have that used as your data source without breaking the\n * references\n * @returns {object} out Reference, just for convenience - out === the return.\n * @memberof DataTable#oApi\n * @todo This doesn't take account of arrays inside the deep copied objects.\n */\n\n\n function _fnExtend(out, extender, breakRefs) {\n var val;\n\n for (var prop in extender) {\n if (extender.hasOwnProperty(prop)) {\n val = extender[prop];\n\n if ($.isPlainObject(val)) {\n if (!$.isPlainObject(out[prop])) {\n out[prop] = {};\n }\n\n $.extend(true, out[prop], val);\n } else if (breakRefs && prop !== 'data' && prop !== 'aaData' && Array.isArray(val)) {\n out[prop] = val.slice();\n } else {\n out[prop] = val;\n }\n }\n }\n\n return out;\n }\n /**\n * Bind an event handers to allow a click or return key to activate the callback.\n * This is good for accessibility since a return on the keyboard will have the\n * same effect as a click, if the element has focus.\n * @param {element} n Element to bind the action to\n * @param {object} oData Data object to pass to the triggered function\n * @param {function} fn Callback function for when the event is triggered\n * @memberof DataTable#oApi\n */\n\n\n function _fnBindAction(n, oData, fn) {\n $(n).on('click.DT', oData, function (e) {\n $(n).trigger('blur'); // Remove focus outline for mouse users\n\n fn(e);\n }).on('keypress.DT', oData, function (e) {\n if (e.which === 13) {\n e.preventDefault();\n fn(e);\n }\n }).on('selectstart.DT', function () {\n /* Take the brutal approach to cancelling text selection */\n return false;\n });\n }\n /**\n * Register a callback function. Easily allows a callback function to be added to\n * an array store of callback functions that can then all be called together.\n * @param {object} oSettings dataTables settings object\n * @param {string} sStore Name of the array storage for the callbacks in oSettings\n * @param {function} fn Function to be called back\n * @param {string} sName Identifying name for the callback (i.e. a label)\n * @memberof DataTable#oApi\n */\n\n\n function _fnCallbackReg(oSettings, sStore, fn, sName) {\n if (fn) {\n oSettings[sStore].push({\n \"fn\": fn,\n \"sName\": sName\n });\n }\n }\n /**\n * Fire callback functions and trigger events. Note that the loop over the\n * callback array store is done backwards! Further note that you do not want to\n * fire off triggers in time sensitive applications (for example cell creation)\n * as its slow.\n * @param {object} settings dataTables settings object\n * @param {string} callbackArr Name of the array storage for the callbacks in\n * oSettings\n * @param {string} eventName Name of the jQuery custom event to trigger. If\n * null no trigger is fired\n * @param {array} args Array of arguments to pass to the callback function /\n * trigger\n * @memberof DataTable#oApi\n */\n\n\n function _fnCallbackFire(settings, callbackArr, eventName, args) {\n var ret = [];\n\n if (callbackArr) {\n ret = $.map(settings[callbackArr].slice().reverse(), function (val, i) {\n return val.fn.apply(settings.oInstance, args);\n });\n }\n\n if (eventName !== null) {\n var e = $.Event(eventName + '.dt');\n $(settings.nTable).trigger(e, args);\n ret.push(e.result);\n }\n\n return ret;\n }\n\n function _fnLengthOverflow(settings) {\n var start = settings._iDisplayStart,\n end = settings.fnDisplayEnd(),\n len = settings._iDisplayLength;\n /* If we have space to show extra rows (backing up from the end point - then do so */\n\n if (start >= end) {\n start = end - len;\n } // Keep the start record on the current page\n\n\n start -= start % len;\n\n if (len === -1 || start < 0) {\n start = 0;\n }\n\n settings._iDisplayStart = start;\n }\n\n function _fnRenderer(settings, type) {\n var renderer = settings.renderer;\n var host = DataTable.ext.renderer[type];\n\n if ($.isPlainObject(renderer) && renderer[type]) {\n // Specific renderer for this type. If available use it, otherwise use\n // the default.\n return host[renderer[type]] || host._;\n } else if (typeof renderer === 'string') {\n // Common renderer - if there is one available for this type use it,\n // otherwise use the default\n return host[renderer] || host._;\n } // Use the default\n\n\n return host._;\n }\n /**\n * Detect the data source being used for the table. Used to simplify the code\n * a little (ajax) and to make it compress a little smaller.\n *\n * @param {object} settings dataTables settings object\n * @returns {string} Data source\n * @memberof DataTable#oApi\n */\n\n\n function _fnDataSource(settings) {\n if (settings.oFeatures.bServerSide) {\n return 'ssp';\n } else if (settings.ajax || settings.sAjaxSource) {\n return 'ajax';\n }\n\n return 'dom';\n }\n /**\n * Computed structure of the DataTables API, defined by the options passed to\n * `DataTable.Api.register()` when building the API.\n *\n * The structure is built in order to speed creation and extension of the Api\n * objects since the extensions are effectively pre-parsed.\n *\n * The array is an array of objects with the following structure, where this\n * base array represents the Api prototype base:\n *\n * [\n * {\n * name: 'data' -- string - Property name\n * val: function () {}, -- function - Api method (or undefined if just an object\n * methodExt: [ ... ], -- array - Array of Api object definitions to extend the method result\n * propExt: [ ... ] -- array - Array of Api object definitions to extend the property\n * },\n * {\n * name: 'row'\n * val: {},\n * methodExt: [ ... ],\n * propExt: [\n * {\n * name: 'data'\n * val: function () {},\n * methodExt: [ ... ],\n * propExt: [ ... ]\n * },\n * ...\n * ]\n * }\n * ]\n *\n * @type {Array}\n * @ignore\n */\n\n\n var __apiStruct = [];\n /**\n * `Array.prototype` reference.\n *\n * @type object\n * @ignore\n */\n\n var __arrayProto = Array.prototype;\n /**\n * Abstraction for `context` parameter of the `Api` constructor to allow it to\n * take several different forms for ease of use.\n *\n * Each of the input parameter types will be converted to a DataTables settings\n * object where possible.\n *\n * @param {string|node|jQuery|object} mixed DataTable identifier. Can be one\n * of:\n *\n * * `string` - jQuery selector. Any DataTables' matching the given selector\n * with be found and used.\n * * `node` - `TABLE` node which has already been formed into a DataTable.\n * * `jQuery` - A jQuery object of `TABLE` nodes.\n * * `object` - DataTables settings object\n * * `DataTables.Api` - API instance\n * @return {array|null} Matching DataTables settings objects. `null` or\n * `undefined` is returned if no matching DataTable is found.\n * @ignore\n */\n\n var _toSettings = function (mixed) {\n var idx, jq;\n var settings = DataTable.settings;\n var tables = $.map(settings, function (el, i) {\n return el.nTable;\n });\n\n if (!mixed) {\n return [];\n } else if (mixed.nTable && mixed.oApi) {\n // DataTables settings object\n return [mixed];\n } else if (mixed.nodeName && mixed.nodeName.toLowerCase() === 'table') {\n // Table node\n idx = $.inArray(mixed, tables);\n return idx !== -1 ? [settings[idx]] : null;\n } else if (mixed && typeof mixed.settings === 'function') {\n return mixed.settings().toArray();\n } else if (typeof mixed === 'string') {\n // jQuery selector\n jq = $(mixed);\n } else if (mixed instanceof $) {\n // jQuery object (also DataTables instance)\n jq = mixed;\n }\n\n if (jq) {\n return jq.map(function (i) {\n idx = $.inArray(this, tables);\n return idx !== -1 ? settings[idx] : null;\n }).toArray();\n }\n };\n /**\n * DataTables API class - used to control and interface with one or more\n * DataTables enhanced tables.\n *\n * The API class is heavily based on jQuery, presenting a chainable interface\n * that you can use to interact with tables. Each instance of the API class has\n * a \"context\" - i.e. the tables that it will operate on. This could be a single\n * table, all tables on a page or a sub-set thereof.\n *\n * Additionally the API is designed to allow you to easily work with the data in\n * the tables, retrieving and manipulating it as required. This is done by\n * presenting the API class as an array like interface. The contents of the\n * array depend upon the actions requested by each method (for example\n * `rows().nodes()` will return an array of nodes, while `rows().data()` will\n * return an array of objects or arrays depending upon your table's\n * configuration). The API object has a number of array like methods (`push`,\n * `pop`, `reverse` etc) as well as additional helper methods (`each`, `pluck`,\n * `unique` etc) to assist your working with the data held in a table.\n *\n * Most methods (those which return an Api instance) are chainable, which means\n * the return from a method call also has all of the methods available that the\n * top level object had. For example, these two calls are equivalent:\n *\n * // Not chained\n * api.row.add( {...} );\n * api.draw();\n *\n * // Chained\n * api.row.add( {...} ).draw();\n *\n * @class DataTable.Api\n * @param {array|object|string|jQuery} context DataTable identifier. This is\n * used to define which DataTables enhanced tables this API will operate on.\n * Can be one of:\n *\n * * `string` - jQuery selector. Any DataTables' matching the given selector\n * with be found and used.\n * * `node` - `TABLE` node which has already been formed into a DataTable.\n * * `jQuery` - A jQuery object of `TABLE` nodes.\n * * `object` - DataTables settings object\n * @param {array} [data] Data to initialise the Api instance with.\n *\n * @example\n * // Direct initialisation during DataTables construction\n * var api = $('#example').DataTable();\n *\n * @example\n * // Initialisation using a DataTables jQuery object\n * var api = $('#example').dataTable().api();\n *\n * @example\n * // Initialisation as a constructor\n * var api = new $.fn.DataTable.Api( 'table.dataTable' );\n */\n\n\n _Api = function (context, data) {\n if (!(this instanceof _Api)) {\n return new _Api(context, data);\n }\n\n var settings = [];\n\n var ctxSettings = function (o) {\n var a = _toSettings(o);\n\n if (a) {\n settings.push.apply(settings, a);\n }\n };\n\n if (Array.isArray(context)) {\n for (var i = 0, ien = context.length; i < ien; i++) {\n ctxSettings(context[i]);\n }\n } else {\n ctxSettings(context);\n } // Remove duplicates\n\n\n this.context = _unique(settings); // Initial data\n\n if (data) {\n $.merge(this, data);\n } // selector\n\n\n this.selector = {\n rows: null,\n cols: null,\n opts: null\n };\n\n _Api.extend(this, this, __apiStruct);\n };\n\n DataTable.Api = _Api; // Don't destroy the existing prototype, just extend it. Required for jQuery 2's\n // isPlainObject.\n\n $.extend(_Api.prototype, {\n any: function () {\n return this.count() !== 0;\n },\n concat: __arrayProto.concat,\n context: [],\n // array of table settings objects\n count: function () {\n return this.flatten().length;\n },\n each: function (fn) {\n for (var i = 0, ien = this.length; i < ien; i++) {\n fn.call(this, this[i], i, this);\n }\n\n return this;\n },\n eq: function (idx) {\n var ctx = this.context;\n return ctx.length > idx ? new _Api(ctx[idx], this[idx]) : null;\n },\n filter: function (fn) {\n var a = [];\n\n if (__arrayProto.filter) {\n a = __arrayProto.filter.call(this, fn, this);\n } else {\n // Compatibility for browsers without EMCA-252-5 (JS 1.6)\n for (var i = 0, ien = this.length; i < ien; i++) {\n if (fn.call(this, this[i], i, this)) {\n a.push(this[i]);\n }\n }\n }\n\n return new _Api(this.context, a);\n },\n flatten: function () {\n var a = [];\n return new _Api(this.context, a.concat.apply(a, this.toArray()));\n },\n join: __arrayProto.join,\n indexOf: __arrayProto.indexOf || function (obj, start) {\n for (var i = start || 0, ien = this.length; i < ien; i++) {\n if (this[i] === obj) {\n return i;\n }\n }\n\n return -1;\n },\n iterator: function (flatten, type, fn, alwaysNew) {\n var a = [],\n ret,\n i,\n ien,\n j,\n jen,\n context = this.context,\n rows,\n items,\n item,\n selector = this.selector; // Argument shifting\n\n if (typeof flatten === 'string') {\n alwaysNew = fn;\n fn = type;\n type = flatten;\n flatten = false;\n }\n\n for (i = 0, ien = context.length; i < ien; i++) {\n var apiInst = new _Api(context[i]);\n\n if (type === 'table') {\n ret = fn.call(apiInst, context[i], i);\n\n if (ret !== undefined) {\n a.push(ret);\n }\n } else if (type === 'columns' || type === 'rows') {\n // this has same length as context - one entry for each table\n ret = fn.call(apiInst, context[i], this[i], i);\n\n if (ret !== undefined) {\n a.push(ret);\n }\n } else if (type === 'column' || type === 'column-rows' || type === 'row' || type === 'cell') {\n // columns and rows share the same structure.\n // 'this' is an array of column indexes for each context\n items = this[i];\n\n if (type === 'column-rows') {\n rows = _selector_row_indexes(context[i], selector.opts);\n }\n\n for (j = 0, jen = items.length; j < jen; j++) {\n item = items[j];\n\n if (type === 'cell') {\n ret = fn.call(apiInst, context[i], item.row, item.column, i, j);\n } else {\n ret = fn.call(apiInst, context[i], item, i, j, rows);\n }\n\n if (ret !== undefined) {\n a.push(ret);\n }\n }\n }\n }\n\n if (a.length || alwaysNew) {\n var api = new _Api(context, flatten ? a.concat.apply([], a) : a);\n var apiSelector = api.selector;\n apiSelector.rows = selector.rows;\n apiSelector.cols = selector.cols;\n apiSelector.opts = selector.opts;\n return api;\n }\n\n return this;\n },\n lastIndexOf: __arrayProto.lastIndexOf || function (obj, start) {\n // Bit cheeky...\n return this.indexOf.apply(this.toArray.reverse(), arguments);\n },\n length: 0,\n map: function (fn) {\n var a = [];\n\n if (__arrayProto.map) {\n a = __arrayProto.map.call(this, fn, this);\n } else {\n // Compatibility for browsers without EMCA-252-5 (JS 1.6)\n for (var i = 0, ien = this.length; i < ien; i++) {\n a.push(fn.call(this, this[i], i));\n }\n }\n\n return new _Api(this.context, a);\n },\n pluck: function (prop) {\n let fn = DataTable.util.get(prop);\n return this.map(function (el) {\n return fn(el);\n });\n },\n pop: __arrayProto.pop,\n push: __arrayProto.push,\n // Does not return an API instance\n reduce: __arrayProto.reduce || function (fn, init) {\n return _fnReduce(this, fn, init, 0, this.length, 1);\n },\n reduceRight: __arrayProto.reduceRight || function (fn, init) {\n return _fnReduce(this, fn, init, this.length - 1, -1, -1);\n },\n reverse: __arrayProto.reverse,\n // Object with rows, columns and opts\n selector: null,\n shift: __arrayProto.shift,\n slice: function () {\n return new _Api(this.context, this);\n },\n sort: __arrayProto.sort,\n // ? name - order?\n splice: __arrayProto.splice,\n toArray: function () {\n return __arrayProto.slice.call(this);\n },\n to$: function () {\n return $(this);\n },\n toJQuery: function () {\n return $(this);\n },\n unique: function () {\n return new _Api(this.context, _unique(this));\n },\n unshift: __arrayProto.unshift\n });\n\n _Api.extend = function (scope, obj, ext) {\n // Only extend API instances and static properties of the API\n if (!ext.length || !obj || !(obj instanceof _Api) && !obj.__dt_wrapper) {\n return;\n }\n\n var i,\n ien,\n struct,\n methodScoping = function (scope, fn, struc) {\n return function () {\n var ret = fn.apply(scope, arguments); // Method extension\n\n _Api.extend(ret, ret, struc.methodExt);\n\n return ret;\n };\n };\n\n for (i = 0, ien = ext.length; i < ien; i++) {\n struct = ext[i]; // Value\n\n obj[struct.name] = struct.type === 'function' ? methodScoping(scope, struct.val, struct) : struct.type === 'object' ? {} : struct.val;\n obj[struct.name].__dt_wrapper = true; // Property extension\n\n _Api.extend(scope, obj[struct.name], struct.propExt);\n }\n }; // @todo - Is there need for an augment function?\n // _Api.augment = function ( inst, name )\n // {\n // \t// Find src object in the structure from the name\n // \tvar parts = name.split('.');\n // \t_Api.extend( inst, obj );\n // };\n // [\n // {\n // name: 'data' -- string - Property name\n // val: function () {}, -- function - Api method (or undefined if just an object\n // methodExt: [ ... ], -- array - Array of Api object definitions to extend the method result\n // propExt: [ ... ] -- array - Array of Api object definitions to extend the property\n // },\n // {\n // name: 'row'\n // val: {},\n // methodExt: [ ... ],\n // propExt: [\n // {\n // name: 'data'\n // val: function () {},\n // methodExt: [ ... ],\n // propExt: [ ... ]\n // },\n // ...\n // ]\n // }\n // ]\n\n\n _Api.register = _api_register = function (name, val) {\n if (Array.isArray(name)) {\n for (var j = 0, jen = name.length; j < jen; j++) {\n _Api.register(name[j], val);\n }\n\n return;\n }\n\n var i,\n ien,\n heir = name.split('.'),\n struct = __apiStruct,\n key,\n method;\n\n var find = function (src, name) {\n for (var i = 0, ien = src.length; i < ien; i++) {\n if (src[i].name === name) {\n return src[i];\n }\n }\n\n return null;\n };\n\n for (i = 0, ien = heir.length; i < ien; i++) {\n method = heir[i].indexOf('()') !== -1;\n key = method ? heir[i].replace('()', '') : heir[i];\n var src = find(struct, key);\n\n if (!src) {\n src = {\n name: key,\n val: {},\n methodExt: [],\n propExt: [],\n type: 'object'\n };\n struct.push(src);\n }\n\n if (i === ien - 1) {\n src.val = val;\n src.type = typeof val === 'function' ? 'function' : $.isPlainObject(val) ? 'object' : 'other';\n } else {\n struct = method ? src.methodExt : src.propExt;\n }\n }\n };\n\n _Api.registerPlural = _api_registerPlural = function (pluralName, singularName, val) {\n _Api.register(pluralName, val);\n\n _Api.register(singularName, function () {\n var ret = val.apply(this, arguments);\n\n if (ret === this) {\n // Returned item is the API instance that was passed in, return it\n return this;\n } else if (ret instanceof _Api) {\n // New API instance returned, want the value from the first item\n // in the returned array for the singular result.\n return ret.length ? Array.isArray(ret[0]) ? new _Api(ret.context, ret[0]) : // Array results are 'enhanced'\n ret[0] : undefined;\n } // Non-API return - just fire it back\n\n\n return ret;\n });\n };\n /**\n * Selector for HTML tables. Apply the given selector to the give array of\n * DataTables settings objects.\n *\n * @param {string|integer} [selector] jQuery selector string or integer\n * @param {array} Array of DataTables settings objects to be filtered\n * @return {array}\n * @ignore\n */\n\n\n var __table_selector = function (selector, a) {\n if (Array.isArray(selector)) {\n return $.map(selector, function (item) {\n return __table_selector(item, a);\n });\n } // Integer is used to pick out a table by index\n\n\n if (typeof selector === 'number') {\n return [a[selector]];\n } // Perform a jQuery selector on the table nodes\n\n\n var nodes = $.map(a, function (el, i) {\n return el.nTable;\n });\n return $(nodes).filter(selector).map(function (i) {\n // Need to translate back from the table node to the settings\n var idx = $.inArray(this, nodes);\n return a[idx];\n }).toArray();\n };\n /**\n * Context selector for the API's context (i.e. the tables the API instance\n * refers to.\n *\n * @name DataTable.Api#tables\n * @param {string|integer} [selector] Selector to pick which tables the iterator\n * should operate on. If not given, all tables in the current context are\n * used. This can be given as a jQuery selector (for example `':gt(0)'`) to\n * select multiple tables or as an integer to select a single table.\n * @returns {DataTable.Api} Returns a new API instance if a selector is given.\n */\n\n\n _api_register('tables()', function (selector) {\n // A new instance is created if there was a selector specified\n return selector !== undefined && selector !== null ? new _Api(__table_selector(selector, this.context)) : this;\n });\n\n _api_register('table()', function (selector) {\n var tables = this.tables(selector);\n var ctx = tables.context; // Truncate to the first matched table\n\n return ctx.length ? new _Api(ctx[0]) : tables;\n });\n\n _api_registerPlural('tables().nodes()', 'table().node()', function () {\n return this.iterator('table', function (ctx) {\n return ctx.nTable;\n }, 1);\n });\n\n _api_registerPlural('tables().body()', 'table().body()', function () {\n return this.iterator('table', function (ctx) {\n return ctx.nTBody;\n }, 1);\n });\n\n _api_registerPlural('tables().header()', 'table().header()', function () {\n return this.iterator('table', function (ctx) {\n return ctx.nTHead;\n }, 1);\n });\n\n _api_registerPlural('tables().footer()', 'table().footer()', function () {\n return this.iterator('table', function (ctx) {\n return ctx.nTFoot;\n }, 1);\n });\n\n _api_registerPlural('tables().containers()', 'table().container()', function () {\n return this.iterator('table', function (ctx) {\n return ctx.nTableWrapper;\n }, 1);\n });\n /**\n * Redraw the tables in the current context.\n */\n\n\n _api_register('draw()', function (paging) {\n return this.iterator('table', function (settings) {\n if (paging === 'page') {\n _fnDraw(settings);\n } else {\n if (typeof paging === 'string') {\n paging = paging === 'full-hold' ? false : true;\n }\n\n _fnReDraw(settings, paging === false);\n }\n });\n });\n /**\n * Get the current page index.\n *\n * @return {integer} Current page index (zero based)\n */\n\n /**\n * Set the current page.\n *\n * Note that if you attempt to show a page which does not exist, DataTables will\n * not throw an error, but rather reset the paging.\n *\n * @param {integer|string} action The paging action to take. This can be one of:\n * * `integer` - The page index to jump to\n * * `string` - An action to take:\n * * `first` - Jump to first page.\n * * `next` - Jump to the next page\n * * `previous` - Jump to previous page\n * * `last` - Jump to the last page.\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('page()', function (action) {\n if (action === undefined) {\n return this.page.info().page; // not an expensive call\n } // else, have an action to take on all tables\n\n\n return this.iterator('table', function (settings) {\n _fnPageChange(settings, action);\n });\n });\n /**\n * Paging information for the first table in the current context.\n *\n * If you require paging information for another table, use the `table()` method\n * with a suitable selector.\n *\n * @return {object} Object with the following properties set:\n * * `page` - Current page index (zero based - i.e. the first page is `0`)\n * * `pages` - Total number of pages\n * * `start` - Display index for the first record shown on the current page\n * * `end` - Display index for the last record shown on the current page\n * * `length` - Display length (number of records). Note that generally `start\n * + length = end`, but this is not always true, for example if there are\n * only 2 records to show on the final page, with a length of 10.\n * * `recordsTotal` - Full data set length\n * * `recordsDisplay` - Data set length once the current filtering criterion\n * are applied.\n */\n\n\n _api_register('page.info()', function (action) {\n if (this.context.length === 0) {\n return undefined;\n }\n\n var settings = this.context[0],\n start = settings._iDisplayStart,\n len = settings.oFeatures.bPaginate ? settings._iDisplayLength : -1,\n visRecords = settings.fnRecordsDisplay(),\n all = len === -1;\n return {\n \"page\": all ? 0 : Math.floor(start / len),\n \"pages\": all ? 1 : Math.ceil(visRecords / len),\n \"start\": start,\n \"end\": settings.fnDisplayEnd(),\n \"length\": len,\n \"recordsTotal\": settings.fnRecordsTotal(),\n \"recordsDisplay\": visRecords,\n \"serverSide\": _fnDataSource(settings) === 'ssp'\n };\n });\n /**\n * Get the current page length.\n *\n * @return {integer} Current page length. Note `-1` indicates that all records\n * are to be shown.\n */\n\n /**\n * Set the current page length.\n *\n * @param {integer} Page length to set. Use `-1` to show all records.\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('page.len()', function (len) {\n // Note that we can't call this function 'length()' because `length`\n // is a Javascript property of functions which defines how many arguments\n // the function expects.\n if (len === undefined) {\n return this.context.length !== 0 ? this.context[0]._iDisplayLength : undefined;\n } // else, set the page length\n\n\n return this.iterator('table', function (settings) {\n _fnLengthChange(settings, len);\n });\n });\n\n var __reload = function (settings, holdPosition, callback) {\n // Use the draw event to trigger a callback\n if (callback) {\n var api = new _Api(settings);\n api.one('draw', function () {\n callback(api.ajax.json());\n });\n }\n\n if (_fnDataSource(settings) == 'ssp') {\n _fnReDraw(settings, holdPosition);\n } else {\n _fnProcessingDisplay(settings, true); // Cancel an existing request\n\n\n var xhr = settings.jqXHR;\n\n if (xhr && xhr.readyState !== 4) {\n xhr.abort();\n } // Trigger xhr\n\n\n _fnBuildAjax(settings, [], function (json) {\n _fnClearTable(settings);\n\n var data = _fnAjaxDataSrc(settings, json);\n\n for (var i = 0, ien = data.length; i < ien; i++) {\n _fnAddData(settings, data[i]);\n }\n\n _fnReDraw(settings, holdPosition);\n\n _fnProcessingDisplay(settings, false);\n });\n }\n };\n /**\n * Get the JSON response from the last Ajax request that DataTables made to the\n * server. Note that this returns the JSON from the first table in the current\n * context.\n *\n * @return {object} JSON received from the server.\n */\n\n\n _api_register('ajax.json()', function () {\n var ctx = this.context;\n\n if (ctx.length > 0) {\n return ctx[0].json;\n } // else return undefined;\n\n });\n /**\n * Get the data submitted in the last Ajax request\n */\n\n\n _api_register('ajax.params()', function () {\n var ctx = this.context;\n\n if (ctx.length > 0) {\n return ctx[0].oAjaxData;\n } // else return undefined;\n\n });\n /**\n * Reload tables from the Ajax data source. Note that this function will\n * automatically re-draw the table when the remote data has been loaded.\n *\n * @param {boolean} [reset=true] Reset (default) or hold the current paging\n * position. A full re-sort and re-filter is performed when this method is\n * called, which is why the pagination reset is the default action.\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('ajax.reload()', function (callback, resetPaging) {\n return this.iterator('table', function (settings) {\n __reload(settings, resetPaging === false, callback);\n });\n });\n /**\n * Get the current Ajax URL. Note that this returns the URL from the first\n * table in the current context.\n *\n * @return {string} Current Ajax source URL\n */\n\n /**\n * Set the Ajax URL. Note that this will set the URL for all tables in the\n * current context.\n *\n * @param {string} url URL to set.\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('ajax.url()', function (url) {\n var ctx = this.context;\n\n if (url === undefined) {\n // get\n if (ctx.length === 0) {\n return undefined;\n }\n\n ctx = ctx[0];\n return ctx.ajax ? $.isPlainObject(ctx.ajax) ? ctx.ajax.url : ctx.ajax : ctx.sAjaxSource;\n } // set\n\n\n return this.iterator('table', function (settings) {\n if ($.isPlainObject(settings.ajax)) {\n settings.ajax.url = url;\n } else {\n settings.ajax = url;\n } // No need to consider sAjaxSource here since DataTables gives priority\n // to `ajax` over `sAjaxSource`. So setting `ajax` here, renders any\n // value of `sAjaxSource` redundant.\n\n });\n });\n /**\n * Load data from the newly set Ajax URL. Note that this method is only\n * available when `ajax.url()` is used to set a URL. Additionally, this method\n * has the same effect as calling `ajax.reload()` but is provided for\n * convenience when setting a new URL. Like `ajax.reload()` it will\n * automatically redraw the table once the remote data has been loaded.\n *\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('ajax.url().load()', function (callback, resetPaging) {\n // Same as a reload, but makes sense to present it for easy access after a\n // url change\n return this.iterator('table', function (ctx) {\n __reload(ctx, resetPaging === false, callback);\n });\n });\n\n var _selector_run = function (type, selector, selectFn, settings, opts) {\n var out = [],\n res,\n a,\n i,\n ien,\n j,\n jen,\n selectorType = typeof selector; // Can't just check for isArray here, as an API or jQuery instance might be\n // given with their array like look\n\n if (!selector || selectorType === 'string' || selectorType === 'function' || selector.length === undefined) {\n selector = [selector];\n }\n\n for (i = 0, ien = selector.length; i < ien; i++) {\n // Only split on simple strings - complex expressions will be jQuery selectors\n a = selector[i] && selector[i].split && !selector[i].match(/[\\[\\(:]/) ? selector[i].split(',') : [selector[i]];\n\n for (j = 0, jen = a.length; j < jen; j++) {\n res = selectFn(typeof a[j] === 'string' ? a[j].trim() : a[j]);\n\n if (res && res.length) {\n out = out.concat(res);\n }\n }\n } // selector extensions\n\n\n var ext = _ext.selector[type];\n\n if (ext.length) {\n for (i = 0, ien = ext.length; i < ien; i++) {\n out = ext[i](settings, opts, out);\n }\n }\n\n return _unique(out);\n };\n\n var _selector_opts = function (opts) {\n if (!opts) {\n opts = {};\n } // Backwards compatibility for 1.9- which used the terminology filter rather\n // than search\n\n\n if (opts.filter && opts.search === undefined) {\n opts.search = opts.filter;\n }\n\n return $.extend({\n search: 'none',\n order: 'current',\n page: 'all'\n }, opts);\n };\n\n var _selector_first = function (inst) {\n // Reduce the API instance to the first item found\n for (var i = 0, ien = inst.length; i < ien; i++) {\n if (inst[i].length > 0) {\n // Assign the first element to the first item in the instance\n // and truncate the instance and context\n inst[0] = inst[i];\n inst[0].length = 1;\n inst.length = 1;\n inst.context = [inst.context[i]];\n return inst;\n }\n } // Not found - return an empty instance\n\n\n inst.length = 0;\n return inst;\n };\n\n var _selector_row_indexes = function (settings, opts) {\n var i,\n ien,\n tmp,\n a = [],\n displayFiltered = settings.aiDisplay,\n displayMaster = settings.aiDisplayMaster;\n var search = opts.search,\n // none, applied, removed\n order = opts.order,\n // applied, current, index (original - compatibility with 1.9)\n page = opts.page; // all, current\n\n if (_fnDataSource(settings) == 'ssp') {\n // In server-side processing mode, most options are irrelevant since\n // rows not shown don't exist and the index order is the applied order\n // Removed is a special case - for consistency just return an empty\n // array\n return search === 'removed' ? [] : _range(0, displayMaster.length);\n } else if (page == 'current') {\n // Current page implies that order=current and filter=applied, since it is\n // fairly senseless otherwise, regardless of what order and search actually\n // are\n for (i = settings._iDisplayStart, ien = settings.fnDisplayEnd(); i < ien; i++) {\n a.push(displayFiltered[i]);\n }\n } else if (order == 'current' || order == 'applied') {\n if (search == 'none') {\n a = displayMaster.slice();\n } else if (search == 'applied') {\n a = displayFiltered.slice();\n } else if (search == 'removed') {\n // O(n+m) solution by creating a hash map\n var displayFilteredMap = {};\n\n for (var i = 0, ien = displayFiltered.length; i < ien; i++) {\n displayFilteredMap[displayFiltered[i]] = null;\n }\n\n a = $.map(displayMaster, function (el) {\n return !displayFilteredMap.hasOwnProperty(el) ? el : null;\n });\n }\n } else if (order == 'index' || order == 'original') {\n for (i = 0, ien = settings.aoData.length; i < ien; i++) {\n if (search == 'none') {\n a.push(i);\n } else {\n // applied | removed\n tmp = $.inArray(i, displayFiltered);\n\n if (tmp === -1 && search == 'removed' || tmp >= 0 && search == 'applied') {\n a.push(i);\n }\n }\n }\n }\n\n return a;\n };\n /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\n * Rows\n *\n * {} - no selector - use all available rows\n * {integer} - row aoData index\n * {node} - TR node\n * {string} - jQuery selector to apply to the TR elements\n * {array} - jQuery array of nodes, or simply an array of TR nodes\n *\n */\n\n\n var __row_selector = function (settings, selector, opts) {\n var rows;\n\n var run = function (sel) {\n var selInt = _intVal(sel);\n\n var i, ien;\n var aoData = settings.aoData; // Short cut - selector is a number and no options provided (default is\n // all records, so no need to check if the index is in there, since it\n // must be - dev error if the index doesn't exist).\n\n if (selInt !== null && !opts) {\n return [selInt];\n }\n\n if (!rows) {\n rows = _selector_row_indexes(settings, opts);\n }\n\n if (selInt !== null && $.inArray(selInt, rows) !== -1) {\n // Selector - integer\n return [selInt];\n } else if (sel === null || sel === undefined || sel === '') {\n // Selector - none\n return rows;\n } // Selector - function\n\n\n if (typeof sel === 'function') {\n return $.map(rows, function (idx) {\n var row = aoData[idx];\n return sel(idx, row._aData, row.nTr) ? idx : null;\n });\n } // Selector - node\n\n\n if (sel.nodeName) {\n var rowIdx = sel._DT_RowIndex; // Property added by DT for fast lookup\n\n var cellIdx = sel._DT_CellIndex;\n\n if (rowIdx !== undefined) {\n // Make sure that the row is actually still present in the table\n return aoData[rowIdx] && aoData[rowIdx].nTr === sel ? [rowIdx] : [];\n } else if (cellIdx) {\n return aoData[cellIdx.row] && aoData[cellIdx.row].nTr === sel.parentNode ? [cellIdx.row] : [];\n } else {\n var host = $(sel).closest('*[data-dt-row]');\n return host.length ? [host.data('dt-row')] : [];\n }\n } // ID selector. Want to always be able to select rows by id, regardless\n // of if the tr element has been created or not, so can't rely upon\n // jQuery here - hence a custom implementation. This does not match\n // Sizzle's fast selector or HTML4 - in HTML5 the ID can be anything,\n // but to select it using a CSS selector engine (like Sizzle or\n // querySelect) it would need to need to be escaped for some characters.\n // DataTables simplifies this for row selectors since you can select\n // only a row. A # indicates an id any anything that follows is the id -\n // unescaped.\n\n\n if (typeof sel === 'string' && sel.charAt(0) === '#') {\n // get row index from id\n var rowObj = settings.aIds[sel.replace(/^#/, '')];\n\n if (rowObj !== undefined) {\n return [rowObj.idx];\n } // need to fall through to jQuery in case there is DOM id that\n // matches\n\n } // Get nodes in the order from the `rows` array with null values removed\n\n\n var nodes = _removeEmpty(_pluck_order(settings.aoData, rows, 'nTr')); // Selector - jQuery selector string, array of nodes or jQuery object/\n // As jQuery's .filter() allows jQuery objects to be passed in filter,\n // it also allows arrays, so this will cope with all three options\n\n\n return $(nodes).filter(sel).map(function () {\n return this._DT_RowIndex;\n }).toArray();\n };\n\n return _selector_run('row', selector, run, settings, opts);\n };\n\n _api_register('rows()', function (selector, opts) {\n // argument shifting\n if (selector === undefined) {\n selector = '';\n } else if ($.isPlainObject(selector)) {\n opts = selector;\n selector = '';\n }\n\n opts = _selector_opts(opts);\n var inst = this.iterator('table', function (settings) {\n return __row_selector(settings, selector, opts);\n }, 1); // Want argument shifting here and in __row_selector?\n\n inst.selector.rows = selector;\n inst.selector.opts = opts;\n return inst;\n });\n\n _api_register('rows().nodes()', function () {\n return this.iterator('row', function (settings, row) {\n return settings.aoData[row].nTr || undefined;\n }, 1);\n });\n\n _api_register('rows().data()', function () {\n return this.iterator(true, 'rows', function (settings, rows) {\n return _pluck_order(settings.aoData, rows, '_aData');\n }, 1);\n });\n\n _api_registerPlural('rows().cache()', 'row().cache()', function (type) {\n return this.iterator('row', function (settings, row) {\n var r = settings.aoData[row];\n return type === 'search' ? r._aFilterData : r._aSortData;\n }, 1);\n });\n\n _api_registerPlural('rows().invalidate()', 'row().invalidate()', function (src) {\n return this.iterator('row', function (settings, row) {\n _fnInvalidate(settings, row, src);\n });\n });\n\n _api_registerPlural('rows().indexes()', 'row().index()', function () {\n return this.iterator('row', function (settings, row) {\n return row;\n }, 1);\n });\n\n _api_registerPlural('rows().ids()', 'row().id()', function (hash) {\n var a = [];\n var context = this.context; // `iterator` will drop undefined values, but in this case we want them\n\n for (var i = 0, ien = context.length; i < ien; i++) {\n for (var j = 0, jen = this[i].length; j < jen; j++) {\n var id = context[i].rowIdFn(context[i].aoData[this[i][j]]._aData);\n a.push((hash === true ? '#' : '') + id);\n }\n }\n\n return new _Api(context, a);\n });\n\n _api_registerPlural('rows().remove()', 'row().remove()', function () {\n var that = this;\n this.iterator('row', function (settings, row, thatIdx) {\n var data = settings.aoData;\n var rowData = data[row];\n var i, ien, j, jen;\n var loopRow, loopCells;\n data.splice(row, 1); // Update the cached indexes\n\n for (i = 0, ien = data.length; i < ien; i++) {\n loopRow = data[i];\n loopCells = loopRow.anCells; // Rows\n\n if (loopRow.nTr !== null) {\n loopRow.nTr._DT_RowIndex = i;\n } // Cells\n\n\n if (loopCells !== null) {\n for (j = 0, jen = loopCells.length; j < jen; j++) {\n loopCells[j]._DT_CellIndex.row = i;\n }\n }\n } // Delete from the display arrays\n\n\n _fnDeleteIndex(settings.aiDisplayMaster, row);\n\n _fnDeleteIndex(settings.aiDisplay, row);\n\n _fnDeleteIndex(that[thatIdx], row, false); // maintain local indexes\n // For server-side processing tables - subtract the deleted row from the count\n\n\n if (settings._iRecordsDisplay > 0) {\n settings._iRecordsDisplay--;\n } // Check for an 'overflow' they case for displaying the table\n\n\n _fnLengthOverflow(settings); // Remove the row's ID reference if there is one\n\n\n var id = settings.rowIdFn(rowData._aData);\n\n if (id !== undefined) {\n delete settings.aIds[id];\n }\n });\n this.iterator('table', function (settings) {\n for (var i = 0, ien = settings.aoData.length; i < ien; i++) {\n settings.aoData[i].idx = i;\n }\n });\n return this;\n });\n\n _api_register('rows.add()', function (rows) {\n var newRows = this.iterator('table', function (settings) {\n var row, i, ien;\n var out = [];\n\n for (i = 0, ien = rows.length; i < ien; i++) {\n row = rows[i];\n\n if (row.nodeName && row.nodeName.toUpperCase() === 'TR') {\n out.push(_fnAddTr(settings, row)[0]);\n } else {\n out.push(_fnAddData(settings, row));\n }\n }\n\n return out;\n }, 1); // Return an Api.rows() extended instance, so rows().nodes() etc can be used\n\n var modRows = this.rows(-1);\n modRows.pop();\n $.merge(modRows, newRows);\n return modRows;\n });\n /**\n *\n */\n\n\n _api_register('row()', function (selector, opts) {\n return _selector_first(this.rows(selector, opts));\n });\n\n _api_register('row().data()', function (data) {\n var ctx = this.context;\n\n if (data === undefined) {\n // Get\n return ctx.length && this.length ? ctx[0].aoData[this[0]]._aData : undefined;\n } // Set\n\n\n var row = ctx[0].aoData[this[0]];\n row._aData = data; // If the DOM has an id, and the data source is an array\n\n if (Array.isArray(data) && row.nTr && row.nTr.id) {\n _fnSetObjectDataFn(ctx[0].rowId)(data, row.nTr.id);\n } // Automatically invalidate\n\n\n _fnInvalidate(ctx[0], this[0], 'data');\n\n return this;\n });\n\n _api_register('row().node()', function () {\n var ctx = this.context;\n return ctx.length && this.length ? ctx[0].aoData[this[0]].nTr || null : null;\n });\n\n _api_register('row.add()', function (row) {\n // Allow a jQuery object to be passed in - only a single row is added from\n // it though - the first element in the set\n if (row instanceof $ && row.length) {\n row = row[0];\n }\n\n var rows = this.iterator('table', function (settings) {\n if (row.nodeName && row.nodeName.toUpperCase() === 'TR') {\n return _fnAddTr(settings, row)[0];\n }\n\n return _fnAddData(settings, row);\n }); // Return an Api.rows() extended instance, with the newly added row selected\n\n return this.row(rows[0]);\n });\n\n $(document).on('plugin-init.dt', function (e, context) {\n var api = new _Api(context);\n api.on('stateSaveParams', function (e, settings, d) {\n // This could be more compact with the API, but it is a lot faster as a simple\n // internal loop\n var idFn = settings.rowIdFn;\n var data = settings.aoData;\n var ids = [];\n\n for (var i = 0; i < data.length; i++) {\n if (data[i]._detailsShow) {\n ids.push('#' + idFn(data[i]._aData));\n }\n }\n\n d.childRows = ids;\n });\n var loaded = api.state.loaded();\n\n if (loaded && loaded.childRows) {\n api.rows($.map(loaded.childRows, function (id) {\n return id.replace(/:/g, '\\\\:');\n })).every(function () {\n _fnCallbackFire(context, null, 'requestChild', [this]);\n });\n }\n });\n\n var __details_add = function (ctx, row, data, klass) {\n // Convert to array of TR elements\n var rows = [];\n\n var addRow = function (r, k) {\n // Recursion to allow for arrays of jQuery objects\n if (Array.isArray(r) || r instanceof $) {\n for (var i = 0, ien = r.length; i < ien; i++) {\n addRow(r[i], k);\n }\n\n return;\n } // If we get a TR element, then just add it directly - up to the dev\n // to add the correct number of columns etc\n\n\n if (r.nodeName && r.nodeName.toLowerCase() === 'tr') {\n rows.push(r);\n } else {\n // Otherwise create a row with a wrapper\n var created = $('
|
').addClass(k);\n $('td', created).addClass(k).html(r)[0].colSpan = _fnVisbleColumns(ctx);\n rows.push(created[0]);\n }\n };\n\n addRow(data, klass);\n\n if (row._details) {\n row._details.detach();\n }\n\n row._details = $(rows); // If the children were already shown, that state should be retained\n\n if (row._detailsShow) {\n row._details.insertAfter(row.nTr);\n }\n }; // Make state saving of child row details async to allow them to be batch processed\n\n\n var __details_state = DataTable.util.throttle(function (ctx) {\n _fnSaveState(ctx[0]);\n }, 500);\n\n var __details_remove = function (api, idx) {\n var ctx = api.context;\n\n if (ctx.length) {\n var row = ctx[0].aoData[idx !== undefined ? idx : api[0]];\n\n if (row && row._details) {\n row._details.remove();\n\n row._detailsShow = undefined;\n row._details = undefined;\n $(row.nTr).removeClass('dt-hasChild');\n\n __details_state(ctx);\n }\n }\n };\n\n var __details_display = function (api, show) {\n var ctx = api.context;\n\n if (ctx.length && api.length) {\n var row = ctx[0].aoData[api[0]];\n\n if (row._details) {\n row._detailsShow = show;\n\n if (show) {\n row._details.insertAfter(row.nTr);\n\n $(row.nTr).addClass('dt-hasChild');\n } else {\n row._details.detach();\n\n $(row.nTr).removeClass('dt-hasChild');\n }\n\n _fnCallbackFire(ctx[0], null, 'childRow', [show, api.row(api[0])]);\n\n __details_events(ctx[0]);\n\n __details_state(ctx);\n }\n }\n };\n\n var __details_events = function (settings) {\n var api = new _Api(settings);\n var namespace = '.dt.DT_details';\n var drawEvent = 'draw' + namespace;\n var colvisEvent = 'column-sizing' + namespace;\n var destroyEvent = 'destroy' + namespace;\n var data = settings.aoData;\n api.off(drawEvent + ' ' + colvisEvent + ' ' + destroyEvent);\n\n if (_pluck(data, '_details').length > 0) {\n // On each draw, insert the required elements into the document\n api.on(drawEvent, function (e, ctx) {\n if (settings !== ctx) {\n return;\n }\n\n api.rows({\n page: 'current'\n }).eq(0).each(function (idx) {\n // Internal data grab\n var row = data[idx];\n\n if (row._detailsShow) {\n row._details.insertAfter(row.nTr);\n }\n });\n }); // Column visibility change - update the colspan\n\n api.on(colvisEvent, function (e, ctx, idx, vis) {\n if (settings !== ctx) {\n return;\n } // Update the colspan for the details rows (note, only if it already has\n // a colspan)\n\n\n var row,\n visible = _fnVisbleColumns(ctx);\n\n for (var i = 0, ien = data.length; i < ien; i++) {\n row = data[i];\n\n if (row._details) {\n row._details.children('td[colspan]').attr('colspan', visible);\n }\n }\n }); // Table destroyed - nuke any child rows\n\n api.on(destroyEvent, function (e, ctx) {\n if (settings !== ctx) {\n return;\n }\n\n for (var i = 0, ien = data.length; i < ien; i++) {\n if (data[i]._details) {\n __details_remove(api, i);\n }\n }\n });\n }\n }; // Strings for the method names to help minification\n\n\n var _emp = '';\n\n var _child_obj = _emp + 'row().child';\n\n var _child_mth = _child_obj + '()'; // data can be:\n // tr\n // string\n // jQuery or array of any of the above\n\n\n _api_register(_child_mth, function (data, klass) {\n var ctx = this.context;\n\n if (data === undefined) {\n // get\n return ctx.length && this.length ? ctx[0].aoData[this[0]]._details : undefined;\n } else if (data === true) {\n // show\n this.child.show();\n } else if (data === false) {\n // remove\n __details_remove(this);\n } else if (ctx.length && this.length) {\n // set\n __details_add(ctx[0], ctx[0].aoData[this[0]], data, klass);\n }\n\n return this;\n });\n\n _api_register([_child_obj + '.show()', _child_mth + '.show()' // only when `child()` was called with parameters (without\n ], function (show) {\n // it returns an object and this method is not executed)\n __details_display(this, true);\n\n return this;\n });\n\n _api_register([_child_obj + '.hide()', _child_mth + '.hide()' // only when `child()` was called with parameters (without\n ], function () {\n // it returns an object and this method is not executed)\n __details_display(this, false);\n\n return this;\n });\n\n _api_register([_child_obj + '.remove()', _child_mth + '.remove()' // only when `child()` was called with parameters (without\n ], function () {\n // it returns an object and this method is not executed)\n __details_remove(this);\n\n return this;\n });\n\n _api_register(_child_obj + '.isShown()', function () {\n var ctx = this.context;\n\n if (ctx.length && this.length) {\n // _detailsShown as false or undefined will fall through to return false\n return ctx[0].aoData[this[0]]._detailsShow || false;\n }\n\n return false;\n });\n /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\n * Columns\n *\n * {integer} - column index (>=0 count from left, <0 count from right)\n * \"{integer}:visIdx\" - visible column index (i.e. translate to column index) (>=0 count from left, <0 count from right)\n * \"{integer}:visible\" - alias for {integer}:visIdx (>=0 count from left, <0 count from right)\n * \"{string}:name\" - column name\n * \"{string}\" - jQuery selector on column header nodes\n *\n */\n // can be an array of these items, comma separated list, or an array of comma\n // separated lists\n\n\n var __re_column_selector = /^([^:]+):(name|visIdx|visible)$/; // r1 and r2 are redundant - but it means that the parameters match for the\n // iterator callback in columns().data()\n\n var __columnData = function (settings, column, r1, r2, rows) {\n var a = [];\n\n for (var row = 0, ien = rows.length; row < ien; row++) {\n a.push(_fnGetCellData(settings, rows[row], column));\n }\n\n return a;\n };\n\n var __column_selector = function (settings, selector, opts) {\n var columns = settings.aoColumns,\n names = _pluck(columns, 'sName'),\n nodes = _pluck(columns, 'nTh');\n\n var run = function (s) {\n var selInt = _intVal(s); // Selector - all\n\n\n if (s === '') {\n return _range(columns.length);\n } // Selector - index\n\n\n if (selInt !== null) {\n return [selInt >= 0 ? selInt : // Count from left\n columns.length + selInt // Count from right (+ because its a negative value)\n ];\n } // Selector = function\n\n\n if (typeof s === 'function') {\n var rows = _selector_row_indexes(settings, opts);\n\n return $.map(columns, function (col, idx) {\n return s(idx, __columnData(settings, idx, 0, 0, rows), nodes[idx]) ? idx : null;\n });\n } // jQuery or string selector\n\n\n var match = typeof s === 'string' ? s.match(__re_column_selector) : '';\n\n if (match) {\n switch (match[2]) {\n case 'visIdx':\n case 'visible':\n var idx = parseInt(match[1], 10); // Visible index given, convert to column index\n\n if (idx < 0) {\n // Counting from the right\n var visColumns = $.map(columns, function (col, i) {\n return col.bVisible ? i : null;\n });\n return [visColumns[visColumns.length + idx]];\n } // Counting from the left\n\n\n return [_fnVisibleToColumnIndex(settings, idx)];\n\n case 'name':\n // match by name. `names` is column index complete and in order\n return $.map(names, function (name, i) {\n return name === match[1] ? i : null;\n });\n\n default:\n return [];\n }\n } // Cell in the table body\n\n\n if (s.nodeName && s._DT_CellIndex) {\n return [s._DT_CellIndex.column];\n } // jQuery selector on the TH elements for the columns\n\n\n var jqResult = $(nodes).filter(s).map(function () {\n return $.inArray(this, nodes); // `nodes` is column index complete and in order\n }).toArray();\n\n if (jqResult.length || !s.nodeName) {\n return jqResult;\n } // Otherwise a node which might have a `dt-column` data attribute, or be\n // a child or such an element\n\n\n var host = $(s).closest('*[data-dt-column]');\n return host.length ? [host.data('dt-column')] : [];\n };\n\n return _selector_run('column', selector, run, settings, opts);\n };\n\n var __setColumnVis = function (settings, column, vis) {\n var cols = settings.aoColumns,\n col = cols[column],\n data = settings.aoData,\n row,\n cells,\n i,\n ien,\n tr; // Get\n\n if (vis === undefined) {\n return col.bVisible;\n } // Set\n // No change\n\n\n if (col.bVisible === vis) {\n return;\n }\n\n if (vis) {\n // Insert column\n // Need to decide if we should use appendChild or insertBefore\n var insertBefore = $.inArray(true, _pluck(cols, 'bVisible'), column + 1);\n\n for (i = 0, ien = data.length; i < ien; i++) {\n tr = data[i].nTr;\n cells = data[i].anCells;\n\n if (tr) {\n // insertBefore can act like appendChild if 2nd arg is null\n tr.insertBefore(cells[column], cells[insertBefore] || null);\n }\n }\n } else {\n // Remove column\n $(_pluck(settings.aoData, 'anCells', column)).detach();\n } // Common actions\n\n\n col.bVisible = vis;\n };\n\n _api_register('columns()', function (selector, opts) {\n // argument shifting\n if (selector === undefined) {\n selector = '';\n } else if ($.isPlainObject(selector)) {\n opts = selector;\n selector = '';\n }\n\n opts = _selector_opts(opts);\n var inst = this.iterator('table', function (settings) {\n return __column_selector(settings, selector, opts);\n }, 1); // Want argument shifting here and in _row_selector?\n\n inst.selector.cols = selector;\n inst.selector.opts = opts;\n return inst;\n });\n\n _api_registerPlural('columns().header()', 'column().header()', function (selector, opts) {\n return this.iterator('column', function (settings, column) {\n return settings.aoColumns[column].nTh;\n }, 1);\n });\n\n _api_registerPlural('columns().footer()', 'column().footer()', function (selector, opts) {\n return this.iterator('column', function (settings, column) {\n return settings.aoColumns[column].nTf;\n }, 1);\n });\n\n _api_registerPlural('columns().data()', 'column().data()', function () {\n return this.iterator('column-rows', __columnData, 1);\n });\n\n _api_registerPlural('columns().dataSrc()', 'column().dataSrc()', function () {\n return this.iterator('column', function (settings, column) {\n return settings.aoColumns[column].mData;\n }, 1);\n });\n\n _api_registerPlural('columns().cache()', 'column().cache()', function (type) {\n return this.iterator('column-rows', function (settings, column, i, j, rows) {\n return _pluck_order(settings.aoData, rows, type === 'search' ? '_aFilterData' : '_aSortData', column);\n }, 1);\n });\n\n _api_registerPlural('columns().nodes()', 'column().nodes()', function () {\n return this.iterator('column-rows', function (settings, column, i, j, rows) {\n return _pluck_order(settings.aoData, rows, 'anCells', column);\n }, 1);\n });\n\n _api_registerPlural('columns().visible()', 'column().visible()', function (vis, calc) {\n var that = this;\n var ret = this.iterator('column', function (settings, column) {\n if (vis === undefined) {\n return settings.aoColumns[column].bVisible;\n } // else\n\n\n __setColumnVis(settings, column, vis);\n }); // Group the column visibility changes\n\n if (vis !== undefined) {\n this.iterator('table', function (settings) {\n // Redraw the header after changes\n _fnDrawHead(settings, settings.aoHeader);\n\n _fnDrawHead(settings, settings.aoFooter); // Update colspan for no records display. Child rows and extensions will use their own\n // listeners to do this - only need to update the empty table item here\n\n\n if (!settings.aiDisplay.length) {\n $(settings.nTBody).find('td[colspan]').attr('colspan', _fnVisbleColumns(settings));\n }\n\n _fnSaveState(settings); // Second loop once the first is done for events\n\n\n that.iterator('column', function (settings, column) {\n _fnCallbackFire(settings, null, 'column-visibility', [settings, column, vis, calc]);\n });\n\n if (calc === undefined || calc) {\n that.columns.adjust();\n }\n });\n }\n\n return ret;\n });\n\n _api_registerPlural('columns().indexes()', 'column().index()', function (type) {\n return this.iterator('column', function (settings, column) {\n return type === 'visible' ? _fnColumnIndexToVisible(settings, column) : column;\n }, 1);\n });\n\n _api_register('columns.adjust()', function () {\n return this.iterator('table', function (settings) {\n _fnAdjustColumnSizing(settings);\n }, 1);\n });\n\n _api_register('column.index()', function (type, idx) {\n if (this.context.length !== 0) {\n var ctx = this.context[0];\n\n if (type === 'fromVisible' || type === 'toData') {\n return _fnVisibleToColumnIndex(ctx, idx);\n } else if (type === 'fromData' || type === 'toVisible') {\n return _fnColumnIndexToVisible(ctx, idx);\n }\n }\n });\n\n _api_register('column()', function (selector, opts) {\n return _selector_first(this.columns(selector, opts));\n });\n\n var __cell_selector = function (settings, selector, opts) {\n var data = settings.aoData;\n\n var rows = _selector_row_indexes(settings, opts);\n\n var cells = _removeEmpty(_pluck_order(data, rows, 'anCells'));\n\n var allCells = $(_flatten([], cells));\n var row;\n var columns = settings.aoColumns.length;\n var a, i, ien, j, o, host;\n\n var run = function (s) {\n var fnSelector = typeof s === 'function';\n\n if (s === null || s === undefined || fnSelector) {\n // All cells and function selectors\n a = [];\n\n for (i = 0, ien = rows.length; i < ien; i++) {\n row = rows[i];\n\n for (j = 0; j < columns; j++) {\n o = {\n row: row,\n column: j\n };\n\n if (fnSelector) {\n // Selector - function\n host = data[row];\n\n if (s(o, _fnGetCellData(settings, row, j), host.anCells ? host.anCells[j] : null)) {\n a.push(o);\n }\n } else {\n // Selector - all\n a.push(o);\n }\n }\n }\n\n return a;\n } // Selector - index\n\n\n if ($.isPlainObject(s)) {\n // Valid cell index and its in the array of selectable rows\n return s.column !== undefined && s.row !== undefined && $.inArray(s.row, rows) !== -1 ? [s] : [];\n } // Selector - jQuery filtered cells\n\n\n var jqResult = allCells.filter(s).map(function (i, el) {\n return {\n // use a new object, in case someone changes the values\n row: el._DT_CellIndex.row,\n column: el._DT_CellIndex.column\n };\n }).toArray();\n\n if (jqResult.length || !s.nodeName) {\n return jqResult;\n } // Otherwise the selector is a node, and there is one last option - the\n // element might be a child of an element which has dt-row and dt-column\n // data attributes\n\n\n host = $(s).closest('*[data-dt-row]');\n return host.length ? [{\n row: host.data('dt-row'),\n column: host.data('dt-column')\n }] : [];\n };\n\n return _selector_run('cell', selector, run, settings, opts);\n };\n\n _api_register('cells()', function (rowSelector, columnSelector, opts) {\n // Argument shifting\n if ($.isPlainObject(rowSelector)) {\n // Indexes\n if (rowSelector.row === undefined) {\n // Selector options in first parameter\n opts = rowSelector;\n rowSelector = null;\n } else {\n // Cell index objects in first parameter\n opts = columnSelector;\n columnSelector = null;\n }\n }\n\n if ($.isPlainObject(columnSelector)) {\n opts = columnSelector;\n columnSelector = null;\n } // Cell selector\n\n\n if (columnSelector === null || columnSelector === undefined) {\n return this.iterator('table', function (settings) {\n return __cell_selector(settings, rowSelector, _selector_opts(opts));\n });\n } // The default built in options need to apply to row and columns\n\n\n var internalOpts = opts ? {\n page: opts.page,\n order: opts.order,\n search: opts.search\n } : {}; // Row + column selector\n\n var columns = this.columns(columnSelector, internalOpts);\n var rows = this.rows(rowSelector, internalOpts);\n var i, ien, j, jen;\n var cellsNoOpts = this.iterator('table', function (settings, idx) {\n var a = [];\n\n for (i = 0, ien = rows[idx].length; i < ien; i++) {\n for (j = 0, jen = columns[idx].length; j < jen; j++) {\n a.push({\n row: rows[idx][i],\n column: columns[idx][j]\n });\n }\n }\n\n return a;\n }, 1); // There is currently only one extension which uses a cell selector extension\n // It is a _major_ performance drag to run this if it isn't needed, so this is\n // an extension specific check at the moment\n\n var cells = opts && opts.selected ? this.cells(cellsNoOpts, opts) : cellsNoOpts;\n $.extend(cells.selector, {\n cols: columnSelector,\n rows: rowSelector,\n opts: opts\n });\n return cells;\n });\n\n _api_registerPlural('cells().nodes()', 'cell().node()', function () {\n return this.iterator('cell', function (settings, row, column) {\n var data = settings.aoData[row];\n return data && data.anCells ? data.anCells[column] : undefined;\n }, 1);\n });\n\n _api_register('cells().data()', function () {\n return this.iterator('cell', function (settings, row, column) {\n return _fnGetCellData(settings, row, column);\n }, 1);\n });\n\n _api_registerPlural('cells().cache()', 'cell().cache()', function (type) {\n type = type === 'search' ? '_aFilterData' : '_aSortData';\n return this.iterator('cell', function (settings, row, column) {\n return settings.aoData[row][type][column];\n }, 1);\n });\n\n _api_registerPlural('cells().render()', 'cell().render()', function (type) {\n return this.iterator('cell', function (settings, row, column) {\n return _fnGetCellData(settings, row, column, type);\n }, 1);\n });\n\n _api_registerPlural('cells().indexes()', 'cell().index()', function () {\n return this.iterator('cell', function (settings, row, column) {\n return {\n row: row,\n column: column,\n columnVisible: _fnColumnIndexToVisible(settings, column)\n };\n }, 1);\n });\n\n _api_registerPlural('cells().invalidate()', 'cell().invalidate()', function (src) {\n return this.iterator('cell', function (settings, row, column) {\n _fnInvalidate(settings, row, src, column);\n });\n });\n\n _api_register('cell()', function (rowSelector, columnSelector, opts) {\n return _selector_first(this.cells(rowSelector, columnSelector, opts));\n });\n\n _api_register('cell().data()', function (data) {\n var ctx = this.context;\n var cell = this[0];\n\n if (data === undefined) {\n // Get\n return ctx.length && cell.length ? _fnGetCellData(ctx[0], cell[0].row, cell[0].column) : undefined;\n } // Set\n\n\n _fnSetCellData(ctx[0], cell[0].row, cell[0].column, data);\n\n _fnInvalidate(ctx[0], cell[0].row, 'data', cell[0].column);\n\n return this;\n });\n /**\n * Get current ordering (sorting) that has been applied to the table.\n *\n * @returns {array} 2D array containing the sorting information for the first\n * table in the current context. Each element in the parent array represents\n * a column being sorted upon (i.e. multi-sorting with two columns would have\n * 2 inner arrays). The inner arrays may have 2 or 3 elements. The first is\n * the column index that the sorting condition applies to, the second is the\n * direction of the sort (`desc` or `asc`) and, optionally, the third is the\n * index of the sorting order from the `column.sorting` initialisation array.\n */\n\n /**\n * Set the ordering for the table.\n *\n * @param {integer} order Column index to sort upon.\n * @param {string} direction Direction of the sort to be applied (`asc` or `desc`)\n * @returns {DataTables.Api} this\n */\n\n /**\n * Set the ordering for the table.\n *\n * @param {array} order 1D array of sorting information to be applied.\n * @param {array} [...] Optional additional sorting conditions\n * @returns {DataTables.Api} this\n */\n\n /**\n * Set the ordering for the table.\n *\n * @param {array} order 2D array of sorting information to be applied.\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('order()', function (order, dir) {\n var ctx = this.context;\n\n if (order === undefined) {\n // get\n return ctx.length !== 0 ? ctx[0].aaSorting : undefined;\n } // set\n\n\n if (typeof order === 'number') {\n // Simple column / direction passed in\n order = [[order, dir]];\n } else if (order.length && !Array.isArray(order[0])) {\n // Arguments passed in (list of 1D arrays)\n order = Array.prototype.slice.call(arguments);\n } // otherwise a 2D array was passed in\n\n\n return this.iterator('table', function (settings) {\n settings.aaSorting = order.slice();\n });\n });\n /**\n * Attach a sort listener to an element for a given column\n *\n * @param {node|jQuery|string} node Identifier for the element(s) to attach the\n * listener to. This can take the form of a single DOM node, a jQuery\n * collection of nodes or a jQuery selector which will identify the node(s).\n * @param {integer} column the column that a click on this node will sort on\n * @param {function} [callback] callback function when sort is run\n * @returns {DataTables.Api} this\n */\n\n\n _api_register('order.listener()', function (node, column, callback) {\n return this.iterator('table', function (settings) {\n _fnSortAttachListener(settings, node, column, callback);\n });\n });\n\n _api_register('order.fixed()', function (set) {\n if (!set) {\n var ctx = this.context;\n var fixed = ctx.length ? ctx[0].aaSortingFixed : undefined;\n return Array.isArray(fixed) ? {\n pre: fixed\n } : fixed;\n }\n\n return this.iterator('table', function (settings) {\n settings.aaSortingFixed = $.extend(true, {}, set);\n });\n }); // Order by the selected column(s)\n\n\n _api_register(['columns().order()', 'column().order()'], function (dir) {\n var that = this;\n return this.iterator('table', function (settings, i) {\n var sort = [];\n $.each(that[i], function (j, col) {\n sort.push([col, dir]);\n });\n settings.aaSorting = sort;\n });\n });\n\n _api_register('search()', function (input, regex, smart, caseInsen) {\n var ctx = this.context;\n\n if (input === undefined) {\n // get\n return ctx.length !== 0 ? ctx[0].oPreviousSearch.sSearch : undefined;\n } // set\n\n\n return this.iterator('table', function (settings) {\n if (!settings.oFeatures.bFilter) {\n return;\n }\n\n _fnFilterComplete(settings, $.extend({}, settings.oPreviousSearch, {\n \"sSearch\": input + \"\",\n \"bRegex\": regex === null ? false : regex,\n \"bSmart\": smart === null ? true : smart,\n \"bCaseInsensitive\": caseInsen === null ? true : caseInsen\n }), 1);\n });\n });\n\n _api_registerPlural('columns().search()', 'column().search()', function (input, regex, smart, caseInsen) {\n return this.iterator('column', function (settings, column) {\n var preSearch = settings.aoPreSearchCols;\n\n if (input === undefined) {\n // get\n return preSearch[column].sSearch;\n } // set\n\n\n if (!settings.oFeatures.bFilter) {\n return;\n }\n\n $.extend(preSearch[column], {\n \"sSearch\": input + \"\",\n \"bRegex\": regex === null ? false : regex,\n \"bSmart\": smart === null ? true : smart,\n \"bCaseInsensitive\": caseInsen === null ? true : caseInsen\n });\n\n _fnFilterComplete(settings, settings.oPreviousSearch, 1);\n });\n });\n /*\n * State API methods\n */\n\n\n _api_register('state()', function () {\n return this.context.length ? this.context[0].oSavedState : null;\n });\n\n _api_register('state.clear()', function () {\n return this.iterator('table', function (settings) {\n // Save an empty object\n settings.fnStateSaveCallback.call(settings.oInstance, settings, {});\n });\n });\n\n _api_register('state.loaded()', function () {\n return this.context.length ? this.context[0].oLoadedState : null;\n });\n\n _api_register('state.save()', function () {\n return this.iterator('table', function (settings) {\n _fnSaveState(settings);\n });\n });\n /**\n * Provide a common method for plug-ins to check the version of DataTables being\n * used, in order to ensure compatibility.\n *\n * @param {string} version Version string to check for, in the format \"X.Y.Z\".\n * Note that the formats \"X\" and \"X.Y\" are also acceptable.\n * @returns {boolean} true if this version of DataTables is greater or equal to\n * the required version, or false if this version of DataTales is not\n * suitable\n * @static\n * @dtopt API-Static\n *\n * @example\n * alert( $.fn.dataTable.versionCheck( '1.9.0' ) );\n */\n\n\n DataTable.versionCheck = DataTable.fnVersionCheck = function (version) {\n var aThis = DataTable.version.split('.');\n var aThat = version.split('.');\n var iThis, iThat;\n\n for (var i = 0, iLen = aThat.length; i < iLen; i++) {\n iThis = parseInt(aThis[i], 10) || 0;\n iThat = parseInt(aThat[i], 10) || 0; // Parts are the same, keep comparing\n\n if (iThis === iThat) {\n continue;\n } // Parts are different, return immediately\n\n\n return iThis > iThat;\n }\n\n return true;\n };\n /**\n * Check if a `
` node is a DataTable table already or not.\n *\n * @param {node|jquery|string} table Table node, jQuery object or jQuery\n * selector for the table to test. Note that if more than more than one\n * table is passed on, only the first will be checked\n * @returns {boolean} true the table given is a DataTable, or false otherwise\n * @static\n * @dtopt API-Static\n *\n * @example\n * if ( ! $.fn.DataTable.isDataTable( '#example' ) ) {\n * $('#example').dataTable();\n * }\n */\n\n\n DataTable.isDataTable = DataTable.fnIsDataTable = function (table) {\n var t = $(table).get(0);\n var is = false;\n\n if (table instanceof DataTable.Api) {\n return true;\n }\n\n $.each(DataTable.settings, function (i, o) {\n var head = o.nScrollHead ? $('table', o.nScrollHead)[0] : null;\n var foot = o.nScrollFoot ? $('table', o.nScrollFoot)[0] : null;\n\n if (o.nTable === t || head === t || foot === t) {\n is = true;\n }\n });\n return is;\n };\n /**\n * Get all DataTable tables that have been initialised - optionally you can\n * select to get only currently visible tables.\n *\n * @param {boolean} [visible=false] Flag to indicate if you want all (default)\n * or visible tables only.\n * @returns {array} Array of `table` nodes (not DataTable instances) which are\n * DataTables\n * @static\n * @dtopt API-Static\n *\n * @example\n * $.each( $.fn.dataTable.tables(true), function () {\n * $(table).DataTable().columns.adjust();\n * } );\n */\n\n\n DataTable.tables = DataTable.fnTables = function (visible) {\n var api = false;\n\n if ($.isPlainObject(visible)) {\n api = visible.api;\n visible = visible.visible;\n }\n\n var a = $.map(DataTable.settings, function (o) {\n if (!visible || visible && $(o.nTable).is(':visible')) {\n return o.nTable;\n }\n });\n return api ? new _Api(a) : a;\n };\n /**\n * Convert from camel case parameters to Hungarian notation. This is made public\n * for the extensions to provide the same ability as DataTables core to accept\n * either the 1.9 style Hungarian notation, or the 1.10+ style camelCase\n * parameters.\n *\n * @param {object} src The model object which holds all parameters that can be\n * mapped.\n * @param {object} user The object to convert from camel case to Hungarian.\n * @param {boolean} force When set to `true`, properties which already have a\n * Hungarian value in the `user` object will be overwritten. Otherwise they\n * won't be.\n */\n\n\n DataTable.camelToHungarian = _fnCamelToHungarian;\n /**\n *\n */\n\n _api_register('$()', function (selector, opts) {\n var rows = this.rows(opts).nodes(),\n // Get all rows\n jqRows = $(rows);\n return $([].concat(jqRows.filter(selector).toArray(), jqRows.find(selector).toArray()));\n }); // jQuery functions to operate on the tables\n\n\n $.each(['on', 'one', 'off'], function (i, key) {\n _api_register(key + '()', function\n /* event, handler */\n () {\n var args = Array.prototype.slice.call(arguments); // Add the `dt` namespace automatically if it isn't already present\n\n args[0] = $.map(args[0].split(/\\s/), function (e) {\n return !e.match(/\\.dt\\b/) ? e + '.dt' : e;\n }).join(' ');\n var inst = $(this.tables().nodes());\n inst[key].apply(inst, args);\n return this;\n });\n });\n\n _api_register('clear()', function () {\n return this.iterator('table', function (settings) {\n _fnClearTable(settings);\n });\n });\n\n _api_register('settings()', function () {\n return new _Api(this.context, this.context);\n });\n\n _api_register('init()', function () {\n var ctx = this.context;\n return ctx.length ? ctx[0].oInit : null;\n });\n\n _api_register('data()', function () {\n return this.iterator('table', function (settings) {\n return _pluck(settings.aoData, '_aData');\n }).flatten();\n });\n\n _api_register('destroy()', function (remove) {\n remove = remove || false;\n return this.iterator('table', function (settings) {\n var classes = settings.oClasses;\n var table = settings.nTable;\n var tbody = settings.nTBody;\n var thead = settings.nTHead;\n var tfoot = settings.nTFoot;\n var jqTable = $(table);\n var jqTbody = $(tbody);\n var jqWrapper = $(settings.nTableWrapper);\n var rows = $.map(settings.aoData, function (r) {\n return r.nTr;\n });\n var i, ien; // Flag to note that the table is currently being destroyed - no action\n // should be taken\n\n settings.bDestroying = true; // Fire off the destroy callbacks for plug-ins etc\n\n _fnCallbackFire(settings, \"aoDestroyCallback\", \"destroy\", [settings]); // If not being removed from the document, make all columns visible\n\n\n if (!remove) {\n new _Api(settings).columns().visible(true);\n } // Blitz all `DT` namespaced events (these are internal events, the\n // lowercase, `dt` events are user subscribed and they are responsible\n // for removing them\n\n\n jqWrapper.off('.DT').find(':not(tbody *)').off('.DT');\n $(window).off('.DT-' + settings.sInstance); // When scrolling we had to break the table up - restore it\n\n if (table != thead.parentNode) {\n jqTable.children('thead').detach();\n jqTable.append(thead);\n }\n\n if (tfoot && table != tfoot.parentNode) {\n jqTable.children('tfoot').detach();\n jqTable.append(tfoot);\n }\n\n settings.aaSorting = [];\n settings.aaSortingFixed = [];\n\n _fnSortingClasses(settings);\n\n $(rows).removeClass(settings.asStripeClasses.join(' '));\n $('th, td', thead).removeClass(classes.sSortable + ' ' + classes.sSortableAsc + ' ' + classes.sSortableDesc + ' ' + classes.sSortableNone); // Add the TR elements back into the table in their original order\n\n jqTbody.children().detach();\n jqTbody.append(rows);\n var orig = settings.nTableWrapper.parentNode; // Remove the DataTables generated nodes, events and classes\n\n var removedMethod = remove ? 'remove' : 'detach';\n jqTable[removedMethod]();\n jqWrapper[removedMethod](); // If we need to reattach the table to the document\n\n if (!remove && orig) {\n // insertBefore acts like appendChild if !arg[1]\n orig.insertBefore(table, settings.nTableReinsertBefore); // Restore the width of the original table - was read from the style property,\n // so we can restore directly to that\n\n jqTable.css('width', settings.sDestroyWidth).removeClass(classes.sTable); // If the were originally stripe classes - then we add them back here.\n // Note this is not fool proof (for example if not all rows had stripe\n // classes - but it's a good effort without getting carried away\n\n ien = settings.asDestroyStripes.length;\n\n if (ien) {\n jqTbody.children().each(function (i) {\n $(this).addClass(settings.asDestroyStripes[i % ien]);\n });\n }\n }\n /* Remove the settings object from the settings array */\n\n\n var idx = $.inArray(settings, DataTable.settings);\n\n if (idx !== -1) {\n DataTable.settings.splice(idx, 1);\n }\n });\n }); // Add the `every()` method for rows, columns and cells in a compact form\n\n\n $.each(['column', 'row', 'cell'], function (i, type) {\n _api_register(type + 's().every()', function (fn) {\n var opts = this.selector.opts;\n var api = this;\n return this.iterator(type, function (settings, arg1, arg2, arg3, arg4) {\n // Rows and columns:\n // arg1 - index\n // arg2 - table counter\n // arg3 - loop counter\n // arg4 - undefined\n // Cells:\n // arg1 - row index\n // arg2 - column index\n // arg3 - table counter\n // arg4 - loop counter\n fn.call(api[type](arg1, type === 'cell' ? arg2 : opts, type === 'cell' ? opts : undefined), arg1, arg2, arg3, arg4);\n });\n });\n }); // i18n method for extensions to be able to use the language object from the\n // DataTable\n\n _api_register('i18n()', function (token, def, plural) {\n var ctx = this.context[0];\n\n var resolved = _fnGetObjectDataFn(token)(ctx.oLanguage);\n\n if (resolved === undefined) {\n resolved = def;\n }\n\n if (plural !== undefined && $.isPlainObject(resolved)) {\n resolved = resolved[plural] !== undefined ? resolved[plural] : resolved._;\n }\n\n return resolved.replace('%d', plural); // nb: plural might be undefined,\n });\n /**\n * Version string for plug-ins to check compatibility. Allowed format is\n * `a.b.c-d` where: a:int, b:int, c:int, d:string(dev|beta|alpha). `d` is used\n * only for non-release builds. See http://semver.org/ for more information.\n * @member\n * @type string\n * @default Version number\n */\n\n\n DataTable.version = \"1.12.1\";\n /**\n * Private data store, containing all of the settings objects that are\n * created for the tables on a given page.\n *\n * Note that the `DataTable.settings` object is aliased to\n * `jQuery.fn.dataTableExt` through which it may be accessed and\n * manipulated, or `jQuery.fn.dataTable.settings`.\n * @member\n * @type array\n * @default []\n * @private\n */\n\n DataTable.settings = [];\n /**\n * Object models container, for the various models that DataTables has\n * available to it. These models define the objects that are used to hold\n * the active state and configuration of the table.\n * @namespace\n */\n\n DataTable.models = {};\n /**\n * Template object for the way in which DataTables holds information about\n * search information for the global filter and individual column filters.\n * @namespace\n */\n\n DataTable.models.oSearch = {\n /**\n * Flag to indicate if the filtering should be case insensitive or not\n * @type boolean\n * @default true\n */\n \"bCaseInsensitive\": true,\n\n /**\n * Applied search term\n * @type string\n * @default Empty string\n */\n \"sSearch\": \"\",\n\n /**\n * Flag to indicate if the search term should be interpreted as a\n * regular expression (true) or not (false) and therefore and special\n * regex characters escaped.\n * @type boolean\n * @default false\n */\n \"bRegex\": false,\n\n /**\n * Flag to indicate if DataTables is to use its smart filtering or not.\n * @type boolean\n * @default true\n */\n \"bSmart\": true,\n\n /**\n * Flag to indicate if DataTables should only trigger a search when\n * the return key is pressed.\n * @type boolean\n * @default false\n */\n \"return\": false\n };\n /**\n * Template object for the way in which DataTables holds information about\n * each individual row. This is the object format used for the settings\n * aoData array.\n * @namespace\n */\n\n DataTable.models.oRow = {\n /**\n * TR element for the row\n * @type node\n * @default null\n */\n \"nTr\": null,\n\n /**\n * Array of TD elements for each row. This is null until the row has been\n * created.\n * @type array nodes\n * @default []\n */\n \"anCells\": null,\n\n /**\n * Data object from the original data source for the row. This is either\n * an array if using the traditional form of DataTables, or an object if\n * using mData options. The exact type will depend on the passed in\n * data from the data source, or will be an array if using DOM a data\n * source.\n * @type array|object\n * @default []\n */\n \"_aData\": [],\n\n /**\n * Sorting data cache - this array is ostensibly the same length as the\n * number of columns (although each index is generated only as it is\n * needed), and holds the data that is used for sorting each column in the\n * row. We do this cache generation at the start of the sort in order that\n * the formatting of the sort data need be done only once for each cell\n * per sort. This array should not be read from or written to by anything\n * other than the master sorting methods.\n * @type array\n * @default null\n * @private\n */\n \"_aSortData\": null,\n\n /**\n * Per cell filtering data cache. As per the sort data cache, used to\n * increase the performance of the filtering in DataTables\n * @type array\n * @default null\n * @private\n */\n \"_aFilterData\": null,\n\n /**\n * Filtering data cache. This is the same as the cell filtering cache, but\n * in this case a string rather than an array. This is easily computed with\n * a join on `_aFilterData`, but is provided as a cache so the join isn't\n * needed on every search (memory traded for performance)\n * @type array\n * @default null\n * @private\n */\n \"_sFilterRow\": null,\n\n /**\n * Cache of the class name that DataTables has applied to the row, so we\n * can quickly look at this variable rather than needing to do a DOM check\n * on className for the nTr property.\n * @type string\n * @default Empty string\n * @private\n */\n \"_sRowStripe\": \"\",\n\n /**\n * Denote if the original data source was from the DOM, or the data source\n * object. This is used for invalidating data, so DataTables can\n * automatically read data from the original source, unless uninstructed\n * otherwise.\n * @type string\n * @default null\n * @private\n */\n \"src\": null,\n\n /**\n * Index in the aoData array. This saves an indexOf lookup when we have the\n * object, but want to know the index\n * @type integer\n * @default -1\n * @private\n */\n \"idx\": -1\n };\n /**\n * Template object for the column information object in DataTables. This object\n * is held in the settings aoColumns array and contains all the information that\n * DataTables needs about each individual column.\n *\n * Note that this object is related to {@link DataTable.defaults.column}\n * but this one is the internal data store for DataTables's cache of columns.\n * It should NOT be manipulated outside of DataTables. Any configuration should\n * be done through the initialisation options.\n * @namespace\n */\n\n DataTable.models.oColumn = {\n /**\n * Column index. This could be worked out on-the-fly with $.inArray, but it\n * is faster to just hold it as a variable\n * @type integer\n * @default null\n */\n \"idx\": null,\n\n /**\n * A list of the columns that sorting should occur on when this column\n * is sorted. That this property is an array allows multi-column sorting\n * to be defined for a column (for example first name / last name columns\n * would benefit from this). The values are integers pointing to the\n * columns to be sorted on (typically it will be a single integer pointing\n * at itself, but that doesn't need to be the case).\n * @type array\n */\n \"aDataSort\": null,\n\n /**\n * Define the sorting directions that are applied to the column, in sequence\n * as the column is repeatedly sorted upon - i.e. the first value is used\n * as the sorting direction when the column if first sorted (clicked on).\n * Sort it again (click again) and it will move on to the next index.\n * Repeat until loop.\n * @type array\n */\n \"asSorting\": null,\n\n /**\n * Flag to indicate if the column is searchable, and thus should be included\n * in the filtering or not.\n * @type boolean\n */\n \"bSearchable\": null,\n\n /**\n * Flag to indicate if the column is sortable or not.\n * @type boolean\n */\n \"bSortable\": null,\n\n /**\n * Flag to indicate if the column is currently visible in the table or not\n * @type boolean\n */\n \"bVisible\": null,\n\n /**\n * Store for manual type assignment using the `column.type` option. This\n * is held in store so we can manipulate the column's `sType` property.\n * @type string\n * @default null\n * @private\n */\n \"_sManualType\": null,\n\n /**\n * Flag to indicate if HTML5 data attributes should be used as the data\n * source for filtering or sorting. True is either are.\n * @type boolean\n * @default false\n * @private\n */\n \"_bAttrSrc\": false,\n\n /**\n * Developer definable function that is called whenever a cell is created (Ajax source,\n * etc) or processed for input (DOM source). This can be used as a compliment to mRender\n * allowing you to modify the DOM element (add background colour for example) when the\n * element is available.\n * @type function\n * @param {element} nTd The TD node that has been created\n * @param {*} sData The Data for the cell\n * @param {array|object} oData The data for the whole row\n * @param {int} iRow The row index for the aoData data store\n * @default null\n */\n \"fnCreatedCell\": null,\n\n /**\n * Function to get data from a cell in a column. You should never\n * access data directly through _aData internally in DataTables - always use\n * the method attached to this property. It allows mData to function as\n * required. This function is automatically assigned by the column\n * initialisation method\n * @type function\n * @param {array|object} oData The data array/object for the array\n * (i.e. aoData[]._aData)\n * @param {string} sSpecific The specific data type you want to get -\n * 'display', 'type' 'filter' 'sort'\n * @returns {*} The data for the cell from the given row's data\n * @default null\n */\n \"fnGetData\": null,\n\n /**\n * Function to set data for a cell in the column. You should never\n * set the data directly to _aData internally in DataTables - always use\n * this method. It allows mData to function as required. This function\n * is automatically assigned by the column initialisation method\n * @type function\n * @param {array|object} oData The data array/object for the array\n * (i.e. aoData[]._aData)\n * @param {*} sValue Value to set\n * @default null\n */\n \"fnSetData\": null,\n\n /**\n * Property to read the value for the cells in the column from the data\n * source array / object. If null, then the default content is used, if a\n * function is given then the return from the function is used.\n * @type function|int|string|null\n * @default null\n */\n \"mData\": null,\n\n /**\n * Partner property to mData which is used (only when defined) to get\n * the data - i.e. it is basically the same as mData, but without the\n * 'set' option, and also the data fed to it is the result from mData.\n * This is the rendering method to match the data method of mData.\n * @type function|int|string|null\n * @default null\n */\n \"mRender\": null,\n\n /**\n * Unique header TH/TD element for this column - this is what the sorting\n * listener is attached to (if sorting is enabled.)\n * @type node\n * @default null\n */\n \"nTh\": null,\n\n /**\n * Unique footer TH/TD element for this column (if there is one). Not used\n * in DataTables as such, but can be used for plug-ins to reference the\n * footer for each column.\n * @type node\n * @default null\n */\n \"nTf\": null,\n\n /**\n * The class to apply to all TD elements in the table's TBODY for the column\n * @type string\n * @default null\n */\n \"sClass\": null,\n\n /**\n * When DataTables calculates the column widths to assign to each column,\n * it finds the longest string in each column and then constructs a\n * temporary table and reads the widths from that. The problem with this\n * is that \"mmm\" is much wider then \"iiii\", but the latter is a longer\n * string - thus the calculation can go wrong (doing it properly and putting\n * it into an DOM object and measuring that is horribly(!) slow). Thus as\n * a \"work around\" we provide this option. It will append its value to the\n * text that is found to be the longest string for the column - i.e. padding.\n * @type string\n */\n \"sContentPadding\": null,\n\n /**\n * Allows a default value to be given for a column's data, and will be used\n * whenever a null data source is encountered (this can be because mData\n * is set to null, or because the data source itself is null).\n * @type string\n * @default null\n */\n \"sDefaultContent\": null,\n\n /**\n * Name for the column, allowing reference to the column by name as well as\n * by index (needs a lookup to work by name).\n * @type string\n */\n \"sName\": null,\n\n /**\n * Custom sorting data type - defines which of the available plug-ins in\n * afnSortData the custom sorting will use - if any is defined.\n * @type string\n * @default std\n */\n \"sSortDataType\": 'std',\n\n /**\n * Class to be applied to the header element when sorting on this column\n * @type string\n * @default null\n */\n \"sSortingClass\": null,\n\n /**\n * Class to be applied to the header element when sorting on this column -\n * when jQuery UI theming is used.\n * @type string\n * @default null\n */\n \"sSortingClassJUI\": null,\n\n /**\n * Title of the column - what is seen in the TH element (nTh).\n * @type string\n */\n \"sTitle\": null,\n\n /**\n * Column sorting and filtering type\n * @type string\n * @default null\n */\n \"sType\": null,\n\n /**\n * Width of the column\n * @type string\n * @default null\n */\n \"sWidth\": null,\n\n /**\n * Width of the column when it was first \"encountered\"\n * @type string\n * @default null\n */\n \"sWidthOrig\": null\n };\n /*\n * Developer note: The properties of the object below are given in Hungarian\n * notation, that was used as the interface for DataTables prior to v1.10, however\n * from v1.10 onwards the primary interface is camel case. In order to avoid\n * breaking backwards compatibility utterly with this change, the Hungarian\n * version is still, internally the primary interface, but is is not documented\n * - hence the @name tags in each doc comment. This allows a Javascript function\n * to create a map from Hungarian notation to camel case (going the other direction\n * would require each property to be listed, which would add around 3K to the size\n * of DataTables, while this method is about a 0.5K hit).\n *\n * Ultimately this does pave the way for Hungarian notation to be dropped\n * completely, but that is a massive amount of work and will break current\n * installs (therefore is on-hold until v2).\n */\n\n /**\n * Initialisation options that can be given to DataTables at initialisation\n * time.\n * @namespace\n */\n\n DataTable.defaults = {\n /**\n * An array of data to use for the table, passed in at initialisation which\n * will be used in preference to any data which is already in the DOM. This is\n * particularly useful for constructing tables purely in Javascript, for\n * example with a custom Ajax call.\n * @type array\n * @default null\n *\n * @dtopt Option\n * @name DataTable.defaults.data\n *\n * @example\n * // Using a 2D array data source\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"data\": [\n * ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'],\n * ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'],\n * ],\n * \"columns\": [\n * { \"title\": \"Engine\" },\n * { \"title\": \"Browser\" },\n * { \"title\": \"Platform\" },\n * { \"title\": \"Version\" },\n * { \"title\": \"Grade\" }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using an array of objects as a data source (`data`)\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"data\": [\n * {\n * \"engine\": \"Trident\",\n * \"browser\": \"Internet Explorer 4.0\",\n * \"platform\": \"Win 95+\",\n * \"version\": 4,\n * \"grade\": \"X\"\n * },\n * {\n * \"engine\": \"Trident\",\n * \"browser\": \"Internet Explorer 5.0\",\n * \"platform\": \"Win 95+\",\n * \"version\": 5,\n * \"grade\": \"C\"\n * }\n * ],\n * \"columns\": [\n * { \"title\": \"Engine\", \"data\": \"engine\" },\n * { \"title\": \"Browser\", \"data\": \"browser\" },\n * { \"title\": \"Platform\", \"data\": \"platform\" },\n * { \"title\": \"Version\", \"data\": \"version\" },\n * { \"title\": \"Grade\", \"data\": \"grade\" }\n * ]\n * } );\n * } );\n */\n \"aaData\": null,\n\n /**\n * If ordering is enabled, then DataTables will perform a first pass sort on\n * initialisation. You can define which column(s) the sort is performed\n * upon, and the sorting direction, with this variable. The `sorting` array\n * should contain an array for each column to be sorted initially containing\n * the column's index and a direction string ('asc' or 'desc').\n * @type array\n * @default [[0,'asc']]\n *\n * @dtopt Option\n * @name DataTable.defaults.order\n *\n * @example\n * // Sort by 3rd column first, and then 4th column\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"order\": [[2,'asc'], [3,'desc']]\n * } );\n * } );\n *\n * // No initial sorting\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"order\": []\n * } );\n * } );\n */\n \"aaSorting\": [[0, 'asc']],\n\n /**\n * This parameter is basically identical to the `sorting` parameter, but\n * cannot be overridden by user interaction with the table. What this means\n * is that you could have a column (visible or hidden) which the sorting\n * will always be forced on first - any sorting after that (from the user)\n * will then be performed as required. This can be useful for grouping rows\n * together.\n * @type array\n * @default null\n *\n * @dtopt Option\n * @name DataTable.defaults.orderFixed\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"orderFixed\": [[0,'asc']]\n * } );\n * } )\n */\n \"aaSortingFixed\": [],\n\n /**\n * DataTables can be instructed to load data to display in the table from a\n * Ajax source. This option defines how that Ajax call is made and where to.\n *\n * The `ajax` property has three different modes of operation, depending on\n * how it is defined. These are:\n *\n * * `string` - Set the URL from where the data should be loaded from.\n * * `object` - Define properties for `jQuery.ajax`.\n * * `function` - Custom data get function\n *\n * `string`\n * --------\n *\n * As a string, the `ajax` property simply defines the URL from which\n * DataTables will load data.\n *\n * `object`\n * --------\n *\n * As an object, the parameters in the object are passed to\n * [jQuery.ajax](http://api.jquery.com/jQuery.ajax/) allowing fine control\n * of the Ajax request. DataTables has a number of default parameters which\n * you can override using this option. Please refer to the jQuery\n * documentation for a full description of the options available, although\n * the following parameters provide additional options in DataTables or\n * require special consideration:\n *\n * * `data` - As with jQuery, `data` can be provided as an object, but it\n * can also be used as a function to manipulate the data DataTables sends\n * to the server. The function takes a single parameter, an object of\n * parameters with the values that DataTables has readied for sending. An\n * object may be returned which will be merged into the DataTables\n * defaults, or you can add the items to the object that was passed in and\n * not return anything from the function. This supersedes `fnServerParams`\n * from DataTables 1.9-.\n *\n * * `dataSrc` - By default DataTables will look for the property `data` (or\n * `aaData` for compatibility with DataTables 1.9-) when obtaining data\n * from an Ajax source or for server-side processing - this parameter\n * allows that property to be changed. You can use Javascript dotted\n * object notation to get a data source for multiple levels of nesting, or\n * it my be used as a function. As a function it takes a single parameter,\n * the JSON returned from the server, which can be manipulated as\n * required, with the returned value being that used by DataTables as the\n * data source for the table. This supersedes `sAjaxDataProp` from\n * DataTables 1.9-.\n *\n * * `success` - Should not be overridden it is used internally in\n * DataTables. To manipulate / transform the data returned by the server\n * use `ajax.dataSrc`, or use `ajax` as a function (see below).\n *\n * `function`\n * ----------\n *\n * As a function, making the Ajax call is left up to yourself allowing\n * complete control of the Ajax request. Indeed, if desired, a method other\n * than Ajax could be used to obtain the required data, such as Web storage\n * or an AIR database.\n *\n * The function is given four parameters and no return is required. The\n * parameters are:\n *\n * 1. _object_ - Data to send to the server\n * 2. _function_ - Callback function that must be executed when the required\n * data has been obtained. That data should be passed into the callback\n * as the only parameter\n * 3. _object_ - DataTables settings object for the table\n *\n * Note that this supersedes `fnServerData` from DataTables 1.9-.\n *\n * @type string|object|function\n * @default null\n *\n * @dtopt Option\n * @name DataTable.defaults.ajax\n * @since 1.10.0\n *\n * @example\n * // Get JSON data from a file via Ajax.\n * // Note DataTables expects data in the form `{ data: [ ...data... ] }` by default).\n * $('#example').dataTable( {\n * \"ajax\": \"data.json\"\n * } );\n *\n * @example\n * // Get JSON data from a file via Ajax, using `dataSrc` to change\n * // `data` to `tableData` (i.e. `{ tableData: [ ...data... ] }`)\n * $('#example').dataTable( {\n * \"ajax\": {\n * \"url\": \"data.json\",\n * \"dataSrc\": \"tableData\"\n * }\n * } );\n *\n * @example\n * // Get JSON data from a file via Ajax, using `dataSrc` to read data\n * // from a plain array rather than an array in an object\n * $('#example').dataTable( {\n * \"ajax\": {\n * \"url\": \"data.json\",\n * \"dataSrc\": \"\"\n * }\n * } );\n *\n * @example\n * // Manipulate the data returned from the server - add a link to data\n * // (note this can, should, be done using `render` for the column - this\n * // is just a simple example of how the data can be manipulated).\n * $('#example').dataTable( {\n * \"ajax\": {\n * \"url\": \"data.json\",\n * \"dataSrc\": function ( json ) {\n * for ( var i=0, ien=json.length ; iView message';\n * }\n * return json;\n * }\n * }\n * } );\n *\n * @example\n * // Add data to the request\n * $('#example').dataTable( {\n * \"ajax\": {\n * \"url\": \"data.json\",\n * \"data\": function ( d ) {\n * return {\n * \"extra_search\": $('#extra').val()\n * };\n * }\n * }\n * } );\n *\n * @example\n * // Send request as POST\n * $('#example').dataTable( {\n * \"ajax\": {\n * \"url\": \"data.json\",\n * \"type\": \"POST\"\n * }\n * } );\n *\n * @example\n * // Get the data from localStorage (could interface with a form for\n * // adding, editing and removing rows).\n * $('#example').dataTable( {\n * \"ajax\": function (data, callback, settings) {\n * callback(\n * JSON.parse( localStorage.getItem('dataTablesData') )\n * );\n * }\n * } );\n */\n \"ajax\": null,\n\n /**\n * This parameter allows you to readily specify the entries in the length drop\n * down menu that DataTables shows when pagination is enabled. It can be\n * either a 1D array of options which will be used for both the displayed\n * option and the value, or a 2D array which will use the array in the first\n * position as the value, and the array in the second position as the\n * displayed options (useful for language strings such as 'All').\n *\n * Note that the `pageLength` property will be automatically set to the\n * first value given in this array, unless `pageLength` is also provided.\n * @type array\n * @default [ 10, 25, 50, 100 ]\n *\n * @dtopt Option\n * @name DataTable.defaults.lengthMenu\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"lengthMenu\": [[10, 25, 50, -1], [10, 25, 50, \"All\"]]\n * } );\n * } );\n */\n \"aLengthMenu\": [10, 25, 50, 100],\n\n /**\n * The `columns` option in the initialisation parameter allows you to define\n * details about the way individual columns behave. For a full list of\n * column options that can be set, please see\n * {@link DataTable.defaults.column}. Note that if you use `columns` to\n * define your columns, you must have an entry in the array for every single\n * column that you have in your table (these can be null if you don't which\n * to specify any options).\n * @member\n *\n * @name DataTable.defaults.column\n */\n \"aoColumns\": null,\n\n /**\n * Very similar to `columns`, `columnDefs` allows you to target a specific\n * column, multiple columns, or all columns, using the `targets` property of\n * each object in the array. This allows great flexibility when creating\n * tables, as the `columnDefs` arrays can be of any length, targeting the\n * columns you specifically want. `columnDefs` may use any of the column\n * options available: {@link DataTable.defaults.column}, but it _must_\n * have `targets` defined in each object in the array. Values in the `targets`\n * array may be:\n * \n * - a string - class name will be matched on the TH for the column
\n * - 0 or a positive integer - column index counting from the left
\n * - a negative integer - column index counting from the right
\n * - the string \"_all\" - all columns (i.e. assign a default)
\n *
\n * @member\n *\n * @name DataTable.defaults.columnDefs\n */\n \"aoColumnDefs\": null,\n\n /**\n * Basically the same as `search`, this parameter defines the individual column\n * filtering state at initialisation time. The array must be of the same size\n * as the number of columns, and each element be an object with the parameters\n * `search` and `escapeRegex` (the latter is optional). 'null' is also\n * accepted and the default will be used.\n * @type array\n * @default []\n *\n * @dtopt Option\n * @name DataTable.defaults.searchCols\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"searchCols\": [\n * null,\n * { \"search\": \"My filter\" },\n * null,\n * { \"search\": \"^[0-9]\", \"escapeRegex\": false }\n * ]\n * } );\n * } )\n */\n \"aoSearchCols\": [],\n\n /**\n * An array of CSS classes that should be applied to displayed rows. This\n * array may be of any length, and DataTables will apply each class\n * sequentially, looping when required.\n * @type array\n * @default null Will take the values determined by the `oClasses.stripe*`\n * options\n *\n * @dtopt Option\n * @name DataTable.defaults.stripeClasses\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stripeClasses\": [ 'strip1', 'strip2', 'strip3' ]\n * } );\n * } )\n */\n \"asStripeClasses\": null,\n\n /**\n * Enable or disable automatic column width calculation. This can be disabled\n * as an optimisation (it takes some time to calculate the widths) if the\n * tables widths are passed in using `columns`.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.autoWidth\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"autoWidth\": false\n * } );\n * } );\n */\n \"bAutoWidth\": true,\n\n /**\n * Deferred rendering can provide DataTables with a huge speed boost when you\n * are using an Ajax or JS data source for the table. This option, when set to\n * true, will cause DataTables to defer the creation of the table elements for\n * each row until they are needed for a draw - saving a significant amount of\n * time.\n * @type boolean\n * @default false\n *\n * @dtopt Features\n * @name DataTable.defaults.deferRender\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"ajax\": \"sources/arrays.txt\",\n * \"deferRender\": true\n * } );\n * } );\n */\n \"bDeferRender\": false,\n\n /**\n * Replace a DataTable which matches the given selector and replace it with\n * one which has the properties of the new initialisation object passed. If no\n * table matches the selector, then the new DataTable will be constructed as\n * per normal.\n * @type boolean\n * @default false\n *\n * @dtopt Options\n * @name DataTable.defaults.destroy\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"srollY\": \"200px\",\n * \"paginate\": false\n * } );\n *\n * // Some time later....\n * $('#example').dataTable( {\n * \"filter\": false,\n * \"destroy\": true\n * } );\n * } );\n */\n \"bDestroy\": false,\n\n /**\n * Enable or disable filtering of data. Filtering in DataTables is \"smart\" in\n * that it allows the end user to input multiple words (space separated) and\n * will match a row containing those words, even if not in the order that was\n * specified (this allow matching across multiple columns). Note that if you\n * wish to use filtering in DataTables this must remain 'true' - to remove the\n * default filtering input box and retain filtering abilities, please use\n * {@link DataTable.defaults.dom}.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.searching\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"searching\": false\n * } );\n * } );\n */\n \"bFilter\": true,\n\n /**\n * Enable or disable the table information display. This shows information\n * about the data that is currently visible on the page, including information\n * about filtered data if that action is being performed.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.info\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"info\": false\n * } );\n * } );\n */\n \"bInfo\": true,\n\n /**\n * Allows the end user to select the size of a formatted page from a select\n * menu (sizes are 10, 25, 50 and 100). Requires pagination (`paginate`).\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.lengthChange\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"lengthChange\": false\n * } );\n * } );\n */\n \"bLengthChange\": true,\n\n /**\n * Enable or disable pagination.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.paging\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"paging\": false\n * } );\n * } );\n */\n \"bPaginate\": true,\n\n /**\n * Enable or disable the display of a 'processing' indicator when the table is\n * being processed (e.g. a sort). This is particularly useful for tables with\n * large amounts of data where it can take a noticeable amount of time to sort\n * the entries.\n * @type boolean\n * @default false\n *\n * @dtopt Features\n * @name DataTable.defaults.processing\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"processing\": true\n * } );\n * } );\n */\n \"bProcessing\": false,\n\n /**\n * Retrieve the DataTables object for the given selector. Note that if the\n * table has already been initialised, this parameter will cause DataTables\n * to simply return the object that has already been set up - it will not take\n * account of any changes you might have made to the initialisation object\n * passed to DataTables (setting this parameter to true is an acknowledgement\n * that you understand this). `destroy` can be used to reinitialise a table if\n * you need.\n * @type boolean\n * @default false\n *\n * @dtopt Options\n * @name DataTable.defaults.retrieve\n *\n * @example\n * $(document).ready( function() {\n * initTable();\n * tableActions();\n * } );\n *\n * function initTable ()\n * {\n * return $('#example').dataTable( {\n * \"scrollY\": \"200px\",\n * \"paginate\": false,\n * \"retrieve\": true\n * } );\n * }\n *\n * function tableActions ()\n * {\n * var table = initTable();\n * // perform API operations with oTable\n * }\n */\n \"bRetrieve\": false,\n\n /**\n * When vertical (y) scrolling is enabled, DataTables will force the height of\n * the table's viewport to the given height at all times (useful for layout).\n * However, this can look odd when filtering data down to a small data set,\n * and the footer is left \"floating\" further down. This parameter (when\n * enabled) will cause DataTables to collapse the table's viewport down when\n * the result set will fit within the given Y height.\n * @type boolean\n * @default false\n *\n * @dtopt Options\n * @name DataTable.defaults.scrollCollapse\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"scrollY\": \"200\",\n * \"scrollCollapse\": true\n * } );\n * } );\n */\n \"bScrollCollapse\": false,\n\n /**\n * Configure DataTables to use server-side processing. Note that the\n * `ajax` parameter must also be given in order to give DataTables a\n * source to obtain the required data for each draw.\n * @type boolean\n * @default false\n *\n * @dtopt Features\n * @dtopt Server-side\n * @name DataTable.defaults.serverSide\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"serverSide\": true,\n * \"ajax\": \"xhr.php\"\n * } );\n * } );\n */\n \"bServerSide\": false,\n\n /**\n * Enable or disable sorting of columns. Sorting of individual columns can be\n * disabled by the `sortable` option for each column.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.ordering\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"ordering\": false\n * } );\n * } );\n */\n \"bSort\": true,\n\n /**\n * Enable or display DataTables' ability to sort multiple columns at the\n * same time (activated by shift-click by the user).\n * @type boolean\n * @default true\n *\n * @dtopt Options\n * @name DataTable.defaults.orderMulti\n *\n * @example\n * // Disable multiple column sorting ability\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"orderMulti\": false\n * } );\n * } );\n */\n \"bSortMulti\": true,\n\n /**\n * Allows control over whether DataTables should use the top (true) unique\n * cell that is found for a single column, or the bottom (false - default).\n * This is useful when using complex headers.\n * @type boolean\n * @default false\n *\n * @dtopt Options\n * @name DataTable.defaults.orderCellsTop\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"orderCellsTop\": true\n * } );\n * } );\n */\n \"bSortCellsTop\": false,\n\n /**\n * Enable or disable the addition of the classes `sorting\\_1`, `sorting\\_2` and\n * `sorting\\_3` to the columns which are currently being sorted on. This is\n * presented as a feature switch as it can increase processing time (while\n * classes are removed and added) so for large data sets you might want to\n * turn this off.\n * @type boolean\n * @default true\n *\n * @dtopt Features\n * @name DataTable.defaults.orderClasses\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"orderClasses\": false\n * } );\n * } );\n */\n \"bSortClasses\": true,\n\n /**\n * Enable or disable state saving. When enabled HTML5 `localStorage` will be\n * used to save table display information such as pagination information,\n * display length, filtering and sorting. As such when the end user reloads\n * the page the display display will match what thy had previously set up.\n *\n * Due to the use of `localStorage` the default state saving is not supported\n * in IE6 or 7. If state saving is required in those browsers, use\n * `stateSaveCallback` to provide a storage solution such as cookies.\n * @type boolean\n * @default false\n *\n * @dtopt Features\n * @name DataTable.defaults.stateSave\n *\n * @example\n * $(document).ready( function () {\n * $('#example').dataTable( {\n * \"stateSave\": true\n * } );\n * } );\n */\n \"bStateSave\": false,\n\n /**\n * This function is called when a TR element is created (and all TD child\n * elements have been inserted), or registered if using a DOM source, allowing\n * manipulation of the TR element (adding classes etc).\n * @type function\n * @param {node} row \"TR\" element for the current row\n * @param {array} data Raw data array for this row\n * @param {int} dataIndex The index of this row in the internal aoData array\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.createdRow\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"createdRow\": function( row, data, dataIndex ) {\n * // Bold the grade for all 'A' grade browsers\n * if ( data[4] == \"A\" )\n * {\n * $('td:eq(4)', row).html( 'A' );\n * }\n * }\n * } );\n * } );\n */\n \"fnCreatedRow\": null,\n\n /**\n * This function is called on every 'draw' event, and allows you to\n * dynamically modify any aspect you want about the created DOM.\n * @type function\n * @param {object} settings DataTables settings object\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.drawCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"drawCallback\": function( settings ) {\n * alert( 'DataTables has redrawn the table' );\n * }\n * } );\n * } );\n */\n \"fnDrawCallback\": null,\n\n /**\n * Identical to fnHeaderCallback() but for the table footer this function\n * allows you to modify the table footer on every 'draw' event.\n * @type function\n * @param {node} foot \"TR\" element for the footer\n * @param {array} data Full table data (as derived from the original HTML)\n * @param {int} start Index for the current display starting point in the\n * display array\n * @param {int} end Index for the current display ending point in the\n * display array\n * @param {array int} display Index array to translate the visual position\n * to the full data array\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.footerCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"footerCallback\": function( tfoot, data, start, end, display ) {\n * tfoot.getElementsByTagName('th')[0].innerHTML = \"Starting index is \"+start;\n * }\n * } );\n * } )\n */\n \"fnFooterCallback\": null,\n\n /**\n * When rendering large numbers in the information element for the table\n * (i.e. \"Showing 1 to 10 of 57 entries\") DataTables will render large numbers\n * to have a comma separator for the 'thousands' units (e.g. 1 million is\n * rendered as \"1,000,000\") to help readability for the end user. This\n * function will override the default method DataTables uses.\n * @type function\n * @member\n * @param {int} toFormat number to be formatted\n * @returns {string} formatted string for DataTables to show the number\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.formatNumber\n *\n * @example\n * // Format a number using a single quote for the separator (note that\n * // this can also be done with the language.thousands option)\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"formatNumber\": function ( toFormat ) {\n * return toFormat.toString().replace(\n * /\\B(?=(\\d{3})+(?!\\d))/g, \"'\"\n * );\n * };\n * } );\n * } );\n */\n \"fnFormatNumber\": function (toFormat) {\n return toFormat.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, this.oLanguage.sThousands);\n },\n\n /**\n * This function is called on every 'draw' event, and allows you to\n * dynamically modify the header row. This can be used to calculate and\n * display useful information about the table.\n * @type function\n * @param {node} head \"TR\" element for the header\n * @param {array} data Full table data (as derived from the original HTML)\n * @param {int} start Index for the current display starting point in the\n * display array\n * @param {int} end Index for the current display ending point in the\n * display array\n * @param {array int} display Index array to translate the visual position\n * to the full data array\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.headerCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"fheaderCallback\": function( head, data, start, end, display ) {\n * head.getElementsByTagName('th')[0].innerHTML = \"Displaying \"+(end-start)+\" records\";\n * }\n * } );\n * } )\n */\n \"fnHeaderCallback\": null,\n\n /**\n * The information element can be used to convey information about the current\n * state of the table. Although the internationalisation options presented by\n * DataTables are quite capable of dealing with most customisations, there may\n * be times where you wish to customise the string further. This callback\n * allows you to do exactly that.\n * @type function\n * @param {object} oSettings DataTables settings object\n * @param {int} start Starting position in data for the draw\n * @param {int} end End position in data for the draw\n * @param {int} max Total number of rows in the table (regardless of\n * filtering)\n * @param {int} total Total number of rows in the data set, after filtering\n * @param {string} pre The string that DataTables has formatted using it's\n * own rules\n * @returns {string} The string to be displayed in the information element.\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.infoCallback\n *\n * @example\n * $('#example').dataTable( {\n * \"infoCallback\": function( settings, start, end, max, total, pre ) {\n * return start +\" to \"+ end;\n * }\n * } );\n */\n \"fnInfoCallback\": null,\n\n /**\n * Called when the table has been initialised. Normally DataTables will\n * initialise sequentially and there will be no need for this function,\n * however, this does not hold true when using external language information\n * since that is obtained using an async XHR call.\n * @type function\n * @param {object} settings DataTables settings object\n * @param {object} json The JSON object request from the server - only\n * present if client-side Ajax sourced data is used\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.initComplete\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"initComplete\": function(settings, json) {\n * alert( 'DataTables has finished its initialisation.' );\n * }\n * } );\n * } )\n */\n \"fnInitComplete\": null,\n\n /**\n * Called at the very start of each table draw and can be used to cancel the\n * draw by returning false, any other return (including undefined) results in\n * the full draw occurring).\n * @type function\n * @param {object} settings DataTables settings object\n * @returns {boolean} False will cancel the draw, anything else (including no\n * return) will allow it to complete.\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.preDrawCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"preDrawCallback\": function( settings ) {\n * if ( $('#test').val() == 1 ) {\n * return false;\n * }\n * }\n * } );\n * } );\n */\n \"fnPreDrawCallback\": null,\n\n /**\n * This function allows you to 'post process' each row after it have been\n * generated for each table draw, but before it is rendered on screen. This\n * function might be used for setting the row class name etc.\n * @type function\n * @param {node} row \"TR\" element for the current row\n * @param {array} data Raw data array for this row\n * @param {int} displayIndex The display index for the current table draw\n * @param {int} displayIndexFull The index of the data in the full list of\n * rows (after filtering)\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.rowCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"rowCallback\": function( row, data, displayIndex, displayIndexFull ) {\n * // Bold the grade for all 'A' grade browsers\n * if ( data[4] == \"A\" ) {\n * $('td:eq(4)', row).html( 'A' );\n * }\n * }\n * } );\n * } );\n */\n \"fnRowCallback\": null,\n\n /**\n * __Deprecated__ The functionality provided by this parameter has now been\n * superseded by that provided through `ajax`, which should be used instead.\n *\n * This parameter allows you to override the default function which obtains\n * the data from the server so something more suitable for your application.\n * For example you could use POST data, or pull information from a Gears or\n * AIR database.\n * @type function\n * @member\n * @param {string} source HTTP source to obtain the data from (`ajax`)\n * @param {array} data A key/value pair object containing the data to send\n * to the server\n * @param {function} callback to be called on completion of the data get\n * process that will draw the data on the page.\n * @param {object} settings DataTables settings object\n *\n * @dtopt Callbacks\n * @dtopt Server-side\n * @name DataTable.defaults.serverData\n *\n * @deprecated 1.10. Please use `ajax` for this functionality now.\n */\n \"fnServerData\": null,\n\n /**\n * __Deprecated__ The functionality provided by this parameter has now been\n * superseded by that provided through `ajax`, which should be used instead.\n *\n * It is often useful to send extra data to the server when making an Ajax\n * request - for example custom filtering information, and this callback\n * function makes it trivial to send extra information to the server. The\n * passed in parameter is the data set that has been constructed by\n * DataTables, and you can add to this or modify it as you require.\n * @type function\n * @param {array} data Data array (array of objects which are name/value\n * pairs) that has been constructed by DataTables and will be sent to the\n * server. In the case of Ajax sourced data with server-side processing\n * this will be an empty array, for server-side processing there will be a\n * significant number of parameters!\n * @returns {undefined} Ensure that you modify the data array passed in,\n * as this is passed by reference.\n *\n * @dtopt Callbacks\n * @dtopt Server-side\n * @name DataTable.defaults.serverParams\n *\n * @deprecated 1.10. Please use `ajax` for this functionality now.\n */\n \"fnServerParams\": null,\n\n /**\n * Load the table state. With this function you can define from where, and how, the\n * state of a table is loaded. By default DataTables will load from `localStorage`\n * but you might wish to use a server-side database or cookies.\n * @type function\n * @member\n * @param {object} settings DataTables settings object\n * @param {object} callback Callback that can be executed when done. It\n * should be passed the loaded state object.\n * @return {object} The DataTables state object to be loaded\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.stateLoadCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateLoadCallback\": function (settings, callback) {\n * $.ajax( {\n * \"url\": \"/state_load\",\n * \"dataType\": \"json\",\n * \"success\": function (json) {\n * callback( json );\n * }\n * } );\n * }\n * } );\n * } );\n */\n \"fnStateLoadCallback\": function (settings) {\n try {\n return JSON.parse((settings.iStateDuration === -1 ? sessionStorage : localStorage).getItem('DataTables_' + settings.sInstance + '_' + location.pathname));\n } catch (e) {\n return {};\n }\n },\n\n /**\n * Callback which allows modification of the saved state prior to loading that state.\n * This callback is called when the table is loading state from the stored data, but\n * prior to the settings object being modified by the saved state. Note that for\n * plug-in authors, you should use the `stateLoadParams` event to load parameters for\n * a plug-in.\n * @type function\n * @param {object} settings DataTables settings object\n * @param {object} data The state object that is to be loaded\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.stateLoadParams\n *\n * @example\n * // Remove a saved filter, so filtering is never loaded\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateLoadParams\": function (settings, data) {\n * data.oSearch.sSearch = \"\";\n * }\n * } );\n * } );\n *\n * @example\n * // Disallow state loading by returning false\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateLoadParams\": function (settings, data) {\n * return false;\n * }\n * } );\n * } );\n */\n \"fnStateLoadParams\": null,\n\n /**\n * Callback that is called when the state has been loaded from the state saving method\n * and the DataTables settings object has been modified as a result of the loaded state.\n * @type function\n * @param {object} settings DataTables settings object\n * @param {object} data The state object that was loaded\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.stateLoaded\n *\n * @example\n * // Show an alert with the filtering value that was saved\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateLoaded\": function (settings, data) {\n * alert( 'Saved filter was: '+data.oSearch.sSearch );\n * }\n * } );\n * } );\n */\n \"fnStateLoaded\": null,\n\n /**\n * Save the table state. This function allows you to define where and how the state\n * information for the table is stored By default DataTables will use `localStorage`\n * but you might wish to use a server-side database or cookies.\n * @type function\n * @member\n * @param {object} settings DataTables settings object\n * @param {object} data The state object to be saved\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.stateSaveCallback\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateSaveCallback\": function (settings, data) {\n * // Send an Ajax request to the server with the state object\n * $.ajax( {\n * \"url\": \"/state_save\",\n * \"data\": data,\n * \"dataType\": \"json\",\n * \"method\": \"POST\"\n * \"success\": function () {}\n * } );\n * }\n * } );\n * } );\n */\n \"fnStateSaveCallback\": function (settings, data) {\n try {\n (settings.iStateDuration === -1 ? sessionStorage : localStorage).setItem('DataTables_' + settings.sInstance + '_' + location.pathname, JSON.stringify(data));\n } catch (e) {}\n },\n\n /**\n * Callback which allows modification of the state to be saved. Called when the table\n * has changed state a new state save is required. This method allows modification of\n * the state saving object prior to actually doing the save, including addition or\n * other state properties or modification. Note that for plug-in authors, you should\n * use the `stateSaveParams` event to save parameters for a plug-in.\n * @type function\n * @param {object} settings DataTables settings object\n * @param {object} data The state object to be saved\n *\n * @dtopt Callbacks\n * @name DataTable.defaults.stateSaveParams\n *\n * @example\n * // Remove a saved filter, so filtering is never saved\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateSave\": true,\n * \"stateSaveParams\": function (settings, data) {\n * data.oSearch.sSearch = \"\";\n * }\n * } );\n * } );\n */\n \"fnStateSaveParams\": null,\n\n /**\n * Duration for which the saved state information is considered valid. After this period\n * has elapsed the state will be returned to the default.\n * Value is given in seconds.\n * @type int\n * @default 7200 (2 hours)\n *\n * @dtopt Options\n * @name DataTable.defaults.stateDuration\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"stateDuration\": 60*60*24; // 1 day\n * } );\n * } )\n */\n \"iStateDuration\": 7200,\n\n /**\n * When enabled DataTables will not make a request to the server for the first\n * page draw - rather it will use the data already on the page (no sorting etc\n * will be applied to it), thus saving on an XHR at load time. `deferLoading`\n * is used to indicate that deferred loading is required, but it is also used\n * to tell DataTables how many records there are in the full table (allowing\n * the information element and pagination to be displayed correctly). In the case\n * where a filtering is applied to the table on initial load, this can be\n * indicated by giving the parameter as an array, where the first element is\n * the number of records available after filtering and the second element is the\n * number of records without filtering (allowing the table information element\n * to be shown correctly).\n * @type int | array\n * @default null\n *\n * @dtopt Options\n * @name DataTable.defaults.deferLoading\n *\n * @example\n * // 57 records available in the table, no filtering applied\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"serverSide\": true,\n * \"ajax\": \"scripts/server_processing.php\",\n * \"deferLoading\": 57\n * } );\n * } );\n *\n * @example\n * // 57 records after filtering, 100 without filtering (an initial filter applied)\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"serverSide\": true,\n * \"ajax\": \"scripts/server_processing.php\",\n * \"deferLoading\": [ 57, 100 ],\n * \"search\": {\n * \"search\": \"my_filter\"\n * }\n * } );\n * } );\n */\n \"iDeferLoading\": null,\n\n /**\n * Number of rows to display on a single page when using pagination. If\n * feature enabled (`lengthChange`) then the end user will be able to override\n * this to a custom setting using a pop-up menu.\n * @type int\n * @default 10\n *\n * @dtopt Options\n * @name DataTable.defaults.pageLength\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"pageLength\": 50\n * } );\n * } )\n */\n \"iDisplayLength\": 10,\n\n /**\n * Define the starting point for data display when using DataTables with\n * pagination. Note that this parameter is the number of records, rather than\n * the page number, so if you have 10 records per page and want to start on\n * the third page, it should be \"20\".\n * @type int\n * @default 0\n *\n * @dtopt Options\n * @name DataTable.defaults.displayStart\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"displayStart\": 20\n * } );\n * } )\n */\n \"iDisplayStart\": 0,\n\n /**\n * By default DataTables allows keyboard navigation of the table (sorting, paging,\n * and filtering) by adding a `tabindex` attribute to the required elements. This\n * allows you to tab through the controls and press the enter key to activate them.\n * The tabindex is default 0, meaning that the tab follows the flow of the document.\n * You can overrule this using this parameter if you wish. Use a value of -1 to\n * disable built-in keyboard navigation.\n * @type int\n * @default 0\n *\n * @dtopt Options\n * @name DataTable.defaults.tabIndex\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"tabIndex\": 1\n * } );\n * } );\n */\n \"iTabIndex\": 0,\n\n /**\n * Classes that DataTables assigns to the various components and features\n * that it adds to the HTML table. This allows classes to be configured\n * during initialisation in addition to through the static\n * {@link DataTable.ext.oStdClasses} object).\n * @namespace\n * @name DataTable.defaults.classes\n */\n \"oClasses\": {},\n\n /**\n * All strings that DataTables uses in the user interface that it creates\n * are defined in this object, allowing you to modified them individually or\n * completely replace them all as required.\n * @namespace\n * @name DataTable.defaults.language\n */\n \"oLanguage\": {\n /**\n * Strings that are used for WAI-ARIA labels and controls only (these are not\n * actually visible on the page, but will be read by screenreaders, and thus\n * must be internationalised as well).\n * @namespace\n * @name DataTable.defaults.language.aria\n */\n \"oAria\": {\n /**\n * ARIA label that is added to the table headers when the column may be\n * sorted ascending by activing the column (click or return when focused).\n * Note that the column header is prefixed to this string.\n * @type string\n * @default : activate to sort column ascending\n *\n * @dtopt Language\n * @name DataTable.defaults.language.aria.sortAscending\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"aria\": {\n * \"sortAscending\": \" - click/return to sort ascending\"\n * }\n * }\n * } );\n * } );\n */\n \"sSortAscending\": \": activate to sort column ascending\",\n\n /**\n * ARIA label that is added to the table headers when the column may be\n * sorted descending by activing the column (click or return when focused).\n * Note that the column header is prefixed to this string.\n * @type string\n * @default : activate to sort column ascending\n *\n * @dtopt Language\n * @name DataTable.defaults.language.aria.sortDescending\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"aria\": {\n * \"sortDescending\": \" - click/return to sort descending\"\n * }\n * }\n * } );\n * } );\n */\n \"sSortDescending\": \": activate to sort column descending\"\n },\n\n /**\n * Pagination string used by DataTables for the built-in pagination\n * control types.\n * @namespace\n * @name DataTable.defaults.language.paginate\n */\n \"oPaginate\": {\n /**\n * Text to use when using the 'full_numbers' type of pagination for the\n * button to take the user to the first page.\n * @type string\n * @default First\n *\n * @dtopt Language\n * @name DataTable.defaults.language.paginate.first\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"paginate\": {\n * \"first\": \"First page\"\n * }\n * }\n * } );\n * } );\n */\n \"sFirst\": \"First\",\n\n /**\n * Text to use when using the 'full_numbers' type of pagination for the\n * button to take the user to the last page.\n * @type string\n * @default Last\n *\n * @dtopt Language\n * @name DataTable.defaults.language.paginate.last\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"paginate\": {\n * \"last\": \"Last page\"\n * }\n * }\n * } );\n * } );\n */\n \"sLast\": \"Last\",\n\n /**\n * Text to use for the 'next' pagination button (to take the user to the\n * next page).\n * @type string\n * @default Next\n *\n * @dtopt Language\n * @name DataTable.defaults.language.paginate.next\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"paginate\": {\n * \"next\": \"Next page\"\n * }\n * }\n * } );\n * } );\n */\n \"sNext\": \"Next\",\n\n /**\n * Text to use for the 'previous' pagination button (to take the user to\n * the previous page).\n * @type string\n * @default Previous\n *\n * @dtopt Language\n * @name DataTable.defaults.language.paginate.previous\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"paginate\": {\n * \"previous\": \"Previous page\"\n * }\n * }\n * } );\n * } );\n */\n \"sPrevious\": \"Previous\"\n },\n\n /**\n * This string is shown in preference to `zeroRecords` when the table is\n * empty of data (regardless of filtering). Note that this is an optional\n * parameter - if it is not given, the value of `zeroRecords` will be used\n * instead (either the default or given value).\n * @type string\n * @default No data available in table\n *\n * @dtopt Language\n * @name DataTable.defaults.language.emptyTable\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"emptyTable\": \"No data available in table\"\n * }\n * } );\n * } );\n */\n \"sEmptyTable\": \"No data available in table\",\n\n /**\n * This string gives information to the end user about the information\n * that is current on display on the page. The following tokens can be\n * used in the string and will be dynamically replaced as the table\n * display updates. This tokens can be placed anywhere in the string, or\n * removed as needed by the language requires:\n *\n * * `\\_START\\_` - Display index of the first record on the current page\n * * `\\_END\\_` - Display index of the last record on the current page\n * * `\\_TOTAL\\_` - Number of records in the table after filtering\n * * `\\_MAX\\_` - Number of records in the table without filtering\n * * `\\_PAGE\\_` - Current page number\n * * `\\_PAGES\\_` - Total number of pages of data in the table\n *\n * @type string\n * @default Showing _START_ to _END_ of _TOTAL_ entries\n *\n * @dtopt Language\n * @name DataTable.defaults.language.info\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"info\": \"Showing page _PAGE_ of _PAGES_\"\n * }\n * } );\n * } );\n */\n \"sInfo\": \"Showing _START_ to _END_ of _TOTAL_ entries\",\n\n /**\n * Display information string for when the table is empty. Typically the\n * format of this string should match `info`.\n * @type string\n * @default Showing 0 to 0 of 0 entries\n *\n * @dtopt Language\n * @name DataTable.defaults.language.infoEmpty\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"infoEmpty\": \"No entries to show\"\n * }\n * } );\n * } );\n */\n \"sInfoEmpty\": \"Showing 0 to 0 of 0 entries\",\n\n /**\n * When a user filters the information in a table, this string is appended\n * to the information (`info`) to give an idea of how strong the filtering\n * is. The variable _MAX_ is dynamically updated.\n * @type string\n * @default (filtered from _MAX_ total entries)\n *\n * @dtopt Language\n * @name DataTable.defaults.language.infoFiltered\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"infoFiltered\": \" - filtering from _MAX_ records\"\n * }\n * } );\n * } );\n */\n \"sInfoFiltered\": \"(filtered from _MAX_ total entries)\",\n\n /**\n * If can be useful to append extra information to the info string at times,\n * and this variable does exactly that. This information will be appended to\n * the `info` (`infoEmpty` and `infoFiltered` in whatever combination they are\n * being used) at all times.\n * @type string\n * @default Empty string\n *\n * @dtopt Language\n * @name DataTable.defaults.language.infoPostFix\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"infoPostFix\": \"All records shown are derived from real information.\"\n * }\n * } );\n * } );\n */\n \"sInfoPostFix\": \"\",\n\n /**\n * This decimal place operator is a little different from the other\n * language options since DataTables doesn't output floating point\n * numbers, so it won't ever use this for display of a number. Rather,\n * what this parameter does is modify the sort methods of the table so\n * that numbers which are in a format which has a character other than\n * a period (`.`) as a decimal place will be sorted numerically.\n *\n * Note that numbers with different decimal places cannot be shown in\n * the same table and still be sortable, the table must be consistent.\n * However, multiple different tables on the page can use different\n * decimal place characters.\n * @type string\n * @default \n *\n * @dtopt Language\n * @name DataTable.defaults.language.decimal\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"decimal\": \",\"\n * \"thousands\": \".\"\n * }\n * } );\n * } );\n */\n \"sDecimal\": \"\",\n\n /**\n * DataTables has a build in number formatter (`formatNumber`) which is\n * used to format large numbers that are used in the table information.\n * By default a comma is used, but this can be trivially changed to any\n * character you wish with this parameter.\n * @type string\n * @default ,\n *\n * @dtopt Language\n * @name DataTable.defaults.language.thousands\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"thousands\": \"'\"\n * }\n * } );\n * } );\n */\n \"sThousands\": \",\",\n\n /**\n * Detail the action that will be taken when the drop down menu for the\n * pagination length option is changed. The '_MENU_' variable is replaced\n * with a default select list of 10, 25, 50 and 100, and can be replaced\n * with a custom select box if required.\n * @type string\n * @default Show _MENU_ entries\n *\n * @dtopt Language\n * @name DataTable.defaults.language.lengthMenu\n *\n * @example\n * // Language change only\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"lengthMenu\": \"Display _MENU_ records\"\n * }\n * } );\n * } );\n *\n * @example\n * // Language and options change\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"lengthMenu\": 'Display records'\n * }\n * } );\n * } );\n */\n \"sLengthMenu\": \"Show _MENU_ entries\",\n\n /**\n * When using Ajax sourced data and during the first draw when DataTables is\n * gathering the data, this message is shown in an empty row in the table to\n * indicate to the end user the the data is being loaded. Note that this\n * parameter is not used when loading data by server-side processing, just\n * Ajax sourced data with client-side processing.\n * @type string\n * @default Loading...\n *\n * @dtopt Language\n * @name DataTable.defaults.language.loadingRecords\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"loadingRecords\": \"Please wait - loading...\"\n * }\n * } );\n * } );\n */\n \"sLoadingRecords\": \"Loading...\",\n\n /**\n * Text which is displayed when the table is processing a user action\n * (usually a sort command or similar).\n * @type string\n *\n * @dtopt Language\n * @name DataTable.defaults.language.processing\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"processing\": \"DataTables is currently busy\"\n * }\n * } );\n * } );\n */\n \"sProcessing\": \"\",\n\n /**\n * Details the actions that will be taken when the user types into the\n * filtering input text box. The variable \"_INPUT_\", if used in the string,\n * is replaced with the HTML text box for the filtering input allowing\n * control over where it appears in the string. If \"_INPUT_\" is not given\n * then the input box is appended to the string automatically.\n * @type string\n * @default Search:\n *\n * @dtopt Language\n * @name DataTable.defaults.language.search\n *\n * @example\n * // Input text box will be appended at the end automatically\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"search\": \"Filter records:\"\n * }\n * } );\n * } );\n *\n * @example\n * // Specify where the filter should appear\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"search\": \"Apply filter _INPUT_ to table\"\n * }\n * } );\n * } );\n */\n \"sSearch\": \"Search:\",\n\n /**\n * Assign a `placeholder` attribute to the search `input` element\n * @type string\n * @default \n *\n * @dtopt Language\n * @name DataTable.defaults.language.searchPlaceholder\n */\n \"sSearchPlaceholder\": \"\",\n\n /**\n * All of the language information can be stored in a file on the\n * server-side, which DataTables will look up if this parameter is passed.\n * It must store the URL of the language file, which is in a JSON format,\n * and the object has the same properties as the oLanguage object in the\n * initialiser object (i.e. the above parameters). Please refer to one of\n * the example language files to see how this works in action.\n * @type string\n * @default Empty string - i.e. disabled\n *\n * @dtopt Language\n * @name DataTable.defaults.language.url\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"url\": \"http://www.sprymedia.co.uk/dataTables/lang.txt\"\n * }\n * } );\n * } );\n */\n \"sUrl\": \"\",\n\n /**\n * Text shown inside the table records when the is no information to be\n * displayed after filtering. `emptyTable` is shown when there is simply no\n * information in the table at all (regardless of filtering).\n * @type string\n * @default No matching records found\n *\n * @dtopt Language\n * @name DataTable.defaults.language.zeroRecords\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"language\": {\n * \"zeroRecords\": \"No records to display\"\n * }\n * } );\n * } );\n */\n \"sZeroRecords\": \"No matching records found\"\n },\n\n /**\n * This parameter allows you to have define the global filtering state at\n * initialisation time. As an object the `search` parameter must be\n * defined, but all other parameters are optional. When `regex` is true,\n * the search string will be treated as a regular expression, when false\n * (default) it will be treated as a straight string. When `smart`\n * DataTables will use it's smart filtering methods (to word match at\n * any point in the data), when false this will not be done.\n * @namespace\n * @extends DataTable.models.oSearch\n *\n * @dtopt Options\n * @name DataTable.defaults.search\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"search\": {\"search\": \"Initial search\"}\n * } );\n * } )\n */\n \"oSearch\": $.extend({}, DataTable.models.oSearch),\n\n /**\n * __Deprecated__ The functionality provided by this parameter has now been\n * superseded by that provided through `ajax`, which should be used instead.\n *\n * By default DataTables will look for the property `data` (or `aaData` for\n * compatibility with DataTables 1.9-) when obtaining data from an Ajax\n * source or for server-side processing - this parameter allows that\n * property to be changed. You can use Javascript dotted object notation to\n * get a data source for multiple levels of nesting.\n * @type string\n * @default data\n *\n * @dtopt Options\n * @dtopt Server-side\n * @name DataTable.defaults.ajaxDataProp\n *\n * @deprecated 1.10. Please use `ajax` for this functionality now.\n */\n \"sAjaxDataProp\": \"data\",\n\n /**\n * __Deprecated__ The functionality provided by this parameter has now been\n * superseded by that provided through `ajax`, which should be used instead.\n *\n * You can instruct DataTables to load data from an external\n * source using this parameter (use aData if you want to pass data in you\n * already have). Simply provide a url a JSON object can be obtained from.\n * @type string\n * @default null\n *\n * @dtopt Options\n * @dtopt Server-side\n * @name DataTable.defaults.ajaxSource\n *\n * @deprecated 1.10. Please use `ajax` for this functionality now.\n */\n \"sAjaxSource\": null,\n\n /**\n * This initialisation variable allows you to specify exactly where in the\n * DOM you want DataTables to inject the various controls it adds to the page\n * (for example you might want the pagination controls at the top of the\n * table). DIV elements (with or without a custom class) can also be added to\n * aid styling. The follow syntax is used:\n * \n * - The following options are allowed:\n *
\n * - 'l' - Length changing
\n * - 'f' - Filtering input
\n * - 't' - The table!
\n * - 'i' - Information
\n * - 'p' - Pagination
\n * - 'r' - pRocessing
\n *
\n * \n * - The following constants are allowed:\n *
\n * - 'H' - jQueryUI theme \"header\" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
\n * - 'F' - jQueryUI theme \"footer\" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')
\n *
\n * \n * - The following syntax is expected:\n *
\n * - '<' and '>' - div elements
\n * - '<\"class\" and '>' - div with a class
\n * - '<\"#id\" and '>' - div with an ID
\n *
\n * \n * - Examples:\n *
\n * - '<\"wrapper\"flipt>'
\n * - '<lf<t>ip>'
\n *
\n * \n *
\n * @type string\n * @default lfrtip (when `jQueryUI` is false) or\n * <\"H\"lfr>t<\"F\"ip> (when `jQueryUI` is true)\n *\n * @dtopt Options\n * @name DataTable.defaults.dom\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"dom\": '<\"top\"i>rt<\"bottom\"flp><\"clear\">'\n * } );\n * } );\n */\n \"sDom\": \"lfrtip\",\n\n /**\n * Search delay option. This will throttle full table searches that use the\n * DataTables provided search input element (it does not effect calls to\n * `dt-api search()`, providing a delay before the search is made.\n * @type integer\n * @default 0\n *\n * @dtopt Options\n * @name DataTable.defaults.searchDelay\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"searchDelay\": 200\n * } );\n * } )\n */\n \"searchDelay\": null,\n\n /**\n * DataTables features six different built-in options for the buttons to\n * display for pagination control:\n *\n * * `numbers` - Page number buttons only\n * * `simple` - 'Previous' and 'Next' buttons only\n * * 'simple_numbers` - 'Previous' and 'Next' buttons, plus page numbers\n * * `full` - 'First', 'Previous', 'Next' and 'Last' buttons\n * * `full_numbers` - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers\n * * `first_last_numbers` - 'First' and 'Last' buttons, plus page numbers\n * \n * Further methods can be added using {@link DataTable.ext.oPagination}.\n * @type string\n * @default simple_numbers\n *\n * @dtopt Options\n * @name DataTable.defaults.pagingType\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"pagingType\": \"full_numbers\"\n * } );\n * } )\n */\n \"sPaginationType\": \"simple_numbers\",\n\n /**\n * Enable horizontal scrolling. When a table is too wide to fit into a\n * certain layout, or you have a large number of columns in the table, you\n * can enable x-scrolling to show the table in a viewport, which can be\n * scrolled. This property can be `true` which will allow the table to\n * scroll horizontally when needed, or any CSS unit, or a number (in which\n * case it will be treated as a pixel measurement). Setting as simply `true`\n * is recommended.\n * @type boolean|string\n * @default blank string - i.e. disabled\n *\n * @dtopt Features\n * @name DataTable.defaults.scrollX\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"scrollX\": true,\n * \"scrollCollapse\": true\n * } );\n * } );\n */\n \"sScrollX\": \"\",\n\n /**\n * This property can be used to force a DataTable to use more width than it\n * might otherwise do when x-scrolling is enabled. For example if you have a\n * table which requires to be well spaced, this parameter is useful for\n * \"over-sizing\" the table, and thus forcing scrolling. This property can by\n * any CSS unit, or a number (in which case it will be treated as a pixel\n * measurement).\n * @type string\n * @default blank string - i.e. disabled\n *\n * @dtopt Options\n * @name DataTable.defaults.scrollXInner\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"scrollX\": \"100%\",\n * \"scrollXInner\": \"110%\"\n * } );\n * } );\n */\n \"sScrollXInner\": \"\",\n\n /**\n * Enable vertical scrolling. Vertical scrolling will constrain the DataTable\n * to the given height, and enable scrolling for any data which overflows the\n * current viewport. This can be used as an alternative to paging to display\n * a lot of data in a small area (although paging and scrolling can both be\n * enabled at the same time). This property can be any CSS unit, or a number\n * (in which case it will be treated as a pixel measurement).\n * @type string\n * @default blank string - i.e. disabled\n *\n * @dtopt Features\n * @name DataTable.defaults.scrollY\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"scrollY\": \"200px\",\n * \"paginate\": false\n * } );\n * } );\n */\n \"sScrollY\": \"\",\n\n /**\n * __Deprecated__ The functionality provided by this parameter has now been\n * superseded by that provided through `ajax`, which should be used instead.\n *\n * Set the HTTP method that is used to make the Ajax call for server-side\n * processing or Ajax sourced data.\n * @type string\n * @default GET\n *\n * @dtopt Options\n * @dtopt Server-side\n * @name DataTable.defaults.serverMethod\n *\n * @deprecated 1.10. Please use `ajax` for this functionality now.\n */\n \"sServerMethod\": \"GET\",\n\n /**\n * DataTables makes use of renderers when displaying HTML elements for\n * a table. These renderers can be added or modified by plug-ins to\n * generate suitable mark-up for a site. For example the Bootstrap\n * integration plug-in for DataTables uses a paging button renderer to\n * display pagination buttons in the mark-up required by Bootstrap.\n *\n * For further information about the renderers available see\n * DataTable.ext.renderer\n * @type string|object\n * @default null\n *\n * @name DataTable.defaults.renderer\n *\n */\n \"renderer\": null,\n\n /**\n * Set the data property name that DataTables should use to get a row's id\n * to set as the `id` property in the node.\n * @type string\n * @default DT_RowId\n *\n * @name DataTable.defaults.rowId\n */\n \"rowId\": \"DT_RowId\"\n };\n\n _fnHungarianMap(DataTable.defaults);\n /*\n * Developer note - See note in model.defaults.js about the use of Hungarian\n * notation and camel case.\n */\n\n /**\n * Column options that can be given to DataTables at initialisation time.\n * @namespace\n */\n\n\n DataTable.defaults.column = {\n /**\n * Define which column(s) an order will occur on for this column. This\n * allows a column's ordering to take multiple columns into account when\n * doing a sort or use the data from a different column. For example first\n * name / last name columns make sense to do a multi-column sort over the\n * two columns.\n * @type array|int\n * @default null Takes the value of the column index automatically\n *\n * @name DataTable.defaults.column.orderData\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"orderData\": [ 0, 1 ], \"targets\": [ 0 ] },\n * { \"orderData\": [ 1, 0 ], \"targets\": [ 1 ] },\n * { \"orderData\": 2, \"targets\": [ 2 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"orderData\": [ 0, 1 ] },\n * { \"orderData\": [ 1, 0 ] },\n * { \"orderData\": 2 },\n * null,\n * null\n * ]\n * } );\n * } );\n */\n \"aDataSort\": null,\n \"iDataSort\": -1,\n\n /**\n * You can control the default ordering direction, and even alter the\n * behaviour of the sort handler (i.e. only allow ascending ordering etc)\n * using this parameter.\n * @type array\n * @default [ 'asc', 'desc' ]\n *\n * @name DataTable.defaults.column.orderSequence\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"orderSequence\": [ \"asc\" ], \"targets\": [ 1 ] },\n * { \"orderSequence\": [ \"desc\", \"asc\", \"asc\" ], \"targets\": [ 2 ] },\n * { \"orderSequence\": [ \"desc\" ], \"targets\": [ 3 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * null,\n * { \"orderSequence\": [ \"asc\" ] },\n * { \"orderSequence\": [ \"desc\", \"asc\", \"asc\" ] },\n * { \"orderSequence\": [ \"desc\" ] },\n * null\n * ]\n * } );\n * } );\n */\n \"asSorting\": ['asc', 'desc'],\n\n /**\n * Enable or disable filtering on the data in this column.\n * @type boolean\n * @default true\n *\n * @name DataTable.defaults.column.searchable\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"searchable\": false, \"targets\": [ 0 ] }\n * ] } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"searchable\": false },\n * null,\n * null,\n * null,\n * null\n * ] } );\n * } );\n */\n \"bSearchable\": true,\n\n /**\n * Enable or disable ordering on this column.\n * @type boolean\n * @default true\n *\n * @name DataTable.defaults.column.orderable\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"orderable\": false, \"targets\": [ 0 ] }\n * ] } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"orderable\": false },\n * null,\n * null,\n * null,\n * null\n * ] } );\n * } );\n */\n \"bSortable\": true,\n\n /**\n * Enable or disable the display of this column.\n * @type boolean\n * @default true\n *\n * @name DataTable.defaults.column.visible\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"visible\": false, \"targets\": [ 0 ] }\n * ] } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"visible\": false },\n * null,\n * null,\n * null,\n * null\n * ] } );\n * } );\n */\n \"bVisible\": true,\n\n /**\n * Developer definable function that is called whenever a cell is created (Ajax source,\n * etc) or processed for input (DOM source). This can be used as a compliment to mRender\n * allowing you to modify the DOM element (add background colour for example) when the\n * element is available.\n * @type function\n * @param {element} td The TD node that has been created\n * @param {*} cellData The Data for the cell\n * @param {array|object} rowData The data for the whole row\n * @param {int} row The row index for the aoData data store\n * @param {int} col The column index for aoColumns\n *\n * @name DataTable.defaults.column.createdCell\n * @dtopt Columns\n *\n * @example\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [3],\n * \"createdCell\": function (td, cellData, rowData, row, col) {\n * if ( cellData == \"1.7\" ) {\n * $(td).css('color', 'blue')\n * }\n * }\n * } ]\n * });\n * } );\n */\n \"fnCreatedCell\": null,\n\n /**\n * This parameter has been replaced by `data` in DataTables to ensure naming\n * consistency. `dataProp` can still be used, as there is backwards\n * compatibility in DataTables for this option, but it is strongly\n * recommended that you use `data` in preference to `dataProp`.\n * @name DataTable.defaults.column.dataProp\n */\n\n /**\n * This property can be used to read data from any data source property,\n * including deeply nested objects / properties. `data` can be given in a\n * number of different ways which effect its behaviour:\n *\n * * `integer` - treated as an array index for the data source. This is the\n * default that DataTables uses (incrementally increased for each column).\n * * `string` - read an object property from the data source. There are\n * three 'special' options that can be used in the string to alter how\n * DataTables reads the data from the source object:\n * * `.` - Dotted Javascript notation. Just as you use a `.` in\n * Javascript to read from nested objects, so to can the options\n * specified in `data`. For example: `browser.version` or\n * `browser.name`. If your object parameter name contains a period, use\n * `\\\\` to escape it - i.e. `first\\\\.name`.\n * * `[]` - Array notation. DataTables can automatically combine data\n * from and array source, joining the data with the characters provided\n * between the two brackets. For example: `name[, ]` would provide a\n * comma-space separated list from the source array. If no characters\n * are provided between the brackets, the original array source is\n * returned.\n * * `()` - Function notation. Adding `()` to the end of a parameter will\n * execute a function of the name given. For example: `browser()` for a\n * simple function on the data source, `browser.version()` for a\n * function in a nested property or even `browser().version` to get an\n * object property if the function called returns an object. Note that\n * function notation is recommended for use in `render` rather than\n * `data` as it is much simpler to use as a renderer.\n * * `null` - use the original data source for the row rather than plucking\n * data directly from it. This action has effects on two other\n * initialisation options:\n * * `defaultContent` - When null is given as the `data` option and\n * `defaultContent` is specified for the column, the value defined by\n * `defaultContent` will be used for the cell.\n * * `render` - When null is used for the `data` option and the `render`\n * option is specified for the column, the whole data source for the\n * row is used for the renderer.\n * * `function` - the function given will be executed whenever DataTables\n * needs to set or get the data for a cell in the column. The function\n * takes three parameters:\n * * Parameters:\n * * `{array|object}` The data source for the row\n * * `{string}` The type call data requested - this will be 'set' when\n * setting data or 'filter', 'display', 'type', 'sort' or undefined\n * when gathering data. Note that when `undefined` is given for the\n * type DataTables expects to get the raw data for the object back<\n * * `{*}` Data to set when the second parameter is 'set'.\n * * Return:\n * * The return value from the function is not required when 'set' is\n * the type of call, but otherwise the return is what will be used\n * for the data requested.\n *\n * Note that `data` is a getter and setter option. If you just require\n * formatting of data for output, you will likely want to use `render` which\n * is simply a getter and thus simpler to use.\n *\n * Note that prior to DataTables 1.9.2 `data` was called `mDataProp`. The\n * name change reflects the flexibility of this property and is consistent\n * with the naming of mRender. If 'mDataProp' is given, then it will still\n * be used by DataTables, as it automatically maps the old name to the new\n * if required.\n *\n * @type string|int|function|null\n * @default null Use automatically calculated column index\n *\n * @name DataTable.defaults.column.data\n * @dtopt Columns\n *\n * @example\n * // Read table data from objects\n * // JSON structure for each row:\n * // {\n * // \"engine\": {value},\n * // \"browser\": {value},\n * // \"platform\": {value},\n * // \"version\": {value},\n * // \"grade\": {value}\n * // }\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"ajaxSource\": \"sources/objects.txt\",\n * \"columns\": [\n * { \"data\": \"engine\" },\n * { \"data\": \"browser\" },\n * { \"data\": \"platform\" },\n * { \"data\": \"version\" },\n * { \"data\": \"grade\" }\n * ]\n * } );\n * } );\n *\n * @example\n * // Read information from deeply nested objects\n * // JSON structure for each row:\n * // {\n * // \"engine\": {value},\n * // \"browser\": {value},\n * // \"platform\": {\n * // \"inner\": {value}\n * // },\n * // \"details\": [\n * // {value}, {value}\n * // ]\n * // }\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"ajaxSource\": \"sources/deep.txt\",\n * \"columns\": [\n * { \"data\": \"engine\" },\n * { \"data\": \"browser\" },\n * { \"data\": \"platform.inner\" },\n * { \"data\": \"details.0\" },\n * { \"data\": \"details.1\" }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `data` as a function to provide different information for\n * // sorting, filtering and display. In this case, currency (price)\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": function ( source, type, val ) {\n * if (type === 'set') {\n * source.price = val;\n * // Store the computed display and filter values for efficiency\n * source.price_display = val==\"\" ? \"\" : \"$\"+numberFormat(val);\n * source.price_filter = val==\"\" ? \"\" : \"$\"+numberFormat(val)+\" \"+val;\n * return;\n * }\n * else if (type === 'display') {\n * return source.price_display;\n * }\n * else if (type === 'filter') {\n * return source.price_filter;\n * }\n * // 'sort', 'type' and undefined all just use the integer\n * return source.price;\n * }\n * } ]\n * } );\n * } );\n *\n * @example\n * // Using default content\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": null,\n * \"defaultContent\": \"Click to edit\"\n * } ]\n * } );\n * } );\n *\n * @example\n * // Using array notation - outputting a list from an array\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": \"name[, ]\"\n * } ]\n * } );\n * } );\n *\n */\n \"mData\": null,\n\n /**\n * This property is the rendering partner to `data` and it is suggested that\n * when you want to manipulate data for display (including filtering,\n * sorting etc) without altering the underlying data for the table, use this\n * property. `render` can be considered to be the the read only companion to\n * `data` which is read / write (then as such more complex). Like `data`\n * this option can be given in a number of different ways to effect its\n * behaviour:\n *\n * * `integer` - treated as an array index for the data source. This is the\n * default that DataTables uses (incrementally increased for each column).\n * * `string` - read an object property from the data source. There are\n * three 'special' options that can be used in the string to alter how\n * DataTables reads the data from the source object:\n * * `.` - Dotted Javascript notation. Just as you use a `.` in\n * Javascript to read from nested objects, so to can the options\n * specified in `data`. For example: `browser.version` or\n * `browser.name`. If your object parameter name contains a period, use\n * `\\\\` to escape it - i.e. `first\\\\.name`.\n * * `[]` - Array notation. DataTables can automatically combine data\n * from and array source, joining the data with the characters provided\n * between the two brackets. For example: `name[, ]` would provide a\n * comma-space separated list from the source array. If no characters\n * are provided between the brackets, the original array source is\n * returned.\n * * `()` - Function notation. Adding `()` to the end of a parameter will\n * execute a function of the name given. For example: `browser()` for a\n * simple function on the data source, `browser.version()` for a\n * function in a nested property or even `browser().version` to get an\n * object property if the function called returns an object.\n * * `object` - use different data for the different data types requested by\n * DataTables ('filter', 'display', 'type' or 'sort'). The property names\n * of the object is the data type the property refers to and the value can\n * defined using an integer, string or function using the same rules as\n * `render` normally does. Note that an `_` option _must_ be specified.\n * This is the default value to use if you haven't specified a value for\n * the data type requested by DataTables.\n * * `function` - the function given will be executed whenever DataTables\n * needs to set or get the data for a cell in the column. The function\n * takes three parameters:\n * * Parameters:\n * * {array|object} The data source for the row (based on `data`)\n * * {string} The type call data requested - this will be 'filter',\n * 'display', 'type' or 'sort'.\n * * {array|object} The full data source for the row (not based on\n * `data`)\n * * Return:\n * * The return value from the function is what will be used for the\n * data requested.\n *\n * @type string|int|function|object|null\n * @default null Use the data source value.\n *\n * @name DataTable.defaults.column.render\n * @dtopt Columns\n *\n * @example\n * // Create a comma separated list from an array of objects\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"ajaxSource\": \"sources/deep.txt\",\n * \"columns\": [\n * { \"data\": \"engine\" },\n * { \"data\": \"browser\" },\n * {\n * \"data\": \"platform\",\n * \"render\": \"[, ].name\"\n * }\n * ]\n * } );\n * } );\n *\n * @example\n * // Execute a function to obtain data\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": null, // Use the full data source object for the renderer's source\n * \"render\": \"browserName()\"\n * } ]\n * } );\n * } );\n *\n * @example\n * // As an object, extracting different data for the different types\n * // This would be used with a data source such as:\n * // { \"phone\": 5552368, \"phone_filter\": \"5552368 555-2368\", \"phone_display\": \"555-2368\" }\n * // Here the `phone` integer is used for sorting and type detection, while `phone_filter`\n * // (which has both forms) is used for filtering for if a user inputs either format, while\n * // the formatted phone number is the one that is shown in the table.\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": null, // Use the full data source object for the renderer's source\n * \"render\": {\n * \"_\": \"phone\",\n * \"filter\": \"phone_filter\",\n * \"display\": \"phone_display\"\n * }\n * } ]\n * } );\n * } );\n *\n * @example\n * // Use as a function to create a link from the data source\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"data\": \"download_link\",\n * \"render\": function ( data, type, full ) {\n * return 'Download';\n * }\n * } ]\n * } );\n * } );\n */\n \"mRender\": null,\n\n /**\n * Change the cell type created for the column - either TD cells or TH cells. This\n * can be useful as TH cells have semantic meaning in the table body, allowing them\n * to act as a header for a row (you may wish to add scope='row' to the TH elements).\n * @type string\n * @default td\n *\n * @name DataTable.defaults.column.cellType\n * @dtopt Columns\n *\n * @example\n * // Make the first column use TH cells\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [ {\n * \"targets\": [ 0 ],\n * \"cellType\": \"th\"\n * } ]\n * } );\n * } );\n */\n \"sCellType\": \"td\",\n\n /**\n * Class to give to each cell in this column.\n * @type string\n * @default Empty string\n *\n * @name DataTable.defaults.column.class\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"class\": \"my_class\", \"targets\": [ 0 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"class\": \"my_class\" },\n * null,\n * null,\n * null,\n * null\n * ]\n * } );\n * } );\n */\n \"sClass\": \"\",\n\n /**\n * When DataTables calculates the column widths to assign to each column,\n * it finds the longest string in each column and then constructs a\n * temporary table and reads the widths from that. The problem with this\n * is that \"mmm\" is much wider then \"iiii\", but the latter is a longer\n * string - thus the calculation can go wrong (doing it properly and putting\n * it into an DOM object and measuring that is horribly(!) slow). Thus as\n * a \"work around\" we provide this option. It will append its value to the\n * text that is found to be the longest string for the column - i.e. padding.\n * Generally you shouldn't need this!\n * @type string\n * @default Empty string\n *\n * @name DataTable.defaults.column.contentPadding\n * @dtopt Columns\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * null,\n * null,\n * null,\n * {\n * \"contentPadding\": \"mmm\"\n * }\n * ]\n * } );\n * } );\n */\n \"sContentPadding\": \"\",\n\n /**\n * Allows a default value to be given for a column's data, and will be used\n * whenever a null data source is encountered (this can be because `data`\n * is set to null, or because the data source itself is null).\n * @type string\n * @default null\n *\n * @name DataTable.defaults.column.defaultContent\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * {\n * \"data\": null,\n * \"defaultContent\": \"Edit\",\n * \"targets\": [ -1 ]\n * }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * null,\n * null,\n * null,\n * {\n * \"data\": null,\n * \"defaultContent\": \"Edit\"\n * }\n * ]\n * } );\n * } );\n */\n \"sDefaultContent\": null,\n\n /**\n * This parameter is only used in DataTables' server-side processing. It can\n * be exceptionally useful to know what columns are being displayed on the\n * client side, and to map these to database fields. When defined, the names\n * also allow DataTables to reorder information from the server if it comes\n * back in an unexpected order (i.e. if you switch your columns around on the\n * client-side, your server-side code does not also need updating).\n * @type string\n * @default Empty string\n *\n * @name DataTable.defaults.column.name\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"name\": \"engine\", \"targets\": [ 0 ] },\n * { \"name\": \"browser\", \"targets\": [ 1 ] },\n * { \"name\": \"platform\", \"targets\": [ 2 ] },\n * { \"name\": \"version\", \"targets\": [ 3 ] },\n * { \"name\": \"grade\", \"targets\": [ 4 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"name\": \"engine\" },\n * { \"name\": \"browser\" },\n * { \"name\": \"platform\" },\n * { \"name\": \"version\" },\n * { \"name\": \"grade\" }\n * ]\n * } );\n * } );\n */\n \"sName\": \"\",\n\n /**\n * Defines a data source type for the ordering which can be used to read\n * real-time information from the table (updating the internally cached\n * version) prior to ordering. This allows ordering to occur on user\n * editable elements such as form inputs.\n * @type string\n * @default std\n *\n * @name DataTable.defaults.column.orderDataType\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"orderDataType\": \"dom-text\", \"targets\": [ 2, 3 ] },\n * { \"type\": \"numeric\", \"targets\": [ 3 ] },\n * { \"orderDataType\": \"dom-select\", \"targets\": [ 4 ] },\n * { \"orderDataType\": \"dom-checkbox\", \"targets\": [ 5 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * null,\n * null,\n * { \"orderDataType\": \"dom-text\" },\n * { \"orderDataType\": \"dom-text\", \"type\": \"numeric\" },\n * { \"orderDataType\": \"dom-select\" },\n * { \"orderDataType\": \"dom-checkbox\" }\n * ]\n * } );\n * } );\n */\n \"sSortDataType\": \"std\",\n\n /**\n * The title of this column.\n * @type string\n * @default null Derived from the 'TH' value for this column in the\n * original HTML table.\n *\n * @name DataTable.defaults.column.title\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"title\": \"My column title\", \"targets\": [ 0 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"title\": \"My column title\" },\n * null,\n * null,\n * null,\n * null\n * ]\n * } );\n * } );\n */\n \"sTitle\": null,\n\n /**\n * The type allows you to specify how the data for this column will be\n * ordered. Four types (string, numeric, date and html (which will strip\n * HTML tags before ordering)) are currently available. Note that only date\n * formats understood by Javascript's Date() object will be accepted as type\n * date. For example: \"Mar 26, 2008 5:03 PM\". May take the values: 'string',\n * 'numeric', 'date' or 'html' (by default). Further types can be adding\n * through plug-ins.\n * @type string\n * @default null Auto-detected from raw data\n *\n * @name DataTable.defaults.column.type\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"type\": \"html\", \"targets\": [ 0 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"type\": \"html\" },\n * null,\n * null,\n * null,\n * null\n * ]\n * } );\n * } );\n */\n \"sType\": null,\n\n /**\n * Defining the width of the column, this parameter may take any CSS value\n * (3em, 20px etc). DataTables applies 'smart' widths to columns which have not\n * been given a specific width through this interface ensuring that the table\n * remains readable.\n * @type string\n * @default null Automatic\n *\n * @name DataTable.defaults.column.width\n * @dtopt Columns\n *\n * @example\n * // Using `columnDefs`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columnDefs\": [\n * { \"width\": \"20%\", \"targets\": [ 0 ] }\n * ]\n * } );\n * } );\n *\n * @example\n * // Using `columns`\n * $(document).ready( function() {\n * $('#example').dataTable( {\n * \"columns\": [\n * { \"width\": \"20%\" },\n * null,\n * null,\n * null,\n * null\n * ]\n * } );\n * } );\n */\n \"sWidth\": null\n };\n\n _fnHungarianMap(DataTable.defaults.column);\n /**\n * DataTables settings object - this holds all the information needed for a\n * given table, including configuration, data and current application of the\n * table options. DataTables does not have a single instance for each DataTable\n * with the settings attached to that instance, but rather instances of the\n * DataTable \"class\" are created on-the-fly as needed (typically by a\n * $().dataTable() call) and the settings object is then applied to that\n * instance.\n *\n * Note that this object is related to {@link DataTable.defaults} but this\n * one is the internal data store for DataTables's cache of columns. It should\n * NOT be manipulated outside of DataTables. Any configuration should be done\n * through the initialisation options.\n * @namespace\n * @todo Really should attach the settings object to individual instances so we\n * don't need to create new instances on each $().dataTable() call (if the\n * table already exists). It would also save passing oSettings around and\n * into every single function. However, this is a very significant\n * architecture change for DataTables and will almost certainly break\n * backwards compatibility with older installations. This is something that\n * will be done in 2.0.\n */\n\n\n DataTable.models.oSettings = {\n /**\n * Primary features of DataTables and their enablement state.\n * @namespace\n */\n \"oFeatures\": {\n /**\n * Flag to say if DataTables should automatically try to calculate the\n * optimum table and columns widths (true) or not (false).\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bAutoWidth\": null,\n\n /**\n * Delay the creation of TR and TD elements until they are actually\n * needed by a driven page draw. This can give a significant speed\n * increase for Ajax source and Javascript source data, but makes no\n * difference at all for DOM and server-side processing tables.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bDeferRender\": null,\n\n /**\n * Enable filtering on the table or not. Note that if this is disabled\n * then there is no filtering at all on the table, including fnFilter.\n * To just remove the filtering input use sDom and remove the 'f' option.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bFilter\": null,\n\n /**\n * Table information element (the 'Showing x of y records' div) enable\n * flag.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bInfo\": null,\n\n /**\n * Present a user control allowing the end user to change the page size\n * when pagination is enabled.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bLengthChange\": null,\n\n /**\n * Pagination enabled or not. Note that if this is disabled then length\n * changing must also be disabled.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bPaginate\": null,\n\n /**\n * Processing indicator enable flag whenever DataTables is enacting a\n * user request - typically an Ajax request for server-side processing.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bProcessing\": null,\n\n /**\n * Server-side processing enabled flag - when enabled DataTables will\n * get all data from the server for every draw - there is no filtering,\n * sorting or paging done on the client-side.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bServerSide\": null,\n\n /**\n * Sorting enablement flag.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bSort\": null,\n\n /**\n * Multi-column sorting\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bSortMulti\": null,\n\n /**\n * Apply a class to the columns which are being sorted to provide a\n * visual highlight or not. This can slow things down when enabled since\n * there is a lot of DOM interaction.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bSortClasses\": null,\n\n /**\n * State saving enablement flag.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bStateSave\": null\n },\n\n /**\n * Scrolling settings for a table.\n * @namespace\n */\n \"oScroll\": {\n /**\n * When the table is shorter in height than sScrollY, collapse the\n * table container down to the height of the table (when true).\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bCollapse\": null,\n\n /**\n * Width of the scrollbar for the web-browser's platform. Calculated\n * during table initialisation.\n * @type int\n * @default 0\n */\n \"iBarWidth\": 0,\n\n /**\n * Viewport width for horizontal scrolling. Horizontal scrolling is\n * disabled if an empty string.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n */\n \"sX\": null,\n\n /**\n * Width to expand the table to when using x-scrolling. Typically you\n * should not need to use this.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n * @deprecated\n */\n \"sXInner\": null,\n\n /**\n * Viewport height for vertical scrolling. Vertical scrolling is disabled\n * if an empty string.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n */\n \"sY\": null\n },\n\n /**\n * Language information for the table.\n * @namespace\n * @extends DataTable.defaults.oLanguage\n */\n \"oLanguage\": {\n /**\n * Information callback function. See\n * {@link DataTable.defaults.fnInfoCallback}\n * @type function\n * @default null\n */\n \"fnInfoCallback\": null\n },\n\n /**\n * Browser support parameters\n * @namespace\n */\n \"oBrowser\": {\n /**\n * Indicate if the browser incorrectly calculates width:100% inside a\n * scrolling element (IE6/7)\n * @type boolean\n * @default false\n */\n \"bScrollOversize\": false,\n\n /**\n * Determine if the vertical scrollbar is on the right or left of the\n * scrolling container - needed for rtl language layout, although not\n * all browsers move the scrollbar (Safari).\n * @type boolean\n * @default false\n */\n \"bScrollbarLeft\": false,\n\n /**\n * Flag for if `getBoundingClientRect` is fully supported or not\n * @type boolean\n * @default false\n */\n \"bBounding\": false,\n\n /**\n * Browser scrollbar width\n * @type integer\n * @default 0\n */\n \"barWidth\": 0\n },\n \"ajax\": null,\n\n /**\n * Array referencing the nodes which are used for the features. The\n * parameters of this object match what is allowed by sDom - i.e.\n * \n * - 'l' - Length changing
\n * - 'f' - Filtering input
\n * - 't' - The table!
\n * - 'i' - Information
\n * - 'p' - Pagination
\n * - 'r' - pRocessing
\n *
\n * @type array\n * @default []\n */\n \"aanFeatures\": [],\n\n /**\n * Store data information - see {@link DataTable.models.oRow} for detailed\n * information.\n * @type array\n * @default []\n */\n \"aoData\": [],\n\n /**\n * Array of indexes which are in the current display (after filtering etc)\n * @type array\n * @default []\n */\n \"aiDisplay\": [],\n\n /**\n * Array of indexes for display - no filtering\n * @type array\n * @default []\n */\n \"aiDisplayMaster\": [],\n\n /**\n * Map of row ids to data indexes\n * @type object\n * @default {}\n */\n \"aIds\": {},\n\n /**\n * Store information about each column that is in use\n * @type array\n * @default []\n */\n \"aoColumns\": [],\n\n /**\n * Store information about the table's header\n * @type array\n * @default []\n */\n \"aoHeader\": [],\n\n /**\n * Store information about the table's footer\n * @type array\n * @default []\n */\n \"aoFooter\": [],\n\n /**\n * Store the applied global search information in case we want to force a\n * research or compare the old search to a new one.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @namespace\n * @extends DataTable.models.oSearch\n */\n \"oPreviousSearch\": {},\n\n /**\n * Store the applied search for each column - see\n * {@link DataTable.models.oSearch} for the format that is used for the\n * filtering information for each column.\n * @type array\n * @default []\n */\n \"aoPreSearchCols\": [],\n\n /**\n * Sorting that is applied to the table. Note that the inner arrays are\n * used in the following manner:\n * \n * - Index 0 - column number
\n * - Index 1 - current sorting direction
\n *
\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type array\n * @todo These inner arrays should really be objects\n */\n \"aaSorting\": null,\n\n /**\n * Sorting that is always applied to the table (i.e. prefixed in front of\n * aaSorting).\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type array\n * @default []\n */\n \"aaSortingFixed\": [],\n\n /**\n * Classes to use for the striping of a table.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type array\n * @default []\n */\n \"asStripeClasses\": null,\n\n /**\n * If restoring a table - we should restore its striping classes as well\n * @type array\n * @default []\n */\n \"asDestroyStripes\": [],\n\n /**\n * If restoring a table - we should restore its width\n * @type int\n * @default 0\n */\n \"sDestroyWidth\": 0,\n\n /**\n * Callback functions array for every time a row is inserted (i.e. on a draw).\n * @type array\n * @default []\n */\n \"aoRowCallback\": [],\n\n /**\n * Callback functions for the header on each draw.\n * @type array\n * @default []\n */\n \"aoHeaderCallback\": [],\n\n /**\n * Callback function for the footer on each draw.\n * @type array\n * @default []\n */\n \"aoFooterCallback\": [],\n\n /**\n * Array of callback functions for draw callback functions\n * @type array\n * @default []\n */\n \"aoDrawCallback\": [],\n\n /**\n * Array of callback functions for row created function\n * @type array\n * @default []\n */\n \"aoRowCreatedCallback\": [],\n\n /**\n * Callback functions for just before the table is redrawn. A return of\n * false will be used to cancel the draw.\n * @type array\n * @default []\n */\n \"aoPreDrawCallback\": [],\n\n /**\n * Callback functions for when the table has been initialised.\n * @type array\n * @default []\n */\n \"aoInitComplete\": [],\n\n /**\n * Callbacks for modifying the settings to be stored for state saving, prior to\n * saving state.\n * @type array\n * @default []\n */\n \"aoStateSaveParams\": [],\n\n /**\n * Callbacks for modifying the settings that have been stored for state saving\n * prior to using the stored values to restore the state.\n * @type array\n * @default []\n */\n \"aoStateLoadParams\": [],\n\n /**\n * Callbacks for operating on the settings object once the saved state has been\n * loaded\n * @type array\n * @default []\n */\n \"aoStateLoaded\": [],\n\n /**\n * Cache the table ID for quick access\n * @type string\n * @default Empty string\n */\n \"sTableId\": \"\",\n\n /**\n * The TABLE node for the main table\n * @type node\n * @default null\n */\n \"nTable\": null,\n\n /**\n * Permanent ref to the thead element\n * @type node\n * @default null\n */\n \"nTHead\": null,\n\n /**\n * Permanent ref to the tfoot element - if it exists\n * @type node\n * @default null\n */\n \"nTFoot\": null,\n\n /**\n * Permanent ref to the tbody element\n * @type node\n * @default null\n */\n \"nTBody\": null,\n\n /**\n * Cache the wrapper node (contains all DataTables controlled elements)\n * @type node\n * @default null\n */\n \"nTableWrapper\": null,\n\n /**\n * Indicate if when using server-side processing the loading of data\n * should be deferred until the second draw.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n * @default false\n */\n \"bDeferLoading\": false,\n\n /**\n * Indicate if all required information has been read in\n * @type boolean\n * @default false\n */\n \"bInitialised\": false,\n\n /**\n * Information about open rows. Each object in the array has the parameters\n * 'nTr' and 'nParent'\n * @type array\n * @default []\n */\n \"aoOpenRows\": [],\n\n /**\n * Dictate the positioning of DataTables' control elements - see\n * {@link DataTable.model.oInit.sDom}.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n * @default null\n */\n \"sDom\": null,\n\n /**\n * Search delay (in mS)\n * @type integer\n * @default null\n */\n \"searchDelay\": null,\n\n /**\n * Which type of pagination should be used.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n * @default two_button\n */\n \"sPaginationType\": \"two_button\",\n\n /**\n * The state duration (for `stateSave`) in seconds.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type int\n * @default 0\n */\n \"iStateDuration\": 0,\n\n /**\n * Array of callback functions for state saving. Each array element is an\n * object with the following parameters:\n * \n * - function:fn - function to call. Takes two parameters, oSettings\n * and the JSON string to save that has been thus far created. Returns\n * a JSON string to be inserted into a json object\n * (i.e. '\"param\": [ 0, 1, 2]')
\n * - string:sName - name of callback
\n *
\n * @type array\n * @default []\n */\n \"aoStateSave\": [],\n\n /**\n * Array of callback functions for state loading. Each array element is an\n * object with the following parameters:\n * \n * - function:fn - function to call. Takes two parameters, oSettings\n * and the object stored. May return false to cancel state loading
\n * - string:sName - name of callback
\n *
\n * @type array\n * @default []\n */\n \"aoStateLoad\": [],\n\n /**\n * State that was saved. Useful for back reference\n * @type object\n * @default null\n */\n \"oSavedState\": null,\n\n /**\n * State that was loaded. Useful for back reference\n * @type object\n * @default null\n */\n \"oLoadedState\": null,\n\n /**\n * Source url for AJAX data for the table.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n * @default null\n */\n \"sAjaxSource\": null,\n\n /**\n * Property from a given object from which to read the table data from. This\n * can be an empty string (when not server-side processing), in which case\n * it is assumed an an array is given directly.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n */\n \"sAjaxDataProp\": null,\n\n /**\n * The last jQuery XHR object that was used for server-side data gathering.\n * This can be used for working with the XHR information in one of the\n * callbacks\n * @type object\n * @default null\n */\n \"jqXHR\": null,\n\n /**\n * JSON returned from the server in the last Ajax request\n * @type object\n * @default undefined\n */\n \"json\": undefined,\n\n /**\n * Data submitted as part of the last Ajax request\n * @type object\n * @default undefined\n */\n \"oAjaxData\": undefined,\n\n /**\n * Function to get the server-side data.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type function\n */\n \"fnServerData\": null,\n\n /**\n * Functions which are called prior to sending an Ajax request so extra\n * parameters can easily be sent to the server\n * @type array\n * @default []\n */\n \"aoServerParams\": [],\n\n /**\n * Send the XHR HTTP method - GET or POST (could be PUT or DELETE if\n * required).\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type string\n */\n \"sServerMethod\": null,\n\n /**\n * Format numbers for display.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type function\n */\n \"fnFormatNumber\": null,\n\n /**\n * List of options that can be used for the user selectable length menu.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type array\n * @default []\n */\n \"aLengthMenu\": null,\n\n /**\n * Counter for the draws that the table does. Also used as a tracker for\n * server-side processing\n * @type int\n * @default 0\n */\n \"iDraw\": 0,\n\n /**\n * Indicate if a redraw is being done - useful for Ajax\n * @type boolean\n * @default false\n */\n \"bDrawing\": false,\n\n /**\n * Draw index (iDraw) of the last error when parsing the returned data\n * @type int\n * @default -1\n */\n \"iDrawError\": -1,\n\n /**\n * Paging display length\n * @type int\n * @default 10\n */\n \"_iDisplayLength\": 10,\n\n /**\n * Paging start point - aiDisplay index\n * @type int\n * @default 0\n */\n \"_iDisplayStart\": 0,\n\n /**\n * Server-side processing - number of records in the result set\n * (i.e. before filtering), Use fnRecordsTotal rather than\n * this property to get the value of the number of records, regardless of\n * the server-side processing setting.\n * @type int\n * @default 0\n * @private\n */\n \"_iRecordsTotal\": 0,\n\n /**\n * Server-side processing - number of records in the current display set\n * (i.e. after filtering). Use fnRecordsDisplay rather than\n * this property to get the value of the number of records, regardless of\n * the server-side processing setting.\n * @type boolean\n * @default 0\n * @private\n */\n \"_iRecordsDisplay\": 0,\n\n /**\n * The classes to use for the table\n * @type object\n * @default {}\n */\n \"oClasses\": {},\n\n /**\n * Flag attached to the settings object so you can check in the draw\n * callback if filtering has been done in the draw. Deprecated in favour of\n * events.\n * @type boolean\n * @default false\n * @deprecated\n */\n \"bFiltered\": false,\n\n /**\n * Flag attached to the settings object so you can check in the draw\n * callback if sorting has been done in the draw. Deprecated in favour of\n * events.\n * @type boolean\n * @default false\n * @deprecated\n */\n \"bSorted\": false,\n\n /**\n * Indicate that if multiple rows are in the header and there is more than\n * one unique cell per column, if the top one (true) or bottom one (false)\n * should be used for sorting / title by DataTables.\n * Note that this parameter will be set by the initialisation routine. To\n * set a default use {@link DataTable.defaults}.\n * @type boolean\n */\n \"bSortCellsTop\": null,\n\n /**\n * Initialisation object that is used for the table\n * @type object\n * @default null\n */\n \"oInit\": null,\n\n /**\n * Destroy callback functions - for plug-ins to attach themselves to the\n * destroy so they can clean up markup and events.\n * @type array\n * @default []\n */\n \"aoDestroyCallback\": [],\n\n /**\n * Get the number of records in the current record set, before filtering\n * @type function\n */\n \"fnRecordsTotal\": function () {\n return _fnDataSource(this) == 'ssp' ? this._iRecordsTotal * 1 : this.aiDisplayMaster.length;\n },\n\n /**\n * Get the number of records in the current record set, after filtering\n * @type function\n */\n \"fnRecordsDisplay\": function () {\n return _fnDataSource(this) == 'ssp' ? this._iRecordsDisplay * 1 : this.aiDisplay.length;\n },\n\n /**\n * Get the display end point - aiDisplay index\n * @type function\n */\n \"fnDisplayEnd\": function () {\n var len = this._iDisplayLength,\n start = this._iDisplayStart,\n calc = start + len,\n records = this.aiDisplay.length,\n features = this.oFeatures,\n paginate = features.bPaginate;\n\n if (features.bServerSide) {\n return paginate === false || len === -1 ? start + records : Math.min(start + len, this._iRecordsDisplay);\n } else {\n return !paginate || calc > records || len === -1 ? records : calc;\n }\n },\n\n /**\n * The DataTables object for this table\n * @type object\n * @default null\n */\n \"oInstance\": null,\n\n /**\n * Unique identifier for each instance of the DataTables object. If there\n * is an ID on the table node, then it takes that value, otherwise an\n * incrementing internal counter is used.\n * @type string\n * @default null\n */\n \"sInstance\": null,\n\n /**\n * tabindex attribute value that is added to DataTables control elements, allowing\n * keyboard navigation of the table and its controls.\n */\n \"iTabIndex\": 0,\n\n /**\n * DIV container for the footer scrolling table if scrolling\n */\n \"nScrollHead\": null,\n\n /**\n * DIV container for the footer scrolling table if scrolling\n */\n \"nScrollFoot\": null,\n\n /**\n * Last applied sort\n * @type array\n * @default []\n */\n \"aLastSort\": [],\n\n /**\n * Stored plug-in instances\n * @type object\n * @default {}\n */\n \"oPlugins\": {},\n\n /**\n * Function used to get a row's id from the row's data\n * @type function\n * @default null\n */\n \"rowIdFn\": null,\n\n /**\n * Data location where to store a row's id\n * @type string\n * @default null\n */\n \"rowId\": null\n };\n /**\n * Extension object for DataTables that is used to provide all extension\n * options.\n *\n * Note that the `DataTable.ext` object is available through\n * `jQuery.fn.dataTable.ext` where it may be accessed and manipulated. It is\n * also aliased to `jQuery.fn.dataTableExt` for historic reasons.\n * @namespace\n * @extends DataTable.models.ext\n */\n\n /**\n * DataTables extensions\n * \n * This namespace acts as a collection area for plug-ins that can be used to\n * extend DataTables capabilities. Indeed many of the build in methods\n * use this method to provide their own capabilities (sorting methods for\n * example).\n *\n * Note that this namespace is aliased to `jQuery.fn.dataTableExt` for legacy\n * reasons\n *\n * @namespace\n */\n\n DataTable.ext = _ext = {\n /**\n * Buttons. For use with the Buttons extension for DataTables. This is\n * defined here so other extensions can define buttons regardless of load\n * order. It is _not_ used by DataTables core.\n *\n * @type object\n * @default {}\n */\n buttons: {},\n\n /**\n * Element class names\n *\n * @type object\n * @default {}\n */\n classes: {},\n\n /**\n * DataTables build type (expanded by the download builder)\n *\n * @type string\n */\n builder: \"-source-\",\n\n /**\n * Error reporting.\n * \n * How should DataTables report an error. Can take the value 'alert',\n * 'throw', 'none' or a function.\n *\n * @type string|function\n * @default alert\n */\n errMode: \"alert\",\n\n /**\n * Feature plug-ins.\n * \n * This is an array of objects which describe the feature plug-ins that are\n * available to DataTables. These feature plug-ins are then available for\n * use through the `dom` initialisation option.\n * \n * Each feature plug-in is described by an object which must have the\n * following properties:\n * \n * * `fnInit` - function that is used to initialise the plug-in,\n * * `cFeature` - a character so the feature can be enabled by the `dom`\n * instillation option. This is case sensitive.\n *\n * The `fnInit` function has the following input parameters:\n *\n * 1. `{object}` DataTables settings object: see\n * {@link DataTable.models.oSettings}\n *\n * And the following return is expected:\n * \n * * {node|null} The element which contains your feature. Note that the\n * return may also be void if your plug-in does not require to inject any\n * DOM elements into DataTables control (`dom`) - for example this might\n * be useful when developing a plug-in which allows table control via\n * keyboard entry\n *\n * @type array\n *\n * @example\n * $.fn.dataTable.ext.features.push( {\n * \"fnInit\": function( oSettings ) {\n * return new TableTools( { \"oDTSettings\": oSettings } );\n * },\n * \"cFeature\": \"T\"\n * } );\n */\n feature: [],\n\n /**\n * Row searching.\n * \n * This method of searching is complimentary to the default type based\n * searching, and a lot more comprehensive as it allows you complete control\n * over the searching logic. Each element in this array is a function\n * (parameters described below) that is called for every row in the table,\n * and your logic decides if it should be included in the searching data set\n * or not.\n *\n * Searching functions have the following input parameters:\n *\n * 1. `{object}` DataTables settings object: see\n * {@link DataTable.models.oSettings}\n * 2. `{array|object}` Data for the row to be processed (same as the\n * original format that was passed in as the data source, or an array\n * from a DOM data source\n * 3. `{int}` Row index ({@link DataTable.models.oSettings.aoData}), which\n * can be useful to retrieve the `TR` element if you need DOM interaction.\n *\n * And the following return is expected:\n *\n * * {boolean} Include the row in the searched result set (true) or not\n * (false)\n *\n * Note that as with the main search ability in DataTables, technically this\n * is \"filtering\", since it is subtractive. However, for consistency in\n * naming we call it searching here.\n *\n * @type array\n * @default []\n *\n * @example\n * // The following example shows custom search being applied to the\n * // fourth column (i.e. the data[3] index) based on two input values\n * // from the end-user, matching the data in a certain range.\n * $.fn.dataTable.ext.search.push(\n * function( settings, data, dataIndex ) {\n * var min = document.getElementById('min').value * 1;\n * var max = document.getElementById('max').value * 1;\n * var version = data[3] == \"-\" ? 0 : data[3]*1;\n *\n * if ( min == \"\" && max == \"\" ) {\n * return true;\n * }\n * else if ( min == \"\" && version < max ) {\n * return true;\n * }\n * else if ( min < version && \"\" == max ) {\n * return true;\n * }\n * else if ( min < version && version < max ) {\n * return true;\n * }\n * return false;\n * }\n * );\n */\n search: [],\n\n /**\n * Selector extensions\n *\n * The `selector` option can be used to extend the options available for the\n * selector modifier options (`selector-modifier` object data type) that\n * each of the three built in selector types offer (row, column and cell +\n * their plural counterparts). For example the Select extension uses this\n * mechanism to provide an option to select only rows, columns and cells\n * that have been marked as selected by the end user (`{selected: true}`),\n * which can be used in conjunction with the existing built in selector\n * options.\n *\n * Each property is an array to which functions can be pushed. The functions\n * take three attributes:\n *\n * * Settings object for the host table\n * * Options object (`selector-modifier` object type)\n * * Array of selected item indexes\n *\n * The return is an array of the resulting item indexes after the custom\n * selector has been applied.\n *\n * @type object\n */\n selector: {\n cell: [],\n column: [],\n row: []\n },\n\n /**\n * Internal functions, exposed for used in plug-ins.\n * \n * Please note that you should not need to use the internal methods for\n * anything other than a plug-in (and even then, try to avoid if possible).\n * The internal function may change between releases.\n *\n * @type object\n * @default {}\n */\n internal: {},\n\n /**\n * Legacy configuration options. Enable and disable legacy options that\n * are available in DataTables.\n *\n * @type object\n */\n legacy: {\n /**\n * Enable / disable DataTables 1.9 compatible server-side processing\n * requests\n *\n * @type boolean\n * @default null\n */\n ajax: null\n },\n\n /**\n * Pagination plug-in methods.\n * \n * Each entry in this object is a function and defines which buttons should\n * be shown by the pagination rendering method that is used for the table:\n * {@link DataTable.ext.renderer.pageButton}. The renderer addresses how the\n * buttons are displayed in the document, while the functions here tell it\n * what buttons to display. This is done by returning an array of button\n * descriptions (what each button will do).\n *\n * Pagination types (the four built in options and any additional plug-in\n * options defined here) can be used through the `paginationType`\n * initialisation parameter.\n *\n * The functions defined take two parameters:\n *\n * 1. `{int} page` The current page index\n * 2. `{int} pages` The number of pages in the table\n *\n * Each function is expected to return an array where each element of the\n * array can be one of:\n *\n * * `first` - Jump to first page when activated\n * * `last` - Jump to last page when activated\n * * `previous` - Show previous page when activated\n * * `next` - Show next page when activated\n * * `{int}` - Show page of the index given\n * * `{array}` - A nested array containing the above elements to add a\n * containing 'DIV' element (might be useful for styling).\n *\n * Note that DataTables v1.9- used this object slightly differently whereby\n * an object with two functions would be defined for each plug-in. That\n * ability is still supported by DataTables 1.10+ to provide backwards\n * compatibility, but this option of use is now decremented and no longer\n * documented in DataTables 1.10+.\n *\n * @type object\n * @default {}\n *\n * @example\n * // Show previous, next and current page buttons only\n * $.fn.dataTableExt.oPagination.current = function ( page, pages ) {\n * return [ 'previous', page, 'next' ];\n * };\n */\n pager: {},\n renderer: {\n pageButton: {},\n header: {}\n },\n\n /**\n * Ordering plug-ins - custom data source\n * \n * The extension options for ordering of data available here is complimentary\n * to the default type based ordering that DataTables typically uses. It\n * allows much greater control over the the data that is being used to\n * order a column, but is necessarily therefore more complex.\n * \n * This type of ordering is useful if you want to do ordering based on data\n * live from the DOM (for example the contents of an 'input' element) rather\n * than just the static string that DataTables knows of.\n * \n * The way these plug-ins work is that you create an array of the values you\n * wish to be ordering for the column in question and then return that\n * array. The data in the array much be in the index order of the rows in\n * the table (not the currently ordering order!). Which order data gathering\n * function is run here depends on the `dt-init columns.orderDataType`\n * parameter that is used for the column (if any).\n *\n * The functions defined take two parameters:\n *\n * 1. `{object}` DataTables settings object: see\n * {@link DataTable.models.oSettings}\n * 2. `{int}` Target column index\n *\n * Each function is expected to return an array:\n *\n * * `{array}` Data for the column to be ordering upon\n *\n * @type array\n *\n * @example\n * // Ordering using `input` node values\n * $.fn.dataTable.ext.order['dom-text'] = function ( settings, col )\n * {\n * return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {\n * return $('input', td).val();\n * } );\n * }\n */\n order: {},\n\n /**\n * Type based plug-ins.\n *\n * Each column in DataTables has a type assigned to it, either by automatic\n * detection or by direct assignment using the `type` option for the column.\n * The type of a column will effect how it is ordering and search (plug-ins\n * can also make use of the column type if required).\n *\n * @namespace\n */\n type: {\n /**\n * Type detection functions.\n *\n * The functions defined in this object are used to automatically detect\n * a column's type, making initialisation of DataTables super easy, even\n * when complex data is in the table.\n *\n * The functions defined take two parameters:\n *\n * 1. `{*}` Data from the column cell to be analysed\n * 2. `{settings}` DataTables settings object. This can be used to\n * perform context specific type detection - for example detection\n * based on language settings such as using a comma for a decimal\n * place. Generally speaking the options from the settings will not\n * be required\n *\n * Each function is expected to return:\n *\n * * `{string|null}` Data type detected, or null if unknown (and thus\n * pass it on to the other type detection functions.\n *\n * @type array\n *\n * @example\n * // Currency type detection plug-in:\n * $.fn.dataTable.ext.type.detect.push(\n * function ( data, settings ) {\n * // Check the numeric part\n * if ( ! data.substring(1).match(/[0-9]/) ) {\n * return null;\n * }\n *\n * // Check prefixed by currency\n * if ( data.charAt(0) == '$' || data.charAt(0) == '£' ) {\n * return 'currency';\n * }\n * return null;\n * }\n * );\n */\n detect: [],\n\n /**\n * Type based search formatting.\n *\n * The type based searching functions can be used to pre-format the\n * data to be search on. For example, it can be used to strip HTML\n * tags or to de-format telephone numbers for numeric only searching.\n *\n * Note that is a search is not defined for a column of a given type,\n * no search formatting will be performed.\n * \n * Pre-processing of searching data plug-ins - When you assign the sType\n * for a column (or have it automatically detected for you by DataTables\n * or a type detection plug-in), you will typically be using this for\n * custom sorting, but it can also be used to provide custom searching\n * by allowing you to pre-processing the data and returning the data in\n * the format that should be searched upon. This is done by adding\n * functions this object with a parameter name which matches the sType\n * for that target column. This is the corollary of afnSortData\n * for searching data.\n *\n * The functions defined take a single parameter:\n *\n * 1. `{*}` Data from the column cell to be prepared for searching\n *\n * Each function is expected to return:\n *\n * * `{string|null}` Formatted string that will be used for the searching.\n *\n * @type object\n * @default {}\n *\n * @example\n * $.fn.dataTable.ext.type.search['title-numeric'] = function ( d ) {\n * return d.replace(/\\n/g,\" \").replace( /<.*?>/g, \"\" );\n * }\n */\n search: {},\n\n /**\n * Type based ordering.\n *\n * The column type tells DataTables what ordering to apply to the table\n * when a column is sorted upon. The order for each type that is defined,\n * is defined by the functions available in this object.\n *\n * Each ordering option can be described by three properties added to\n * this object:\n *\n * * `{type}-pre` - Pre-formatting function\n * * `{type}-asc` - Ascending order function\n * * `{type}-desc` - Descending order function\n *\n * All three can be used together, only `{type}-pre` or only\n * `{type}-asc` and `{type}-desc` together. It is generally recommended\n * that only `{type}-pre` is used, as this provides the optimal\n * implementation in terms of speed, although the others are provided\n * for compatibility with existing Javascript sort functions.\n *\n * `{type}-pre`: Functions defined take a single parameter:\n *\n * 1. `{*}` Data from the column cell to be prepared for ordering\n *\n * And return:\n *\n * * `{*}` Data to be sorted upon\n *\n * `{type}-asc` and `{type}-desc`: Functions are typical Javascript sort\n * functions, taking two parameters:\n *\n * 1. `{*}` Data to compare to the second parameter\n * 2. `{*}` Data to compare to the first parameter\n *\n * And returning:\n *\n * * `{*}` Ordering match: <0 if first parameter should be sorted lower\n * than the second parameter, ===0 if the two parameters are equal and\n * >0 if the first parameter should be sorted height than the second\n * parameter.\n * \n * @type object\n * @default {}\n *\n * @example\n * // Numeric ordering of formatted numbers with a pre-formatter\n * $.extend( $.fn.dataTable.ext.type.order, {\n * \"string-pre\": function(x) {\n * a = (a === \"-\" || a === \"\") ? 0 : a.replace( /[^\\d\\-\\.]/g, \"\" );\n * return parseFloat( a );\n * }\n * } );\n *\n * @example\n * // Case-sensitive string ordering, with no pre-formatting method\n * $.extend( $.fn.dataTable.ext.order, {\n * \"string-case-asc\": function(x,y) {\n * return ((x < y) ? -1 : ((x > y) ? 1 : 0));\n * },\n * \"string-case-desc\": function(x,y) {\n * return ((x < y) ? 1 : ((x > y) ? -1 : 0));\n * }\n * } );\n */\n order: {}\n },\n\n /**\n * Unique DataTables instance counter\n *\n * @type int\n * @private\n */\n _unique: 0,\n //\n // Depreciated\n // The following properties are retained for backwards compatibility only.\n // The should not be used in new projects and will be removed in a future\n // version\n //\n\n /**\n * Version check function.\n * @type function\n * @depreciated Since 1.10\n */\n fnVersionCheck: DataTable.fnVersionCheck,\n\n /**\n * Index for what 'this' index API functions should use\n * @type int\n * @deprecated Since v1.10\n */\n iApiIndex: 0,\n\n /**\n * jQuery UI class container\n * @type object\n * @deprecated Since v1.10\n */\n oJUIClasses: {},\n\n /**\n * Software version\n * @type string\n * @deprecated Since v1.10\n */\n sVersion: DataTable.version\n }; //\n // Backwards compatibility. Alias to pre 1.10 Hungarian notation counter parts\n //\n\n $.extend(_ext, {\n afnFiltering: _ext.search,\n aTypes: _ext.type.detect,\n ofnSearch: _ext.type.search,\n oSort: _ext.type.order,\n afnSortData: _ext.order,\n aoFeatures: _ext.feature,\n oApi: _ext.internal,\n oStdClasses: _ext.classes,\n oPagination: _ext.pager\n });\n $.extend(DataTable.ext.classes, {\n \"sTable\": \"dataTable\",\n \"sNoFooter\": \"no-footer\",\n\n /* Paging buttons */\n \"sPageButton\": \"paginate_button\",\n \"sPageButtonActive\": \"current\",\n \"sPageButtonDisabled\": \"disabled\",\n\n /* Striping classes */\n \"sStripeOdd\": \"odd\",\n \"sStripeEven\": \"even\",\n\n /* Empty row */\n \"sRowEmpty\": \"dataTables_empty\",\n\n /* Features */\n \"sWrapper\": \"dataTables_wrapper\",\n \"sFilter\": \"dataTables_filter\",\n \"sInfo\": \"dataTables_info\",\n \"sPaging\": \"dataTables_paginate paging_\",\n\n /* Note that the type is postfixed */\n \"sLength\": \"dataTables_length\",\n \"sProcessing\": \"dataTables_processing\",\n\n /* Sorting */\n \"sSortAsc\": \"sorting_asc\",\n \"sSortDesc\": \"sorting_desc\",\n \"sSortable\": \"sorting\",\n\n /* Sortable in both directions */\n \"sSortableAsc\": \"sorting_desc_disabled\",\n \"sSortableDesc\": \"sorting_asc_disabled\",\n \"sSortableNone\": \"sorting_disabled\",\n \"sSortColumn\": \"sorting_\",\n\n /* Note that an int is postfixed for the sorting order */\n\n /* Filtering */\n \"sFilterInput\": \"\",\n\n /* Page length */\n \"sLengthSelect\": \"\",\n\n /* Scrolling */\n \"sScrollWrapper\": \"dataTables_scroll\",\n \"sScrollHead\": \"dataTables_scrollHead\",\n \"sScrollHeadInner\": \"dataTables_scrollHeadInner\",\n \"sScrollBody\": \"dataTables_scrollBody\",\n \"sScrollFoot\": \"dataTables_scrollFoot\",\n \"sScrollFootInner\": \"dataTables_scrollFootInner\",\n\n /* Misc */\n \"sHeaderTH\": \"\",\n \"sFooterTH\": \"\",\n // Deprecated\n \"sSortJUIAsc\": \"\",\n \"sSortJUIDesc\": \"\",\n \"sSortJUI\": \"\",\n \"sSortJUIAscAllowed\": \"\",\n \"sSortJUIDescAllowed\": \"\",\n \"sSortJUIWrapper\": \"\",\n \"sSortIcon\": \"\",\n \"sJUIHeader\": \"\",\n \"sJUIFooter\": \"\"\n });\n var extPagination = DataTable.ext.pager;\n\n function _numbers(page, pages) {\n var numbers = [],\n buttons = extPagination.numbers_length,\n half = Math.floor(buttons / 2),\n i = 1;\n\n if (pages <= buttons) {\n numbers = _range(0, pages);\n } else if (page <= half) {\n numbers = _range(0, buttons - 2);\n numbers.push('ellipsis');\n numbers.push(pages - 1);\n } else if (page >= pages - 1 - half) {\n numbers = _range(pages - (buttons - 2), pages);\n numbers.splice(0, 0, 'ellipsis'); // no unshift in ie6\n\n numbers.splice(0, 0, 0);\n } else {\n numbers = _range(page - half + 2, page + half - 1);\n numbers.push('ellipsis');\n numbers.push(pages - 1);\n numbers.splice(0, 0, 'ellipsis');\n numbers.splice(0, 0, 0);\n }\n\n numbers.DT_el = 'span';\n return numbers;\n }\n\n $.extend(extPagination, {\n simple: function (page, pages) {\n return ['previous', 'next'];\n },\n full: function (page, pages) {\n return ['first', 'previous', 'next', 'last'];\n },\n numbers: function (page, pages) {\n return [_numbers(page, pages)];\n },\n simple_numbers: function (page, pages) {\n return ['previous', _numbers(page, pages), 'next'];\n },\n full_numbers: function (page, pages) {\n return ['first', 'previous', _numbers(page, pages), 'next', 'last'];\n },\n first_last_numbers: function (page, pages) {\n return ['first', _numbers(page, pages), 'last'];\n },\n // For testing and plug-ins to use\n _numbers: _numbers,\n // Number of number buttons (including ellipsis) to show. _Must be odd!_\n numbers_length: 7\n });\n $.extend(true, DataTable.ext.renderer, {\n pageButton: {\n _: function (settings, host, idx, buttons, page, pages) {\n var classes = settings.oClasses;\n var lang = settings.oLanguage.oPaginate;\n var aria = settings.oLanguage.oAria.paginate || {};\n var btnDisplay,\n btnClass,\n counter = 0;\n\n var attach = function (container, buttons) {\n var i, ien, node, button, tabIndex;\n var disabledClass = classes.sPageButtonDisabled;\n\n var clickHandler = function (e) {\n _fnPageChange(settings, e.data.action, true);\n };\n\n for (i = 0, ien = buttons.length; i < ien; i++) {\n button = buttons[i];\n\n if (Array.isArray(button)) {\n var inner = $('<' + (button.DT_el || 'div') + '/>').appendTo(container);\n attach(inner, button);\n } else {\n btnDisplay = null;\n btnClass = button;\n tabIndex = settings.iTabIndex;\n\n switch (button) {\n case 'ellipsis':\n container.append('…');\n break;\n\n case 'first':\n btnDisplay = lang.sFirst;\n\n if (page === 0) {\n tabIndex = -1;\n btnClass += ' ' + disabledClass;\n }\n\n break;\n\n case 'previous':\n btnDisplay = lang.sPrevious;\n\n if (page === 0) {\n tabIndex = -1;\n btnClass += ' ' + disabledClass;\n }\n\n break;\n\n case 'next':\n btnDisplay = lang.sNext;\n\n if (pages === 0 || page === pages - 1) {\n tabIndex = -1;\n btnClass += ' ' + disabledClass;\n }\n\n break;\n\n case 'last':\n btnDisplay = lang.sLast;\n\n if (pages === 0 || page === pages - 1) {\n tabIndex = -1;\n btnClass += ' ' + disabledClass;\n }\n\n break;\n\n default:\n btnDisplay = settings.fnFormatNumber(button + 1);\n btnClass = page === button ? classes.sPageButtonActive : '';\n break;\n }\n\n if (btnDisplay !== null) {\n node = $('', {\n 'class': classes.sPageButton + ' ' + btnClass,\n 'aria-controls': settings.sTableId,\n 'aria-label': aria[button],\n 'data-dt-idx': counter,\n 'tabindex': tabIndex,\n 'id': idx === 0 && typeof button === 'string' ? settings.sTableId + '_' + button : null\n }).html(btnDisplay).appendTo(container);\n\n _fnBindAction(node, {\n action: button\n }, clickHandler);\n\n counter++;\n }\n }\n }\n }; // IE9 throws an 'unknown error' if document.activeElement is used\n // inside an iframe or frame. Try / catch the error. Not good for\n // accessibility, but neither are frames.\n\n\n var activeEl;\n\n try {\n // Because this approach is destroying and recreating the paging\n // elements, focus is lost on the select button which is bad for\n // accessibility. So we want to restore focus once the draw has\n // completed\n activeEl = $(host).find(document.activeElement).data('dt-idx');\n } catch (e) {}\n\n attach($(host).empty(), buttons);\n\n if (activeEl !== undefined) {\n $(host).find('[data-dt-idx=' + activeEl + ']').trigger('focus');\n }\n }\n }\n }); // Built in type detection. See model.ext.aTypes for information about\n // what is required from this methods.\n\n $.extend(DataTable.ext.type.detect, [// Plain numbers - first since V8 detects some plain numbers as dates\n // e.g. Date.parse('55') (but not all, e.g. Date.parse('22')...).\n function (d, settings) {\n var decimal = settings.oLanguage.sDecimal;\n return _isNumber(d, decimal) ? 'num' + decimal : null;\n }, // Dates (only those recognised by the browser's Date.parse)\n function (d, settings) {\n // V8 tries _very_ hard to make a string passed into `Date.parse()`\n // valid, so we need to use a regex to restrict date formats. Use a\n // plug-in for anything other than ISO8601 style strings\n if (d && !(d instanceof Date) && !_re_date.test(d)) {\n return null;\n }\n\n var parsed = Date.parse(d);\n return parsed !== null && !isNaN(parsed) || _empty(d) ? 'date' : null;\n }, // Formatted numbers\n function (d, settings) {\n var decimal = settings.oLanguage.sDecimal;\n return _isNumber(d, decimal, true) ? 'num-fmt' + decimal : null;\n }, // HTML numeric\n function (d, settings) {\n var decimal = settings.oLanguage.sDecimal;\n return _htmlNumeric(d, decimal) ? 'html-num' + decimal : null;\n }, // HTML numeric, formatted\n function (d, settings) {\n var decimal = settings.oLanguage.sDecimal;\n return _htmlNumeric(d, decimal, true) ? 'html-num-fmt' + decimal : null;\n }, // HTML (this is strict checking - there must be html)\n function (d, settings) {\n return _empty(d) || typeof d === 'string' && d.indexOf('<') !== -1 ? 'html' : null;\n }]); // Filter formatting functions. See model.ext.ofnSearch for information about\n // what is required from these methods.\n // \n // Note that additional search methods are added for the html numbers and\n // html formatted numbers by `_addNumericSort()` when we know what the decimal\n // place is\n\n $.extend(DataTable.ext.type.search, {\n html: function (data) {\n return _empty(data) ? data : typeof data === 'string' ? data.replace(_re_new_lines, \" \").replace(_re_html, \"\") : '';\n },\n string: function (data) {\n return _empty(data) ? data : typeof data === 'string' ? data.replace(_re_new_lines, \" \") : data;\n }\n });\n\n var __numericReplace = function (d, decimalPlace, re1, re2) {\n if (d !== 0 && (!d || d === '-')) {\n return -Infinity;\n } // If a decimal place other than `.` is used, it needs to be given to the\n // function so we can detect it and replace with a `.` which is the only\n // decimal place Javascript recognises - it is not locale aware.\n\n\n if (decimalPlace) {\n d = _numToDecimal(d, decimalPlace);\n }\n\n if (d.replace) {\n if (re1) {\n d = d.replace(re1, '');\n }\n\n if (re2) {\n d = d.replace(re2, '');\n }\n }\n\n return d * 1;\n }; // Add the numeric 'deformatting' functions for sorting and search. This is done\n // in a function to provide an easy ability for the language options to add\n // additional methods if a non-period decimal place is used.\n\n\n function _addNumericSort(decimalPlace) {\n $.each({\n // Plain numbers\n \"num\": function (d) {\n return __numericReplace(d, decimalPlace);\n },\n // Formatted numbers\n \"num-fmt\": function (d) {\n return __numericReplace(d, decimalPlace, _re_formatted_numeric);\n },\n // HTML numeric\n \"html-num\": function (d) {\n return __numericReplace(d, decimalPlace, _re_html);\n },\n // HTML numeric, formatted\n \"html-num-fmt\": function (d) {\n return __numericReplace(d, decimalPlace, _re_html, _re_formatted_numeric);\n }\n }, function (key, fn) {\n // Add the ordering method\n _ext.type.order[key + decimalPlace + '-pre'] = fn; // For HTML types add a search formatter that will strip the HTML\n\n if (key.match(/^html\\-/)) {\n _ext.type.search[key + decimalPlace] = _ext.type.search.html;\n }\n });\n } // Default sort methods\n\n\n $.extend(_ext.type.order, {\n // Dates\n \"date-pre\": function (d) {\n var ts = Date.parse(d);\n return isNaN(ts) ? -Infinity : ts;\n },\n // html\n \"html-pre\": function (a) {\n return _empty(a) ? '' : a.replace ? a.replace(/<.*?>/g, \"\").toLowerCase() : a + '';\n },\n // string\n \"string-pre\": function (a) {\n // This is a little complex, but faster than always calling toString,\n // http://jsperf.com/tostring-v-check\n return _empty(a) ? '' : typeof a === 'string' ? a.toLowerCase() : !a.toString ? '' : a.toString();\n },\n // string-asc and -desc are retained only for compatibility with the old\n // sort methods\n \"string-asc\": function (x, y) {\n return x < y ? -1 : x > y ? 1 : 0;\n },\n \"string-desc\": function (x, y) {\n return x < y ? 1 : x > y ? -1 : 0;\n }\n }); // Numeric sorting types - order doesn't matter here\n\n _addNumericSort('');\n\n $.extend(true, DataTable.ext.renderer, {\n header: {\n _: function (settings, cell, column, classes) {\n // No additional mark-up required\n // Attach a sort listener to update on sort - note that using the\n // `DT` namespace will allow the event to be removed automatically\n // on destroy, while the `dt` namespaced event is the one we are\n // listening for\n $(settings.nTable).on('order.dt.DT', function (e, ctx, sorting, columns) {\n if (settings !== ctx) {\n // need to check this this is the host\n return; // table, not a nested one\n }\n\n var colIdx = column.idx;\n cell.removeClass(classes.sSortAsc + ' ' + classes.sSortDesc).addClass(columns[colIdx] == 'asc' ? classes.sSortAsc : columns[colIdx] == 'desc' ? classes.sSortDesc : column.sSortingClass);\n });\n },\n jqueryui: function (settings, cell, column, classes) {\n $('').addClass(classes.sSortJUIWrapper).append(cell.contents()).append($('').addClass(classes.sSortIcon + ' ' + column.sSortingClassJUI)).appendTo(cell); // Attach a sort listener to update on sort\n\n $(settings.nTable).on('order.dt.DT', function (e, ctx, sorting, columns) {\n if (settings !== ctx) {\n return;\n }\n\n var colIdx = column.idx;\n cell.removeClass(classes.sSortAsc + \" \" + classes.sSortDesc).addClass(columns[colIdx] == 'asc' ? classes.sSortAsc : columns[colIdx] == 'desc' ? classes.sSortDesc : column.sSortingClass);\n cell.find('span.' + classes.sSortIcon).removeClass(classes.sSortJUIAsc + \" \" + classes.sSortJUIDesc + \" \" + classes.sSortJUI + \" \" + classes.sSortJUIAscAllowed + \" \" + classes.sSortJUIDescAllowed).addClass(columns[colIdx] == 'asc' ? classes.sSortJUIAsc : columns[colIdx] == 'desc' ? classes.sSortJUIDesc : column.sSortingClassJUI);\n });\n }\n }\n });\n /*\n * Public helper functions. These aren't used internally by DataTables, or\n * called by any of the options passed into DataTables, but they can be used\n * externally by developers working with DataTables. They are helper functions\n * to make working with DataTables a little bit easier.\n */\n\n var __htmlEscapeEntities = function (d) {\n if (Array.isArray(d)) {\n d = d.join(',');\n }\n\n return typeof d === 'string' ? d.replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"') : d;\n }; // Common logic for moment, luxon or a date action\n\n\n function __mld(dt, momentFn, luxonFn, dateFn, arg1) {\n if (window.moment) {\n return dt[momentFn](arg1);\n } else if (window.luxon) {\n return dt[luxonFn](arg1);\n }\n\n return dateFn ? dt[dateFn](arg1) : dt;\n }\n\n var __mlWarning = false;\n\n function __mldObj(d, format, locale) {\n var dt;\n\n if (window.moment) {\n dt = window.moment.utc(d, format, locale, true);\n\n if (!dt.isValid()) {\n return null;\n }\n } else if (window.luxon) {\n dt = format ? window.luxon.DateTime.fromFormat(d, format) : window.luxon.DateTime.fromISO(d);\n\n if (!dt.isValid) {\n return null;\n }\n\n dt.setLocale(locale);\n } else if (!format) {\n // No format given, must be ISO\n dt = new Date(d);\n } else {\n if (!__mlWarning) {\n alert('DataTables warning: Formatted date without Moment.js or Luxon - https://datatables.net/tn/17');\n }\n\n __mlWarning = true;\n }\n\n return dt;\n } // Wrapper for date, datetime and time which all operate the same way with the exception of\n // the output string for auto locale support\n\n\n function __mlHelper(localeString) {\n return function (from, to, locale, def) {\n // Luxon and Moment support\n // Argument shifting\n if (arguments.length === 0) {\n locale = 'en';\n to = null; // means toLocaleString\n\n from = null; // means iso8601\n } else if (arguments.length === 1) {\n locale = 'en';\n to = from;\n from = null;\n } else if (arguments.length === 2) {\n locale = to;\n to = from;\n from = null;\n }\n\n var typeName = 'datetime-' + to; // Add type detection and sorting specific to this date format - we need to be able to identify\n // date type columns as such, rather than as numbers in extensions. Hence the need for this.\n\n if (!DataTable.ext.type.order[typeName]) {\n // The renderer will give the value to type detect as the type!\n DataTable.ext.type.detect.unshift(function (d) {\n return d === typeName ? typeName : false;\n }); // The renderer gives us Moment, Luxon or Date obects for the sorting, all of which have a\n // `valueOf` which gives milliseconds epoch\n\n DataTable.ext.type.order[typeName + '-asc'] = function (a, b) {\n var x = a.valueOf();\n var y = b.valueOf();\n return x === y ? 0 : x < y ? -1 : 1;\n };\n\n DataTable.ext.type.order[typeName + '-desc'] = function (a, b) {\n var x = a.valueOf();\n var y = b.valueOf();\n return x === y ? 0 : x > y ? -1 : 1;\n };\n }\n\n return function (d, type) {\n // Allow for a default value\n if (d === null || d === undefined) {\n if (def === '--now') {\n // We treat everything as UTC further down, so no changes are\n // made, as such need to get the local date / time as if it were\n // UTC\n var local = new Date();\n d = new Date(Date.UTC(local.getFullYear(), local.getMonth(), local.getDate(), local.getHours(), local.getMinutes(), local.getSeconds()));\n } else {\n d = '';\n }\n }\n\n if (type === 'type') {\n // Typing uses the type name for fast matching\n return typeName;\n }\n\n if (d === '') {\n return type !== 'sort' ? '' : __mldObj('0000-01-01 00:00:00', null, locale);\n } // Shortcut. If `from` and `to` are the same, we are using the renderer to\n // format for ordering, not display - its already in the display format.\n\n\n if (to !== null && from === to && type !== 'sort' && type !== 'type' && !(d instanceof Date)) {\n return d;\n }\n\n var dt = __mldObj(d, from, locale);\n\n if (dt === null) {\n return d;\n }\n\n if (type === 'sort') {\n return dt;\n }\n\n var formatted = to === null ? __mld(dt, 'toDate', 'toJSDate', '')[localeString]() : __mld(dt, 'format', 'toFormat', 'toISOString', to); // XSS protection\n\n return type === 'display' ? __htmlEscapeEntities(formatted) : formatted;\n };\n };\n } // Based on locale, determine standard number formatting\n // Fallback for legacy browsers is US English\n\n\n var __thousands = ',';\n var __decimal = '.';\n\n if (Intl) {\n try {\n var num = new Intl.NumberFormat().formatToParts(100000.1);\n\n for (var i = 0; i < num.length; i++) {\n if (num[i].type === 'group') {\n __thousands = num[i].value;\n } else if (num[i].type === 'decimal') {\n __decimal = num[i].value;\n }\n }\n } catch (e) {// noop\n }\n } // Formatted date time detection - use by declaring the formats you are going to use\n\n\n DataTable.datetime = function (format, locale) {\n var typeName = 'datetime-detect-' + format;\n\n if (!locale) {\n locale = 'en';\n }\n\n if (!DataTable.ext.type.order[typeName]) {\n DataTable.ext.type.detect.unshift(function (d) {\n var dt = __mldObj(d, format, locale);\n\n return d === '' || dt ? typeName : false;\n });\n\n DataTable.ext.type.order[typeName + '-pre'] = function (d) {\n return __mldObj(d, format, locale) || 0;\n };\n }\n };\n /**\n * Helpers for `columns.render`.\n *\n * The options defined here can be used with the `columns.render` initialisation\n * option to provide a display renderer. The following functions are defined:\n *\n * * `number` - Will format numeric data (defined by `columns.data`) for\n * display, retaining the original unformatted data for sorting and filtering.\n * It takes 5 parameters:\n * * `string` - Thousands grouping separator\n * * `string` - Decimal point indicator\n * * `integer` - Number of decimal points to show\n * * `string` (optional) - Prefix.\n * * `string` (optional) - Postfix (/suffix).\n * * `text` - Escape HTML to help prevent XSS attacks. It has no optional\n * parameters.\n *\n * @example\n * // Column definition using the number renderer\n * {\n * data: \"salary\",\n * render: $.fn.dataTable.render.number( '\\'', '.', 0, '$' )\n * }\n *\n * @namespace\n */\n\n\n DataTable.render = {\n date: __mlHelper('toLocaleDateString'),\n datetime: __mlHelper('toLocaleString'),\n time: __mlHelper('toLocaleTimeString'),\n number: function (thousands, decimal, precision, prefix, postfix) {\n // Auto locale detection\n if (thousands === null || thousands === undefined) {\n thousands = __thousands;\n }\n\n if (decimal === null || decimal === undefined) {\n decimal = __decimal;\n }\n\n return {\n display: function (d) {\n if (typeof d !== 'number' && typeof d !== 'string') {\n return d;\n }\n\n if (d === '' || d === null) {\n return d;\n }\n\n var negative = d < 0 ? '-' : '';\n var flo = parseFloat(d); // If NaN then there isn't much formatting that we can do - just\n // return immediately, escaping any HTML (this was supposed to\n // be a number after all)\n\n if (isNaN(flo)) {\n return __htmlEscapeEntities(d);\n }\n\n flo = flo.toFixed(precision);\n d = Math.abs(flo);\n var intPart = parseInt(d, 10);\n var floatPart = precision ? decimal + (d - intPart).toFixed(precision).substring(2) : ''; // If zero, then can't have a negative prefix\n\n if (intPart === 0 && parseFloat(floatPart) === 0) {\n negative = '';\n }\n\n return negative + (prefix || '') + intPart.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousands) + floatPart + (postfix || '');\n }\n };\n },\n text: function () {\n return {\n display: __htmlEscapeEntities,\n filter: __htmlEscapeEntities\n };\n }\n };\n /*\n * This is really a good bit rubbish this method of exposing the internal methods\n * publicly... - To be fixed in 2.0 using methods on the prototype\n */\n\n /**\n * Create a wrapper function for exporting an internal functions to an external API.\n * @param {string} fn API function name\n * @returns {function} wrapped function\n * @memberof DataTable#internal\n */\n\n function _fnExternApiFunc(fn) {\n return function () {\n var args = [_fnSettingsFromNode(this[DataTable.ext.iApiIndex])].concat(Array.prototype.slice.call(arguments));\n return DataTable.ext.internal[fn].apply(this, args);\n };\n }\n /**\n * Reference to internal functions for use by plug-in developers. Note that\n * these methods are references to internal functions and are considered to be\n * private. If you use these methods, be aware that they are liable to change\n * between versions.\n * @namespace\n */\n\n\n $.extend(DataTable.ext.internal, {\n _fnExternApiFunc: _fnExternApiFunc,\n _fnBuildAjax: _fnBuildAjax,\n _fnAjaxUpdate: _fnAjaxUpdate,\n _fnAjaxParameters: _fnAjaxParameters,\n _fnAjaxUpdateDraw: _fnAjaxUpdateDraw,\n _fnAjaxDataSrc: _fnAjaxDataSrc,\n _fnAddColumn: _fnAddColumn,\n _fnColumnOptions: _fnColumnOptions,\n _fnAdjustColumnSizing: _fnAdjustColumnSizing,\n _fnVisibleToColumnIndex: _fnVisibleToColumnIndex,\n _fnColumnIndexToVisible: _fnColumnIndexToVisible,\n _fnVisbleColumns: _fnVisbleColumns,\n _fnGetColumns: _fnGetColumns,\n _fnColumnTypes: _fnColumnTypes,\n _fnApplyColumnDefs: _fnApplyColumnDefs,\n _fnHungarianMap: _fnHungarianMap,\n _fnCamelToHungarian: _fnCamelToHungarian,\n _fnLanguageCompat: _fnLanguageCompat,\n _fnBrowserDetect: _fnBrowserDetect,\n _fnAddData: _fnAddData,\n _fnAddTr: _fnAddTr,\n _fnNodeToDataIndex: _fnNodeToDataIndex,\n _fnNodeToColumnIndex: _fnNodeToColumnIndex,\n _fnGetCellData: _fnGetCellData,\n _fnSetCellData: _fnSetCellData,\n _fnSplitObjNotation: _fnSplitObjNotation,\n _fnGetObjectDataFn: _fnGetObjectDataFn,\n _fnSetObjectDataFn: _fnSetObjectDataFn,\n _fnGetDataMaster: _fnGetDataMaster,\n _fnClearTable: _fnClearTable,\n _fnDeleteIndex: _fnDeleteIndex,\n _fnInvalidate: _fnInvalidate,\n _fnGetRowElements: _fnGetRowElements,\n _fnCreateTr: _fnCreateTr,\n _fnBuildHead: _fnBuildHead,\n _fnDrawHead: _fnDrawHead,\n _fnDraw: _fnDraw,\n _fnReDraw: _fnReDraw,\n _fnAddOptionsHtml: _fnAddOptionsHtml,\n _fnDetectHeader: _fnDetectHeader,\n _fnGetUniqueThs: _fnGetUniqueThs,\n _fnFeatureHtmlFilter: _fnFeatureHtmlFilter,\n _fnFilterComplete: _fnFilterComplete,\n _fnFilterCustom: _fnFilterCustom,\n _fnFilterColumn: _fnFilterColumn,\n _fnFilter: _fnFilter,\n _fnFilterCreateSearch: _fnFilterCreateSearch,\n _fnEscapeRegex: _fnEscapeRegex,\n _fnFilterData: _fnFilterData,\n _fnFeatureHtmlInfo: _fnFeatureHtmlInfo,\n _fnUpdateInfo: _fnUpdateInfo,\n _fnInfoMacros: _fnInfoMacros,\n _fnInitialise: _fnInitialise,\n _fnInitComplete: _fnInitComplete,\n _fnLengthChange: _fnLengthChange,\n _fnFeatureHtmlLength: _fnFeatureHtmlLength,\n _fnFeatureHtmlPaginate: _fnFeatureHtmlPaginate,\n _fnPageChange: _fnPageChange,\n _fnFeatureHtmlProcessing: _fnFeatureHtmlProcessing,\n _fnProcessingDisplay: _fnProcessingDisplay,\n _fnFeatureHtmlTable: _fnFeatureHtmlTable,\n _fnScrollDraw: _fnScrollDraw,\n _fnApplyToChildren: _fnApplyToChildren,\n _fnCalculateColumnWidths: _fnCalculateColumnWidths,\n _fnThrottle: _fnThrottle,\n _fnConvertToWidth: _fnConvertToWidth,\n _fnGetWidestNode: _fnGetWidestNode,\n _fnGetMaxLenString: _fnGetMaxLenString,\n _fnStringToCss: _fnStringToCss,\n _fnSortFlatten: _fnSortFlatten,\n _fnSort: _fnSort,\n _fnSortAria: _fnSortAria,\n _fnSortListener: _fnSortListener,\n _fnSortAttachListener: _fnSortAttachListener,\n _fnSortingClasses: _fnSortingClasses,\n _fnSortData: _fnSortData,\n _fnSaveState: _fnSaveState,\n _fnLoadState: _fnLoadState,\n _fnImplementState: _fnImplementState,\n _fnSettingsFromNode: _fnSettingsFromNode,\n _fnLog: _fnLog,\n _fnMap: _fnMap,\n _fnBindAction: _fnBindAction,\n _fnCallbackReg: _fnCallbackReg,\n _fnCallbackFire: _fnCallbackFire,\n _fnLengthOverflow: _fnLengthOverflow,\n _fnRenderer: _fnRenderer,\n _fnDataSource: _fnDataSource,\n _fnRowAttributes: _fnRowAttributes,\n _fnExtend: _fnExtend,\n _fnCalculateEnd: function () {} // Used by a lot of plug-ins, but redundant\n // in 1.10, so this dead-end function is\n // added to prevent errors\n\n }); // jQuery access\n\n $.fn.dataTable = DataTable; // Provide access to the host jQuery object (circular reference)\n\n DataTable.$ = $; // Legacy aliases\n\n $.fn.dataTableSettings = DataTable.settings;\n $.fn.dataTableExt = DataTable.ext; // With a capital `D` we return a DataTables API instance rather than a\n // jQuery object\n\n $.fn.DataTable = function (opts) {\n return $(this).dataTable(opts).api();\n }; // All properties that are available to $.fn.dataTable should also be\n // available on $.fn.DataTable\n\n\n $.each(DataTable, function (prop, val) {\n $.fn.DataTable[prop] = val;\n });\n return DataTable;\n});","export default function(tableId, settings) {\n\n\t// Set total records and page length\n let totalRecords = settings._iRecordsDisplay;\n let pageLength = settings._iDisplayLength;\n\n // Update tr class if no data available\n if (totalRecords === 0) {$('#' + tableId + ' tbody tr').addClass('no-click');}\n\n\t// Check record count, hide paging if records less than paging count\n if (totalRecords <= pageLength) {\n $('#' + tableId + '_paginate').addClass('d-none');\n $('#' + tableId + '_length').addClass('d-none');\n return $('#' + tableId + '_info').addClass('d-none');\n } else {\n $('#' + tableId + '_paginate').removeClass('d-none');\n $('#' + tableId + '_length').removeClass('d-none');\n return $('#' + tableId + '_info').removeClass('d-none');\n }\n\n}","// Set actions for table clicks\n// Visit url or load remote dataa on row click\nexport default function(tableId) {\n\n // Set table\n let table = $('#' + tableId)\n\n // Set actions for clicking on a row\n const tableRowClickAction = function(row) {\n\n // Do not take action if row has 'no-click' class\n if ( !row.hasClass('no-click') && !row.find('td').hasClass('dataTables_empty') ) {\n\n // Get request url from table data attribute\n let url = row.closest('.table').attr('data-request-url');\n\n // Replace url formula id with data from row\n if (url.includes(\":formula_id\")) {\n let formulaId = row.attr('data-formula-id');\n url = url.replace(':formula_id', formulaId);\n } \n\n // Replace url slug (featured cause) with data from row\n if (url.includes(\":slug\")) {\n let slug = row.attr('data-slug');\n url = url.replace(':slug', slug);\n } \n\n // Replace url record id with data from row\n if (url.includes(\":profile_id\")) {\n let profileId = row.attr('data-profile-id');\n let profileType = row.attr('data-profile-type');\n url = url.replace(':profile_id', profileId);\n if (typeof profileType !== 'undefined') {url = url.replace(':profile_type', profileType);}\n }\n\n // Replace url record id with data from row\n if (url.includes(\":record_id\")) {\n let recordId = row.attr('data-record-id');\n url = url.replace(':record_id', recordId);\n }\n\n // Replace url record type with data from row\n if (url.includes(\":record_type\")) {\n let recordType = row.attr('data-record-type');\n url = url.replace(':record_type', recordType);\n }\n\n // Replace url token with data from row\n if (url.includes(\":token\")) {\n let token = row.attr('data-record-token');\n url = url.replace(':token', token);\n }\n\n // Only continue if url does not include any 'template' strings\n let templateStrings = [\":profile_type\", \":profile_id\", \":formula_id\", \":record_id\"];\n let i;\n for (i=0;i 0) {\n introItems[step - 1] = {\n element: currentElement,\n intro: currentElement.getAttribute('data-intro'),\n step: parseInt(currentElement.getAttribute('data-step'), 10),\n tooltipClass: currentElement.getAttribute('data-tooltipclass'),\n highlightClass: currentElement.getAttribute('data-highlightclass'),\n position: currentElement.getAttribute('data-position') || this._options.tooltipPosition,\n scrollTo: currentElement.getAttribute('data-scrollto') || this._options.scrollTo,\n disableInteraction: disableInteraction\n };\n }\n }.bind(this)); //next add intro items without data-step\n //todo: we need a cleanup here, two loops are redundant\n\n\n var nextStep = 0;\n\n _forEach(allIntroSteps, function (currentElement) {\n // PR #80\n // start intro for groups of elements\n if (group && currentElement.getAttribute(\"data-intro-group\") !== group) {\n return;\n }\n\n if (currentElement.getAttribute('data-step') === null) {\n while (true) {\n if (typeof introItems[nextStep] === 'undefined') {\n break;\n } else {\n nextStep++;\n }\n }\n\n if (typeof currentElement.getAttribute('data-disable-interaction') !== 'undefined') {\n disableInteraction = !!currentElement.getAttribute('data-disable-interaction');\n } else {\n disableInteraction = this._options.disableInteraction;\n }\n\n introItems[nextStep] = {\n element: currentElement,\n intro: currentElement.getAttribute('data-intro'),\n step: nextStep + 1,\n tooltipClass: currentElement.getAttribute('data-tooltipclass'),\n highlightClass: currentElement.getAttribute('data-highlightclass'),\n position: currentElement.getAttribute('data-position') || this._options.tooltipPosition,\n scrollTo: currentElement.getAttribute('data-scrollto') || this._options.scrollTo,\n disableInteraction: disableInteraction\n };\n }\n }.bind(this));\n } //removing undefined/null elements\n\n\n var tempIntroItems = [];\n\n for (var z = 0; z < introItems.length; z++) {\n if (introItems[z]) {\n // copy non-falsy values to the end of the array\n tempIntroItems.push(introItems[z]);\n }\n }\n\n introItems = tempIntroItems; //Ok, sort all items with given steps\n\n introItems.sort(function (a, b) {\n return a.step - b.step;\n }); //set it to the introJs object\n\n this._introItems = introItems; //add overlay layer to the page\n\n if (_addOverlayLayer.call(this, targetElm)) {\n //then, start the show\n _nextStep.call(this);\n\n if (this._options.keyboardNavigation) {\n DOMEvent.on(window, 'keydown', _onKeyDown, this, true);\n } //for window resize\n\n\n DOMEvent.on(window, 'resize', _onResize, this, true);\n }\n\n return false;\n }\n\n function _onResize() {\n this.refresh.call(this);\n }\n /**\n * on keyCode:\n * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n * This feature has been removed from the Web standards.\n * Though some browsers may still support it, it is in\n * the process of being dropped.\n * Instead, you should use KeyboardEvent.code,\n * if it's implemented.\n *\n * jQuery's approach is to test for\n * (1) e.which, then\n * (2) e.charCode, then\n * (3) e.keyCode\n * https://github.com/jquery/jquery/blob/a6b0705294d336ae2f63f7276de0da1195495363/src/event.js#L638\n *\n * @param type var\n * @return type\n */\n\n\n function _onKeyDown(e) {\n var code = e.code === null ? e.which : e.code; // if code/e.which is null\n\n if (code === null) {\n code = e.charCode === null ? e.keyCode : e.charCode;\n }\n\n if ((code === 'Escape' || code === 27) && this._options.exitOnEsc === true) {\n //escape key pressed, exit the intro\n //check if exit callback is defined\n _exitIntro.call(this, this._targetElement);\n } else if (code === 'ArrowLeft' || code === 37) {\n //left arrow\n _previousStep.call(this);\n } else if (code === 'ArrowRight' || code === 39) {\n //right arrow\n _nextStep.call(this);\n } else if (code === 'Enter' || code === 13) {\n //srcElement === ie\n var target = e.target || e.srcElement;\n\n if (target && target.className.match('introjs-prevbutton')) {\n //user hit enter while focusing on previous button\n _previousStep.call(this);\n } else if (target && target.className.match('introjs-skipbutton')) {\n //user hit enter while focusing on skip button\n if (this._introItems.length - 1 === this._currentStep && typeof this._introCompleteCallback === 'function') {\n this._introCompleteCallback.call(this);\n }\n\n _exitIntro.call(this, this._targetElement);\n } else if (target && target.getAttribute('data-stepnumber')) {\n // user hit enter while focusing on step bullet\n target.click();\n } else {\n //default behavior for responding to enter\n _nextStep.call(this);\n } //prevent default behaviour on hitting Enter, to prevent steps being skipped in some browsers\n\n\n if (e.preventDefault) {\n e.preventDefault();\n } else {\n e.returnValue = false;\n }\n }\n }\n /*\n * makes a copy of the object\n * @api private\n * @method _cloneObject\n */\n\n\n function _cloneObject(object) {\n if (object === null || typeof object !== 'object' || typeof object.nodeType !== 'undefined') {\n return object;\n }\n\n var temp = {};\n\n for (var key in object) {\n if (typeof window.jQuery !== 'undefined' && object[key] instanceof window.jQuery) {\n temp[key] = object[key];\n } else {\n temp[key] = _cloneObject(object[key]);\n }\n }\n\n return temp;\n }\n /**\n * Go to specific step of introduction\n *\n * @api private\n * @method _goToStep\n */\n\n\n function _goToStep(step) {\n //because steps starts with zero\n this._currentStep = step - 2;\n\n if (typeof this._introItems !== 'undefined') {\n _nextStep.call(this);\n }\n }\n /**\n * Go to the specific step of introduction with the explicit [data-step] number\n *\n * @api private\n * @method _goToStepNumber\n */\n\n\n function _goToStepNumber(step) {\n this._currentStepNumber = step;\n\n if (typeof this._introItems !== 'undefined') {\n _nextStep.call(this);\n }\n }\n /**\n * Go to next step on intro\n *\n * @api private\n * @method _nextStep\n */\n\n\n function _nextStep() {\n this._direction = 'forward';\n\n if (typeof this._currentStepNumber !== 'undefined') {\n _forEach(this._introItems, function (item, i) {\n if (item.step === this._currentStepNumber) {\n this._currentStep = i - 1;\n this._currentStepNumber = undefined;\n }\n }.bind(this));\n }\n\n if (typeof this._currentStep === 'undefined') {\n this._currentStep = 0;\n } else {\n ++this._currentStep;\n }\n\n var nextStep = this._introItems[this._currentStep];\n var continueStep = true;\n\n if (typeof this._introBeforeChangeCallback !== 'undefined') {\n continueStep = this._introBeforeChangeCallback.call(this, nextStep.element);\n } // if `onbeforechange` returned `false`, stop displaying the element\n\n\n if (continueStep === false) {\n --this._currentStep;\n return false;\n }\n\n if (this._introItems.length <= this._currentStep) {\n //end of the intro\n //check if any callback is defined\n if (typeof this._introCompleteCallback === 'function') {\n this._introCompleteCallback.call(this);\n }\n\n _exitIntro.call(this, this._targetElement);\n\n return;\n }\n\n _showElement.call(this, nextStep);\n }\n /**\n * Go to previous step on intro\n *\n * @api private\n * @method _previousStep\n */\n\n\n function _previousStep() {\n this._direction = 'backward';\n\n if (this._currentStep === 0) {\n return false;\n }\n\n --this._currentStep;\n var nextStep = this._introItems[this._currentStep];\n var continueStep = true;\n\n if (typeof this._introBeforeChangeCallback !== 'undefined') {\n continueStep = this._introBeforeChangeCallback.call(this, nextStep.element);\n } // if `onbeforechange` returned `false`, stop displaying the element\n\n\n if (continueStep === false) {\n ++this._currentStep;\n return false;\n }\n\n _showElement.call(this, nextStep);\n }\n /**\n * Update placement of the intro objects on the screen\n * @api private\n */\n\n\n function _refresh() {\n // re-align intros\n _setHelperLayerPosition.call(this, document.querySelector('.introjs-helperLayer'));\n\n _setHelperLayerPosition.call(this, document.querySelector('.introjs-tooltipReferenceLayer'));\n\n _setHelperLayerPosition.call(this, document.querySelector('.introjs-disableInteraction')); // re-align tooltip\n\n\n if (this._currentStep !== undefined && this._currentStep !== null) {\n var oldHelperNumberLayer = document.querySelector('.introjs-helperNumberLayer'),\n oldArrowLayer = document.querySelector('.introjs-arrow'),\n oldtooltipContainer = document.querySelector('.introjs-tooltip');\n\n _placeTooltip.call(this, this._introItems[this._currentStep].element, oldtooltipContainer, oldArrowLayer, oldHelperNumberLayer);\n } //re-align hints\n\n\n _reAlignHints.call(this);\n\n return this;\n }\n /**\n * Exit from intro\n *\n * @api private\n * @method _exitIntro\n * @param {Object} targetElement\n * @param {Boolean} force - Setting to `true` will skip the result of beforeExit callback\n */\n\n\n function _exitIntro(targetElement, force) {\n var continueExit = true; // calling onbeforeexit callback\n //\n // If this callback return `false`, it would halt the process\n\n if (this._introBeforeExitCallback !== undefined) {\n continueExit = this._introBeforeExitCallback.call(this);\n } // skip this check if `force` parameter is `true`\n // otherwise, if `onbeforeexit` returned `false`, don't exit the intro\n\n\n if (!force && continueExit === false) return; //remove overlay layers from the page\n\n var overlayLayers = targetElement.querySelectorAll('.introjs-overlay');\n\n if (overlayLayers && overlayLayers.length) {\n _forEach(overlayLayers, function (overlayLayer) {\n overlayLayer.style.opacity = 0;\n window.setTimeout(function () {\n if (this.parentNode) {\n this.parentNode.removeChild(this);\n }\n }.bind(overlayLayer), 500);\n }.bind(this));\n } //remove all helper layers\n\n\n var helperLayer = targetElement.querySelector('.introjs-helperLayer');\n\n if (helperLayer) {\n helperLayer.parentNode.removeChild(helperLayer);\n }\n\n var referenceLayer = targetElement.querySelector('.introjs-tooltipReferenceLayer');\n\n if (referenceLayer) {\n referenceLayer.parentNode.removeChild(referenceLayer);\n } //remove disableInteractionLayer\n\n\n var disableInteractionLayer = targetElement.querySelector('.introjs-disableInteraction');\n\n if (disableInteractionLayer) {\n disableInteractionLayer.parentNode.removeChild(disableInteractionLayer);\n } //remove intro floating element\n\n\n var floatingElement = document.querySelector('.introjsFloatingElement');\n\n if (floatingElement) {\n floatingElement.parentNode.removeChild(floatingElement);\n }\n\n _removeShowElement(); //remove `introjs-fixParent` class from the elements\n\n\n var fixParents = document.querySelectorAll('.introjs-fixParent');\n\n _forEach(fixParents, function (parent) {\n _removeClass(parent, /introjs-fixParent/g);\n }); //clean listeners\n\n\n DOMEvent.off(window, 'keydown', _onKeyDown, this, true);\n DOMEvent.off(window, 'resize', _onResize, this, true); //check if any callback is defined\n\n if (this._introExitCallback !== undefined) {\n this._introExitCallback.call(this);\n } //set the step to zero\n\n\n this._currentStep = undefined;\n }\n /**\n * Render tooltip box in the page\n *\n * @api private\n * @method _placeTooltip\n * @param {HTMLElement} targetElement\n * @param {HTMLElement} tooltipLayer\n * @param {HTMLElement} arrowLayer\n * @param {HTMLElement} helperNumberLayer\n * @param {Boolean} hintMode\n */\n\n\n function _placeTooltip(targetElement, tooltipLayer, arrowLayer, helperNumberLayer, hintMode) {\n var tooltipCssClass = '',\n currentStepObj,\n tooltipOffset,\n targetOffset,\n windowSize,\n currentTooltipPosition;\n hintMode = hintMode || false; //reset the old style\n\n tooltipLayer.style.top = null;\n tooltipLayer.style.right = null;\n tooltipLayer.style.bottom = null;\n tooltipLayer.style.left = null;\n tooltipLayer.style.marginLeft = null;\n tooltipLayer.style.marginTop = null;\n arrowLayer.style.display = 'inherit';\n\n if (typeof helperNumberLayer !== 'undefined' && helperNumberLayer !== null) {\n helperNumberLayer.style.top = null;\n helperNumberLayer.style.left = null;\n } //prevent error when `this._currentStep` is undefined\n\n\n if (!this._introItems[this._currentStep]) return; //if we have a custom css class for each step\n\n currentStepObj = this._introItems[this._currentStep];\n\n if (typeof currentStepObj.tooltipClass === 'string') {\n tooltipCssClass = currentStepObj.tooltipClass;\n } else {\n tooltipCssClass = this._options.tooltipClass;\n }\n\n tooltipLayer.className = ('introjs-tooltip ' + tooltipCssClass).replace(/^\\s+|\\s+$/g, '');\n tooltipLayer.setAttribute('role', 'dialog');\n currentTooltipPosition = this._introItems[this._currentStep].position; // Floating is always valid, no point in calculating\n\n if (currentTooltipPosition !== \"floating\") {\n currentTooltipPosition = _determineAutoPosition.call(this, targetElement, tooltipLayer, currentTooltipPosition);\n }\n\n var tooltipLayerStyleLeft;\n targetOffset = _getOffset(targetElement);\n tooltipOffset = _getOffset(tooltipLayer);\n windowSize = _getWinSize();\n\n _addClass(tooltipLayer, 'introjs-' + currentTooltipPosition);\n\n switch (currentTooltipPosition) {\n case 'top-right-aligned':\n arrowLayer.className = 'introjs-arrow bottom-right';\n var tooltipLayerStyleRight = 0;\n\n _checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer);\n\n tooltipLayer.style.bottom = targetOffset.height + 20 + 'px';\n break;\n\n case 'top-middle-aligned':\n arrowLayer.className = 'introjs-arrow bottom-middle';\n var tooltipLayerStyleLeftRight = targetOffset.width / 2 - tooltipOffset.width / 2; // a fix for middle aligned hints\n\n if (hintMode) {\n tooltipLayerStyleLeftRight += 5;\n }\n\n if (_checkLeft(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, tooltipLayer)) {\n tooltipLayer.style.right = null;\n\n _checkRight(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, windowSize, tooltipLayer);\n }\n\n tooltipLayer.style.bottom = targetOffset.height + 20 + 'px';\n break;\n\n case 'top-left-aligned': // top-left-aligned is the same as the default top\n\n case 'top':\n arrowLayer.className = 'introjs-arrow bottom';\n tooltipLayerStyleLeft = hintMode ? 0 : 15;\n\n _checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer);\n\n tooltipLayer.style.bottom = targetOffset.height + 20 + 'px';\n break;\n\n case 'right':\n tooltipLayer.style.left = targetOffset.width + 20 + 'px';\n\n if (targetOffset.top + tooltipOffset.height > windowSize.height) {\n // In this case, right would have fallen below the bottom of the screen.\n // Modify so that the bottom of the tooltip connects with the target\n arrowLayer.className = \"introjs-arrow left-bottom\";\n tooltipLayer.style.top = \"-\" + (tooltipOffset.height - targetOffset.height - 20) + \"px\";\n } else {\n arrowLayer.className = 'introjs-arrow left';\n }\n\n break;\n\n case 'left':\n if (!hintMode && this._options.showStepNumbers === true) {\n tooltipLayer.style.top = '15px';\n }\n\n if (targetOffset.top + tooltipOffset.height > windowSize.height) {\n // In this case, left would have fallen below the bottom of the screen.\n // Modify so that the bottom of the tooltip connects with the target\n tooltipLayer.style.top = \"-\" + (tooltipOffset.height - targetOffset.height - 20) + \"px\";\n arrowLayer.className = 'introjs-arrow right-bottom';\n } else {\n arrowLayer.className = 'introjs-arrow right';\n }\n\n tooltipLayer.style.right = targetOffset.width + 20 + 'px';\n break;\n\n case 'floating':\n arrowLayer.style.display = 'none'; //we have to adjust the top and left of layer manually for intro items without element\n\n tooltipLayer.style.left = '50%';\n tooltipLayer.style.top = '50%';\n tooltipLayer.style.marginLeft = '-' + tooltipOffset.width / 2 + 'px';\n tooltipLayer.style.marginTop = '-' + tooltipOffset.height / 2 + 'px';\n\n if (typeof helperNumberLayer !== 'undefined' && helperNumberLayer !== null) {\n helperNumberLayer.style.left = '-' + (tooltipOffset.width / 2 + 18) + 'px';\n helperNumberLayer.style.top = '-' + (tooltipOffset.height / 2 + 18) + 'px';\n }\n\n break;\n\n case 'bottom-right-aligned':\n arrowLayer.className = 'introjs-arrow top-right';\n tooltipLayerStyleRight = 0;\n\n _checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer);\n\n tooltipLayer.style.top = targetOffset.height + 20 + 'px';\n break;\n\n case 'bottom-middle-aligned':\n arrowLayer.className = 'introjs-arrow top-middle';\n tooltipLayerStyleLeftRight = targetOffset.width / 2 - tooltipOffset.width / 2; // a fix for middle aligned hints\n\n if (hintMode) {\n tooltipLayerStyleLeftRight += 5;\n }\n\n if (_checkLeft(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, tooltipLayer)) {\n tooltipLayer.style.right = null;\n\n _checkRight(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, windowSize, tooltipLayer);\n }\n\n tooltipLayer.style.top = targetOffset.height + 20 + 'px';\n break;\n // case 'bottom-left-aligned':\n // Bottom-left-aligned is the same as the default bottom\n // case 'bottom':\n // Bottom going to follow the default behavior\n\n default:\n arrowLayer.className = 'introjs-arrow top';\n tooltipLayerStyleLeft = 0;\n\n _checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer);\n\n tooltipLayer.style.top = targetOffset.height + 20 + 'px';\n }\n }\n /**\n * Set tooltip left so it doesn't go off the right side of the window\n *\n * @return boolean true, if tooltipLayerStyleLeft is ok. false, otherwise.\n */\n\n\n function _checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer) {\n if (targetOffset.left + tooltipLayerStyleLeft + tooltipOffset.width > windowSize.width) {\n // off the right side of the window\n tooltipLayer.style.left = windowSize.width - tooltipOffset.width - targetOffset.left + 'px';\n return false;\n }\n\n tooltipLayer.style.left = tooltipLayerStyleLeft + 'px';\n return true;\n }\n /**\n * Set tooltip right so it doesn't go off the left side of the window\n *\n * @return boolean true, if tooltipLayerStyleRight is ok. false, otherwise.\n */\n\n\n function _checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer) {\n if (targetOffset.left + targetOffset.width - tooltipLayerStyleRight - tooltipOffset.width < 0) {\n // off the left side of the window\n tooltipLayer.style.left = -targetOffset.left + 'px';\n return false;\n }\n\n tooltipLayer.style.right = tooltipLayerStyleRight + 'px';\n return true;\n }\n /**\n * Determines the position of the tooltip based on the position precedence and availability\n * of screen space.\n *\n * @param {Object} targetElement\n * @param {Object} tooltipLayer\n * @param {String} desiredTooltipPosition\n * @return {String} calculatedPosition\n */\n\n\n function _determineAutoPosition(targetElement, tooltipLayer, desiredTooltipPosition) {\n // Take a clone of position precedence. These will be the available\n var possiblePositions = this._options.positionPrecedence.slice();\n\n var windowSize = _getWinSize();\n\n var tooltipHeight = _getOffset(tooltipLayer).height + 10;\n var tooltipWidth = _getOffset(tooltipLayer).width + 20;\n var targetElementRect = targetElement.getBoundingClientRect(); // If we check all the possible areas, and there are no valid places for the tooltip, the element\n // must take up most of the screen real estate. Show the tooltip floating in the middle of the screen.\n\n var calculatedPosition = \"floating\";\n /*\n * auto determine position \n */\n // Check for space below\n\n if (targetElementRect.bottom + tooltipHeight + tooltipHeight > windowSize.height) {\n _removeEntry(possiblePositions, \"bottom\");\n } // Check for space above\n\n\n if (targetElementRect.top - tooltipHeight < 0) {\n _removeEntry(possiblePositions, \"top\");\n } // Check for space to the right\n\n\n if (targetElementRect.right + tooltipWidth > windowSize.width) {\n _removeEntry(possiblePositions, \"right\");\n } // Check for space to the left\n\n\n if (targetElementRect.left - tooltipWidth < 0) {\n _removeEntry(possiblePositions, \"left\");\n } // @var {String} ex: 'right-aligned'\n\n\n var desiredAlignment = function (pos) {\n var hyphenIndex = pos.indexOf('-');\n\n if (hyphenIndex !== -1) {\n // has alignment\n return pos.substr(hyphenIndex);\n }\n\n return '';\n }(desiredTooltipPosition || ''); // strip alignment from position\n\n\n if (desiredTooltipPosition) {\n // ex: \"bottom-right-aligned\"\n // should return 'bottom'\n desiredTooltipPosition = desiredTooltipPosition.split('-')[0];\n }\n\n if (possiblePositions.length) {\n if (desiredTooltipPosition !== \"auto\" && possiblePositions.indexOf(desiredTooltipPosition) > -1) {\n // If the requested position is in the list, choose that\n calculatedPosition = desiredTooltipPosition;\n } else {\n // Pick the first valid position, in order\n calculatedPosition = possiblePositions[0];\n }\n } // only top and bottom positions have optional alignments\n\n\n if (['top', 'bottom'].indexOf(calculatedPosition) !== -1) {\n calculatedPosition += _determineAutoAlignment(targetElementRect.left, tooltipWidth, windowSize, desiredAlignment);\n }\n\n return calculatedPosition;\n }\n /**\n * auto-determine alignment\n * @param {Integer} offsetLeft\n * @param {Integer} tooltipWidth\n * @param {Object} windowSize\n * @param {String} desiredAlignment\n * @return {String} calculatedAlignment\n */\n\n\n function _determineAutoAlignment(offsetLeft, tooltipWidth, windowSize, desiredAlignment) {\n var halfTooltipWidth = tooltipWidth / 2,\n winWidth = Math.min(windowSize.width, window.screen.width),\n possibleAlignments = ['-left-aligned', '-middle-aligned', '-right-aligned'],\n calculatedAlignment = ''; // valid left must be at least a tooltipWidth\n // away from right side\n\n if (winWidth - offsetLeft < tooltipWidth) {\n _removeEntry(possibleAlignments, '-left-aligned');\n } // valid middle must be at least half \n // width away from both sides\n\n\n if (offsetLeft < halfTooltipWidth || winWidth - offsetLeft < halfTooltipWidth) {\n _removeEntry(possibleAlignments, '-middle-aligned');\n } // valid right must be at least a tooltipWidth\n // width away from left side\n\n\n if (offsetLeft < tooltipWidth) {\n _removeEntry(possibleAlignments, '-right-aligned');\n }\n\n if (possibleAlignments.length) {\n if (possibleAlignments.indexOf(desiredAlignment) !== -1) {\n // the desired alignment is valid\n calculatedAlignment = desiredAlignment;\n } else {\n // pick the first valid position, in order\n calculatedAlignment = possibleAlignments[0];\n }\n } else {\n // if screen width is too small \n // for ANY alignment, middle is \n // probably the best for visibility\n calculatedAlignment = '-middle-aligned';\n }\n\n return calculatedAlignment;\n }\n /**\n * Remove an entry from a string array if it's there, does nothing if it isn't there.\n *\n * @param {Array} stringArray\n * @param {String} stringToRemove\n */\n\n\n function _removeEntry(stringArray, stringToRemove) {\n if (stringArray.indexOf(stringToRemove) > -1) {\n stringArray.splice(stringArray.indexOf(stringToRemove), 1);\n }\n }\n /**\n * Update the position of the helper layer on the screen\n *\n * @api private\n * @method _setHelperLayerPosition\n * @param {Object} helperLayer\n */\n\n\n function _setHelperLayerPosition(helperLayer) {\n if (helperLayer) {\n //prevent error when `this._currentStep` in undefined\n if (!this._introItems[this._currentStep]) return;\n\n var currentElement = this._introItems[this._currentStep],\n elementPosition = _getOffset(currentElement.element),\n widthHeightPadding = this._options.helperElementPadding; // If the target element is fixed, the tooltip should be fixed as well.\n // Otherwise, remove a fixed class that may be left over from the previous\n // step.\n\n\n if (_isFixed(currentElement.element)) {\n _addClass(helperLayer, 'introjs-fixedTooltip');\n } else {\n _removeClass(helperLayer, 'introjs-fixedTooltip');\n }\n\n if (currentElement.position === 'floating') {\n widthHeightPadding = 0;\n } //set new position to helper layer\n\n\n helperLayer.style.cssText = 'width: ' + (elementPosition.width + widthHeightPadding) + 'px; ' + 'height:' + (elementPosition.height + widthHeightPadding) + 'px; ' + 'top:' + (elementPosition.top - widthHeightPadding / 2) + 'px;' + 'left: ' + (elementPosition.left - widthHeightPadding / 2) + 'px;';\n }\n }\n /**\n * Add disableinteraction layer and adjust the size and position of the layer\n *\n * @api private\n * @method _disableInteraction\n */\n\n\n function _disableInteraction() {\n var disableInteractionLayer = document.querySelector('.introjs-disableInteraction');\n\n if (disableInteractionLayer === null) {\n disableInteractionLayer = document.createElement('div');\n disableInteractionLayer.className = 'introjs-disableInteraction';\n\n this._targetElement.appendChild(disableInteractionLayer);\n }\n\n _setHelperLayerPosition.call(this, disableInteractionLayer);\n }\n /**\n * Setting anchors to behave like buttons\n *\n * @api private\n * @method _setAnchorAsButton\n */\n\n\n function _setAnchorAsButton(anchor) {\n anchor.setAttribute('role', 'button');\n anchor.tabIndex = 0;\n }\n /**\n * Show an element on the page\n *\n * @api private\n * @method _showElement\n * @param {Object} targetElement\n */\n\n\n function _showElement(targetElement) {\n if (typeof this._introChangeCallback !== 'undefined') {\n this._introChangeCallback.call(this, targetElement.element);\n }\n\n var self = this,\n oldHelperLayer = document.querySelector('.introjs-helperLayer'),\n oldReferenceLayer = document.querySelector('.introjs-tooltipReferenceLayer'),\n highlightClass = 'introjs-helperLayer',\n nextTooltipButton,\n prevTooltipButton,\n skipTooltipButton,\n scrollParent; //check for a current step highlight class\n\n if (typeof targetElement.highlightClass === 'string') {\n highlightClass += ' ' + targetElement.highlightClass;\n } //check for options highlight class\n\n\n if (typeof this._options.highlightClass === 'string') {\n highlightClass += ' ' + this._options.highlightClass;\n }\n\n if (oldHelperLayer !== null) {\n var oldHelperNumberLayer = oldReferenceLayer.querySelector('.introjs-helperNumberLayer'),\n oldtooltipLayer = oldReferenceLayer.querySelector('.introjs-tooltiptext'),\n oldArrowLayer = oldReferenceLayer.querySelector('.introjs-arrow'),\n oldtooltipContainer = oldReferenceLayer.querySelector('.introjs-tooltip');\n skipTooltipButton = oldReferenceLayer.querySelector('.introjs-skipbutton');\n prevTooltipButton = oldReferenceLayer.querySelector('.introjs-prevbutton');\n nextTooltipButton = oldReferenceLayer.querySelector('.introjs-nextbutton'); //update or reset the helper highlight class\n\n oldHelperLayer.className = highlightClass; //hide the tooltip\n\n oldtooltipContainer.style.opacity = 0;\n oldtooltipContainer.style.display = \"none\";\n\n if (oldHelperNumberLayer !== null) {\n var lastIntroItem = this._introItems[targetElement.step - 2 >= 0 ? targetElement.step - 2 : 0];\n\n if (lastIntroItem !== null && this._direction === 'forward' && lastIntroItem.position === 'floating' || this._direction === 'backward' && targetElement.position === 'floating') {\n oldHelperNumberLayer.style.opacity = 0;\n }\n } // scroll to element\n\n\n scrollParent = _getScrollParent(targetElement.element);\n\n if (scrollParent !== document.body) {\n // target is within a scrollable element\n _scrollParentToElement(scrollParent, targetElement.element);\n } // set new position to helper layer\n\n\n _setHelperLayerPosition.call(self, oldHelperLayer);\n\n _setHelperLayerPosition.call(self, oldReferenceLayer); //remove `introjs-fixParent` class from the elements\n\n\n var fixParents = document.querySelectorAll('.introjs-fixParent');\n\n _forEach(fixParents, function (parent) {\n _removeClass(parent, /introjs-fixParent/g);\n }); //remove old classes if the element still exist\n\n\n _removeShowElement(); //we should wait until the CSS3 transition is competed (it's 0.3 sec) to prevent incorrect `height` and `width` calculation\n\n\n if (self._lastShowElementTimer) {\n window.clearTimeout(self._lastShowElementTimer);\n }\n\n self._lastShowElementTimer = window.setTimeout(function () {\n //set current step to the label\n if (oldHelperNumberLayer !== null) {\n oldHelperNumberLayer.innerHTML = targetElement.step;\n } //set current tooltip text\n\n\n oldtooltipLayer.innerHTML = targetElement.intro; //set the tooltip position\n\n oldtooltipContainer.style.display = \"block\";\n\n _placeTooltip.call(self, targetElement.element, oldtooltipContainer, oldArrowLayer, oldHelperNumberLayer); //change active bullet\n\n\n if (self._options.showBullets) {\n oldReferenceLayer.querySelector('.introjs-bullets li > a.active').className = '';\n oldReferenceLayer.querySelector('.introjs-bullets li > a[data-stepnumber=\"' + targetElement.step + '\"]').className = 'active';\n }\n\n oldReferenceLayer.querySelector('.introjs-progress .introjs-progressbar').style.cssText = 'width:' + _getProgress.call(self) + '%;';\n oldReferenceLayer.querySelector('.introjs-progress .introjs-progressbar').setAttribute('aria-valuenow', _getProgress.call(self)); //show the tooltip\n\n oldtooltipContainer.style.opacity = 1;\n if (oldHelperNumberLayer) oldHelperNumberLayer.style.opacity = 1; //reset button focus\n\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null && /introjs-donebutton/gi.test(skipTooltipButton.className)) {\n // skip button is now \"done\" button\n skipTooltipButton.focus();\n } else if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n //still in the tour, focus on next\n nextTooltipButton.focus();\n } // change the scroll of the window, if needed\n\n\n _scrollTo.call(self, targetElement.scrollTo, targetElement, oldtooltipLayer);\n }, 350); // end of old element if-else condition\n } else {\n var helperLayer = document.createElement('div'),\n referenceLayer = document.createElement('div'),\n arrowLayer = document.createElement('div'),\n tooltipLayer = document.createElement('div'),\n tooltipTextLayer = document.createElement('div'),\n bulletsLayer = document.createElement('div'),\n progressLayer = document.createElement('div'),\n buttonsLayer = document.createElement('div');\n helperLayer.className = highlightClass;\n referenceLayer.className = 'introjs-tooltipReferenceLayer'; // scroll to element\n\n scrollParent = _getScrollParent(targetElement.element);\n\n if (scrollParent !== document.body) {\n // target is within a scrollable element\n _scrollParentToElement(scrollParent, targetElement.element);\n } //set new position to helper layer\n\n\n _setHelperLayerPosition.call(self, helperLayer);\n\n _setHelperLayerPosition.call(self, referenceLayer); //add helper layer to target element\n\n\n this._targetElement.appendChild(helperLayer);\n\n this._targetElement.appendChild(referenceLayer);\n\n arrowLayer.className = 'introjs-arrow';\n tooltipTextLayer.className = 'introjs-tooltiptext';\n tooltipTextLayer.innerHTML = targetElement.intro;\n bulletsLayer.className = 'introjs-bullets';\n\n if (this._options.showBullets === false) {\n bulletsLayer.style.display = 'none';\n }\n\n var ulContainer = document.createElement('ul');\n ulContainer.setAttribute('role', 'tablist');\n\n var anchorClick = function () {\n self.goToStep(this.getAttribute('data-stepnumber'));\n };\n\n _forEach(this._introItems, function (item, i) {\n var innerLi = document.createElement('li');\n var anchorLink = document.createElement('a');\n innerLi.setAttribute('role', 'presentation');\n anchorLink.setAttribute('role', 'tab');\n anchorLink.onclick = anchorClick;\n\n if (i === targetElement.step - 1) {\n anchorLink.className = 'active';\n }\n\n _setAnchorAsButton(anchorLink);\n\n anchorLink.innerHTML = \" \";\n anchorLink.setAttribute('data-stepnumber', item.step);\n innerLi.appendChild(anchorLink);\n ulContainer.appendChild(innerLi);\n });\n\n bulletsLayer.appendChild(ulContainer);\n progressLayer.className = 'introjs-progress';\n\n if (this._options.showProgress === false) {\n progressLayer.style.display = 'none';\n }\n\n var progressBar = document.createElement('div');\n progressBar.className = 'introjs-progressbar';\n progressBar.setAttribute('role', 'progress');\n progressBar.setAttribute('aria-valuemin', 0);\n progressBar.setAttribute('aria-valuemax', 100);\n progressBar.setAttribute('aria-valuenow', _getProgress.call(this));\n progressBar.style.cssText = 'width:' + _getProgress.call(this) + '%;';\n progressLayer.appendChild(progressBar);\n buttonsLayer.className = 'introjs-tooltipbuttons';\n\n if (this._options.showButtons === false) {\n buttonsLayer.style.display = 'none';\n }\n\n tooltipLayer.className = 'introjs-tooltip';\n tooltipLayer.appendChild(tooltipTextLayer);\n tooltipLayer.appendChild(bulletsLayer);\n tooltipLayer.appendChild(progressLayer); //add helper layer number\n\n var helperNumberLayer = document.createElement('span');\n\n if (this._options.showStepNumbers === true) {\n helperNumberLayer.className = 'introjs-helperNumberLayer';\n helperNumberLayer.innerHTML = targetElement.step;\n referenceLayer.appendChild(helperNumberLayer);\n }\n\n tooltipLayer.appendChild(arrowLayer);\n referenceLayer.appendChild(tooltipLayer); //next button\n\n nextTooltipButton = document.createElement('a');\n\n nextTooltipButton.onclick = function () {\n if (self._introItems.length - 1 !== self._currentStep) {\n _nextStep.call(self);\n }\n };\n\n _setAnchorAsButton(nextTooltipButton);\n\n nextTooltipButton.innerHTML = this._options.nextLabel; //previous button\n\n prevTooltipButton = document.createElement('a');\n\n prevTooltipButton.onclick = function () {\n if (self._currentStep !== 0) {\n _previousStep.call(self);\n }\n };\n\n _setAnchorAsButton(prevTooltipButton);\n\n prevTooltipButton.innerHTML = this._options.prevLabel; //skip button\n\n skipTooltipButton = document.createElement('a');\n skipTooltipButton.className = this._options.buttonClass + ' introjs-skipbutton ';\n\n _setAnchorAsButton(skipTooltipButton);\n\n skipTooltipButton.innerHTML = this._options.skipLabel;\n\n skipTooltipButton.onclick = function () {\n if (self._introItems.length - 1 === self._currentStep && typeof self._introCompleteCallback === 'function') {\n self._introCompleteCallback.call(self);\n }\n\n if (self._introItems.length - 1 !== self._currentStep && typeof self._introExitCallback === 'function') {\n self._introExitCallback.call(self);\n }\n\n if (typeof self._introSkipCallback === 'function') {\n self._introSkipCallback.call(self);\n }\n\n _exitIntro.call(self, self._targetElement);\n };\n\n buttonsLayer.appendChild(skipTooltipButton); //in order to prevent displaying next/previous button always\n\n if (this._introItems.length > 1) {\n buttonsLayer.appendChild(prevTooltipButton);\n buttonsLayer.appendChild(nextTooltipButton);\n }\n\n tooltipLayer.appendChild(buttonsLayer); //set proper position\n\n _placeTooltip.call(self, targetElement.element, tooltipLayer, arrowLayer, helperNumberLayer); // change the scroll of the window, if needed\n\n\n _scrollTo.call(this, targetElement.scrollTo, targetElement, tooltipLayer); //end of new element if-else condition\n\n } // removing previous disable interaction layer\n\n\n var disableInteractionLayer = self._targetElement.querySelector('.introjs-disableInteraction');\n\n if (disableInteractionLayer) {\n disableInteractionLayer.parentNode.removeChild(disableInteractionLayer);\n } //disable interaction\n\n\n if (targetElement.disableInteraction) {\n _disableInteraction.call(self);\n } // when it's the first step of tour\n\n\n if (this._currentStep === 0 && this._introItems.length > 1) {\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null) {\n skipTooltipButton.className = this._options.buttonClass + ' introjs-skipbutton';\n }\n\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n nextTooltipButton.className = this._options.buttonClass + ' introjs-nextbutton';\n }\n\n if (this._options.hidePrev === true) {\n if (typeof prevTooltipButton !== \"undefined\" && prevTooltipButton !== null) {\n prevTooltipButton.className = this._options.buttonClass + ' introjs-prevbutton introjs-hidden';\n }\n\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n _addClass(nextTooltipButton, 'introjs-fullbutton');\n }\n } else {\n if (typeof prevTooltipButton !== \"undefined\" && prevTooltipButton !== null) {\n prevTooltipButton.className = this._options.buttonClass + ' introjs-prevbutton introjs-disabled';\n }\n }\n\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null) {\n skipTooltipButton.innerHTML = this._options.skipLabel;\n }\n } else if (this._introItems.length - 1 === this._currentStep || this._introItems.length === 1) {\n // last step of tour\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null) {\n skipTooltipButton.innerHTML = this._options.doneLabel; // adding donebutton class in addition to skipbutton\n\n _addClass(skipTooltipButton, 'introjs-donebutton');\n }\n\n if (typeof prevTooltipButton !== \"undefined\" && prevTooltipButton !== null) {\n prevTooltipButton.className = this._options.buttonClass + ' introjs-prevbutton';\n }\n\n if (this._options.hideNext === true) {\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n nextTooltipButton.className = this._options.buttonClass + ' introjs-nextbutton introjs-hidden';\n }\n\n if (typeof prevTooltipButton !== \"undefined\" && prevTooltipButton !== null) {\n _addClass(prevTooltipButton, 'introjs-fullbutton');\n }\n } else {\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n nextTooltipButton.className = this._options.buttonClass + ' introjs-nextbutton introjs-disabled';\n }\n }\n } else {\n // steps between start and end\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null) {\n skipTooltipButton.className = this._options.buttonClass + ' introjs-skipbutton';\n }\n\n if (typeof prevTooltipButton !== \"undefined\" && prevTooltipButton !== null) {\n prevTooltipButton.className = this._options.buttonClass + ' introjs-prevbutton';\n }\n\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n nextTooltipButton.className = this._options.buttonClass + ' introjs-nextbutton';\n }\n\n if (typeof skipTooltipButton !== \"undefined\" && skipTooltipButton !== null) {\n skipTooltipButton.innerHTML = this._options.skipLabel;\n }\n }\n\n prevTooltipButton.setAttribute('role', 'button');\n nextTooltipButton.setAttribute('role', 'button');\n skipTooltipButton.setAttribute('role', 'button'); //Set focus on \"next\" button, so that hitting Enter always moves you onto the next step\n\n if (typeof nextTooltipButton !== \"undefined\" && nextTooltipButton !== null) {\n nextTooltipButton.focus();\n }\n\n _setShowElement(targetElement);\n\n if (typeof this._introAfterChangeCallback !== 'undefined') {\n this._introAfterChangeCallback.call(this, targetElement.element);\n }\n }\n /**\n * To change the scroll of `window` after highlighting an element\n *\n * @api private\n * @method _scrollTo\n * @param {String} scrollTo\n * @param {Object} targetElement\n * @param {Object} tooltipLayer\n */\n\n\n function _scrollTo(scrollTo, targetElement, tooltipLayer) {\n if (scrollTo === 'off') return;\n var rect;\n if (!this._options.scrollToElement) return;\n\n if (scrollTo === 'tooltip') {\n rect = tooltipLayer.getBoundingClientRect();\n } else {\n rect = targetElement.element.getBoundingClientRect();\n }\n\n if (!_elementInViewport(targetElement.element)) {\n var winHeight = _getWinSize().height;\n\n var top = rect.bottom - (rect.bottom - rect.top); // TODO (afshinm): do we need scroll padding now?\n // I have changed the scroll option and now it scrolls the window to\n // the center of the target element or tooltip.\n\n if (top < 0 || targetElement.element.clientHeight > winHeight) {\n window.scrollBy(0, rect.top - (winHeight / 2 - rect.height / 2) - this._options.scrollPadding); // 30px padding from edge to look nice\n //Scroll down\n } else {\n window.scrollBy(0, rect.top - (winHeight / 2 - rect.height / 2) + this._options.scrollPadding); // 30px padding from edge to look nice\n }\n }\n }\n /**\n * To remove all show element(s)\n *\n * @api private\n * @method _removeShowElement\n */\n\n\n function _removeShowElement() {\n var elms = document.querySelectorAll('.introjs-showElement');\n\n _forEach(elms, function (elm) {\n _removeClass(elm, /introjs-[a-zA-Z]+/g);\n });\n }\n /**\n * To set the show element\n * This function set a relative (in most cases) position and changes the z-index\n *\n * @api private\n * @method _setShowElement\n * @param {Object} targetElement\n */\n\n\n function _setShowElement(targetElement) {\n var parentElm; // we need to add this show element class to the parent of SVG elements\n // because the SVG elements can't have independent z-index\n\n if (targetElement.element instanceof SVGElement) {\n parentElm = targetElement.element.parentNode;\n\n while (targetElement.element.parentNode !== null) {\n if (!parentElm.tagName || parentElm.tagName.toLowerCase() === 'body') break;\n\n if (parentElm.tagName.toLowerCase() === 'svg') {\n _addClass(parentElm, 'introjs-showElement introjs-relativePosition');\n }\n\n parentElm = parentElm.parentNode;\n }\n }\n\n _addClass(targetElement.element, 'introjs-showElement');\n\n var currentElementPosition = _getPropValue(targetElement.element, 'position');\n\n if (currentElementPosition !== 'absolute' && currentElementPosition !== 'relative' && currentElementPosition !== 'fixed') {\n //change to new intro item\n _addClass(targetElement.element, 'introjs-relativePosition');\n }\n\n parentElm = targetElement.element.parentNode;\n\n while (parentElm !== null) {\n if (!parentElm.tagName || parentElm.tagName.toLowerCase() === 'body') break; //fix The Stacking Context problem.\n //More detail: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context\n\n var zIndex = _getPropValue(parentElm, 'z-index');\n\n var opacity = parseFloat(_getPropValue(parentElm, 'opacity'));\n\n var transform = _getPropValue(parentElm, 'transform') || _getPropValue(parentElm, '-webkit-transform') || _getPropValue(parentElm, '-moz-transform') || _getPropValue(parentElm, '-ms-transform') || _getPropValue(parentElm, '-o-transform');\n\n if (/[0-9]+/.test(zIndex) || opacity < 1 || transform !== 'none' && transform !== undefined) {\n _addClass(parentElm, 'introjs-fixParent');\n }\n\n parentElm = parentElm.parentNode;\n }\n }\n /**\n * Iterates arrays\n *\n * @param {Array} arr\n * @param {Function} forEachFnc\n * @param {Function} completeFnc\n * @return {Null}\n */\n\n\n function _forEach(arr, forEachFnc, completeFnc) {\n // in case arr is an empty query selector node list\n if (arr) {\n for (var i = 0, len = arr.length; i < len; i++) {\n forEachFnc(arr[i], i);\n }\n }\n\n if (typeof completeFnc === 'function') {\n completeFnc();\n }\n }\n /**\n * Mark any object with an incrementing number\n * used for keeping track of objects\n *\n * @param Object obj Any object or DOM Element\n * @param String key\n * @return Object\n */\n\n\n var _stamp = function () {\n var keys = {};\n return function stamp(obj, key) {\n // get group key\n key = key || 'introjs-stamp'; // each group increments from 0\n\n keys[key] = keys[key] || 0; // stamp only once per object\n\n if (obj[key] === undefined) {\n // increment key for each new object\n obj[key] = keys[key]++;\n }\n\n return obj[key];\n };\n }();\n /**\n * DOMEvent Handles all DOM events\n *\n * methods:\n *\n * on - add event handler\n * off - remove event\n */\n\n\n var DOMEvent = function () {\n function DOMEvent() {\n var events_key = 'introjs_event';\n /**\n * Gets a unique ID for an event listener\n *\n * @param Object obj\n * @param String type event type\n * @param Function listener\n * @param Object context\n * @return String\n */\n\n this._id = function (obj, type, listener, context) {\n return type + _stamp(listener) + (context ? '_' + _stamp(context) : '');\n };\n /**\n * Adds event listener\n *\n * @param Object obj\n * @param String type event type\n * @param Function listener\n * @param Object context\n * @param Boolean useCapture\n * @return null\n */\n\n\n this.on = function (obj, type, listener, context, useCapture) {\n var id = this._id.apply(this, arguments),\n handler = function (e) {\n return listener.call(context || obj, e || window.event);\n };\n\n if ('addEventListener' in obj) {\n obj.addEventListener(type, handler, useCapture);\n } else if ('attachEvent' in obj) {\n obj.attachEvent('on' + type, handler);\n }\n\n obj[events_key] = obj[events_key] || {};\n obj[events_key][id] = handler;\n };\n /**\n * Removes event listener\n *\n * @param Object obj\n * @param String type event type\n * @param Function listener\n * @param Object context\n * @param Boolean useCapture\n * @return null\n */\n\n\n this.off = function (obj, type, listener, context, useCapture) {\n var id = this._id.apply(this, arguments),\n handler = obj[events_key] && obj[events_key][id];\n\n if (!handler) {\n return;\n }\n\n if ('removeEventListener' in obj) {\n obj.removeEventListener(type, handler, useCapture);\n } else if ('detachEvent' in obj) {\n obj.detachEvent('on' + type, handler);\n }\n\n obj[events_key][id] = null;\n };\n }\n\n return new DOMEvent();\n }();\n /**\n * Append a class to an element\n *\n * @api private\n * @method _addClass\n * @param {Object} element\n * @param {String} className\n * @returns null\n */\n\n\n function _addClass(element, className) {\n if (element instanceof SVGElement) {\n // svg\n var pre = element.getAttribute('class') || '';\n element.setAttribute('class', pre + ' ' + className);\n } else {\n if (element.classList !== undefined) {\n // check for modern classList property\n var classes = className.split(' ');\n\n _forEach(classes, function (cls) {\n element.classList.add(cls);\n });\n } else if (!element.className.match(className)) {\n // check if element doesn't already have className\n element.className += ' ' + className;\n }\n }\n }\n /**\n * Remove a class from an element\n *\n * @api private\n * @method _removeClass\n * @param {Object} element\n * @param {RegExp|String} classNameRegex can be regex or string\n * @returns null\n */\n\n\n function _removeClass(element, classNameRegex) {\n if (element instanceof SVGElement) {\n var pre = element.getAttribute('class') || '';\n element.setAttribute('class', pre.replace(classNameRegex, '').replace(/^\\s+|\\s+$/g, ''));\n } else {\n element.className = element.className.replace(classNameRegex, '').replace(/^\\s+|\\s+$/g, '');\n }\n }\n /**\n * Get an element CSS property on the page\n * Thanks to JavaScript Kit: http://www.javascriptkit.com/dhtmltutors/dhtmlcascade4.shtml\n *\n * @api private\n * @method _getPropValue\n * @param {Object} element\n * @param {String} propName\n * @returns Element's property value\n */\n\n\n function _getPropValue(element, propName) {\n var propValue = '';\n\n if (element.currentStyle) {\n //IE\n propValue = element.currentStyle[propName];\n } else if (document.defaultView && document.defaultView.getComputedStyle) {\n //Others\n propValue = document.defaultView.getComputedStyle(element, null).getPropertyValue(propName);\n } //Prevent exception in IE\n\n\n if (propValue && propValue.toLowerCase) {\n return propValue.toLowerCase();\n } else {\n return propValue;\n }\n }\n /**\n * Checks to see if target element (or parents) position is fixed or not\n *\n * @api private\n * @method _isFixed\n * @param {Object} element\n * @returns Boolean\n */\n\n\n function _isFixed(element) {\n var p = element.parentNode;\n\n if (!p || p.nodeName === 'HTML') {\n return false;\n }\n\n if (_getPropValue(element, 'position') === 'fixed') {\n return true;\n }\n\n return _isFixed(p);\n }\n /**\n * Provides a cross-browser way to get the screen dimensions\n * via: http://stackoverflow.com/questions/5864467/internet-explorer-innerheight\n *\n * @api private\n * @method _getWinSize\n * @returns {Object} width and height attributes\n */\n\n\n function _getWinSize() {\n if (window.innerWidth !== undefined) {\n return {\n width: window.innerWidth,\n height: window.innerHeight\n };\n } else {\n var D = document.documentElement;\n return {\n width: D.clientWidth,\n height: D.clientHeight\n };\n }\n }\n /**\n * Check to see if the element is in the viewport or not\n * http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport\n *\n * @api private\n * @method _elementInViewport\n * @param {Object} el\n */\n\n\n function _elementInViewport(el) {\n var rect = el.getBoundingClientRect();\n return rect.top >= 0 && rect.left >= 0 && rect.bottom + 80 <= window.innerHeight && // add 80 to get the text right\n rect.right <= window.innerWidth;\n }\n /**\n * Add overlay layer to the page\n *\n * @api private\n * @method _addOverlayLayer\n * @param {Object} targetElm\n */\n\n\n function _addOverlayLayer(targetElm) {\n var overlayLayer = document.createElement('div'),\n styleText = '',\n self = this; //set css class name\n\n overlayLayer.className = 'introjs-overlay'; //check if the target element is body, we should calculate the size of overlay layer in a better way\n\n if (!targetElm.tagName || targetElm.tagName.toLowerCase() === 'body') {\n styleText += 'top: 0;bottom: 0; left: 0;right: 0;position: fixed;';\n overlayLayer.style.cssText = styleText;\n } else {\n //set overlay layer position\n var elementPosition = _getOffset(targetElm);\n\n if (elementPosition) {\n styleText += 'width: ' + elementPosition.width + 'px; height:' + elementPosition.height + 'px; top:' + elementPosition.top + 'px;left: ' + elementPosition.left + 'px;';\n overlayLayer.style.cssText = styleText;\n }\n }\n\n targetElm.appendChild(overlayLayer);\n\n overlayLayer.onclick = function () {\n if (self._options.exitOnOverlayClick === true) {\n _exitIntro.call(self, targetElm);\n }\n };\n\n window.setTimeout(function () {\n styleText += 'opacity: ' + self._options.overlayOpacity.toString() + ';';\n overlayLayer.style.cssText = styleText;\n }, 10);\n return true;\n }\n /**\n * Removes open hint (tooltip hint)\n *\n * @api private\n * @method _removeHintTooltip\n */\n\n\n function _removeHintTooltip() {\n var tooltip = document.querySelector('.introjs-hintReference');\n\n if (tooltip) {\n var step = tooltip.getAttribute('data-step');\n tooltip.parentNode.removeChild(tooltip);\n return step;\n }\n }\n /**\n * Start parsing hint items\n *\n * @api private\n * @param {Object} targetElm\n * @method _startHint\n */\n\n\n function _populateHints(targetElm) {\n this._introItems = [];\n\n if (this._options.hints) {\n _forEach(this._options.hints, function (hint) {\n var currentItem = _cloneObject(hint);\n\n if (typeof currentItem.element === 'string') {\n //grab the element with given selector from the page\n currentItem.element = document.querySelector(currentItem.element);\n }\n\n currentItem.hintPosition = currentItem.hintPosition || this._options.hintPosition;\n currentItem.hintAnimation = currentItem.hintAnimation || this._options.hintAnimation;\n\n if (currentItem.element !== null) {\n this._introItems.push(currentItem);\n }\n }.bind(this));\n } else {\n var hints = targetElm.querySelectorAll('*[data-hint]');\n\n if (!hints || !hints.length) {\n return false;\n } //first add intro items with data-step\n\n\n _forEach(hints, function (currentElement) {\n // hint animation\n var hintAnimation = currentElement.getAttribute('data-hintanimation');\n\n if (hintAnimation) {\n hintAnimation = hintAnimation === 'true';\n } else {\n hintAnimation = this._options.hintAnimation;\n }\n\n this._introItems.push({\n element: currentElement,\n hint: currentElement.getAttribute('data-hint'),\n hintPosition: currentElement.getAttribute('data-hintposition') || this._options.hintPosition,\n hintAnimation: hintAnimation,\n tooltipClass: currentElement.getAttribute('data-tooltipclass'),\n position: currentElement.getAttribute('data-position') || this._options.tooltipPosition\n });\n }.bind(this));\n }\n\n _addHints.call(this);\n /* \n todo:\n these events should be removed at some point \n */\n\n\n DOMEvent.on(document, 'click', _removeHintTooltip, this, false);\n DOMEvent.on(window, 'resize', _reAlignHints, this, true);\n }\n /**\n * Re-aligns all hint elements\n *\n * @api private\n * @method _reAlignHints\n */\n\n\n function _reAlignHints() {\n _forEach(this._introItems, function (item) {\n if (typeof item.targetElement === 'undefined') {\n return;\n }\n\n _alignHintPosition.call(this, item.hintPosition, item.element, item.targetElement);\n }.bind(this));\n }\n /**\n * Get a queryselector within the hint wrapper\n *\n * @param {String} selector\n * @return {NodeList|Array}\n */\n\n\n function _hintQuerySelectorAll(selector) {\n var hintsWrapper = document.querySelector('.introjs-hints');\n return hintsWrapper ? hintsWrapper.querySelectorAll(selector) : [];\n }\n /**\n * Hide a hint\n *\n * @api private\n * @method _hideHint\n */\n\n\n function _hideHint(stepId) {\n var hint = _hintQuerySelectorAll('.introjs-hint[data-step=\"' + stepId + '\"]')[0];\n\n _removeHintTooltip.call(this);\n\n if (hint) {\n _addClass(hint, 'introjs-hidehint');\n } // call the callback function (if any)\n\n\n if (typeof this._hintCloseCallback !== 'undefined') {\n this._hintCloseCallback.call(this, stepId);\n }\n }\n /**\n * Hide all hints\n *\n * @api private\n * @method _hideHints\n */\n\n\n function _hideHints() {\n var hints = _hintQuerySelectorAll('.introjs-hint');\n\n _forEach(hints, function (hint) {\n _hideHint.call(this, hint.getAttribute('data-step'));\n }.bind(this));\n }\n /**\n * Show all hints\n *\n * @api private\n * @method _showHints\n */\n\n\n function _showHints() {\n var hints = _hintQuerySelectorAll('.introjs-hint');\n\n if (hints && hints.length) {\n _forEach(hints, function (hint) {\n _showHint.call(this, hint.getAttribute('data-step'));\n }.bind(this));\n } else {\n _populateHints.call(this, this._targetElement);\n }\n }\n /**\n * Show a hint\n *\n * @api private\n * @method _showHint\n */\n\n\n function _showHint(stepId) {\n var hint = _hintQuerySelectorAll('.introjs-hint[data-step=\"' + stepId + '\"]')[0];\n\n if (hint) {\n _removeClass(hint, /introjs-hidehint/g);\n }\n }\n /**\n * Removes all hint elements on the page\n * Useful when you want to destroy the elements and add them again (e.g. a modal or popup)\n *\n * @api private\n * @method _removeHints\n */\n\n\n function _removeHints() {\n var hints = _hintQuerySelectorAll('.introjs-hint');\n\n _forEach(hints, function (hint) {\n _removeHint.call(this, hint.getAttribute('data-step'));\n }.bind(this));\n }\n /**\n * Remove one single hint element from the page\n * Useful when you want to destroy the element and add them again (e.g. a modal or popup)\n * Use removeHints if you want to remove all elements.\n *\n * @api private\n * @method _removeHint\n */\n\n\n function _removeHint(stepId) {\n var hint = _hintQuerySelectorAll('.introjs-hint[data-step=\"' + stepId + '\"]')[0];\n\n if (hint) {\n hint.parentNode.removeChild(hint);\n }\n }\n /**\n * Add all available hints to the page\n *\n * @api private\n * @method _addHints\n */\n\n\n function _addHints() {\n var self = this;\n var hintsWrapper = document.querySelector('.introjs-hints');\n\n if (hintsWrapper === null) {\n hintsWrapper = document.createElement('div');\n hintsWrapper.className = 'introjs-hints';\n }\n /**\n * Returns an event handler unique to the hint iteration\n * \n * @param {Integer} i\n * @return {Function}\n */\n\n\n var getHintClick = function (i) {\n return function (e) {\n var evt = e ? e : window.event;\n\n if (evt.stopPropagation) {\n evt.stopPropagation();\n }\n\n if (evt.cancelBubble !== null) {\n evt.cancelBubble = true;\n }\n\n _showHintDialog.call(self, i);\n };\n };\n\n _forEach(this._introItems, function (item, i) {\n // avoid append a hint twice\n if (document.querySelector('.introjs-hint[data-step=\"' + i + '\"]')) {\n return;\n }\n\n var hint = document.createElement('a');\n\n _setAnchorAsButton(hint);\n\n hint.onclick = getHintClick(i);\n hint.className = 'introjs-hint';\n\n if (!item.hintAnimation) {\n _addClass(hint, 'introjs-hint-no-anim');\n } // hint's position should be fixed if the target element's position is fixed\n\n\n if (_isFixed(item.element)) {\n _addClass(hint, 'introjs-fixedhint');\n }\n\n var hintDot = document.createElement('div');\n hintDot.className = 'introjs-hint-dot';\n var hintPulse = document.createElement('div');\n hintPulse.className = 'introjs-hint-pulse';\n hint.appendChild(hintDot);\n hint.appendChild(hintPulse);\n hint.setAttribute('data-step', i); // we swap the hint element with target element\n // because _setHelperLayerPosition uses `element` property\n\n item.targetElement = item.element;\n item.element = hint; // align the hint position\n\n _alignHintPosition.call(this, item.hintPosition, hint, item.targetElement);\n\n hintsWrapper.appendChild(hint);\n }.bind(this)); // adding the hints wrapper\n\n\n document.body.appendChild(hintsWrapper); // call the callback function (if any)\n\n if (typeof this._hintsAddedCallback !== 'undefined') {\n this._hintsAddedCallback.call(this);\n }\n }\n /**\n * Aligns hint position\n *\n * @api private\n * @method _alignHintPosition\n * @param {String} position\n * @param {Object} hint\n * @param {Object} element\n */\n\n\n function _alignHintPosition(position, hint, element) {\n // get/calculate offset of target element\n var offset = _getOffset.call(this, element);\n\n var iconWidth = 20;\n var iconHeight = 20; // align the hint element\n\n switch (position) {\n default:\n case 'top-left':\n hint.style.left = offset.left + 'px';\n hint.style.top = offset.top + 'px';\n break;\n\n case 'top-right':\n hint.style.left = offset.left + offset.width - iconWidth + 'px';\n hint.style.top = offset.top + 'px';\n break;\n\n case 'bottom-left':\n hint.style.left = offset.left + 'px';\n hint.style.top = offset.top + offset.height - iconHeight + 'px';\n break;\n\n case 'bottom-right':\n hint.style.left = offset.left + offset.width - iconWidth + 'px';\n hint.style.top = offset.top + offset.height - iconHeight + 'px';\n break;\n\n case 'middle-left':\n hint.style.left = offset.left + 'px';\n hint.style.top = offset.top + (offset.height - iconHeight) / 2 + 'px';\n break;\n\n case 'middle-right':\n hint.style.left = offset.left + offset.width - iconWidth + 'px';\n hint.style.top = offset.top + (offset.height - iconHeight) / 2 + 'px';\n break;\n\n case 'middle-middle':\n hint.style.left = offset.left + (offset.width - iconWidth) / 2 + 'px';\n hint.style.top = offset.top + (offset.height - iconHeight) / 2 + 'px';\n break;\n\n case 'bottom-middle':\n hint.style.left = offset.left + (offset.width - iconWidth) / 2 + 'px';\n hint.style.top = offset.top + offset.height - iconHeight + 'px';\n break;\n\n case 'top-middle':\n hint.style.left = offset.left + (offset.width - iconWidth) / 2 + 'px';\n hint.style.top = offset.top + 'px';\n break;\n }\n }\n /**\n * Triggers when user clicks on the hint element\n *\n * @api private\n * @method _showHintDialog\n * @param {Number} stepId\n */\n\n\n function _showHintDialog(stepId) {\n var hintElement = document.querySelector('.introjs-hint[data-step=\"' + stepId + '\"]');\n var item = this._introItems[stepId]; // call the callback function (if any)\n\n if (typeof this._hintClickCallback !== 'undefined') {\n this._hintClickCallback.call(this, hintElement, item, stepId);\n } // remove all open tooltips\n\n\n var removedStep = _removeHintTooltip.call(this); // to toggle the tooltip\n\n\n if (parseInt(removedStep, 10) === stepId) {\n return;\n }\n\n var tooltipLayer = document.createElement('div');\n var tooltipTextLayer = document.createElement('div');\n var arrowLayer = document.createElement('div');\n var referenceLayer = document.createElement('div');\n tooltipLayer.className = 'introjs-tooltip';\n\n tooltipLayer.onclick = function (e) {\n //IE9 & Other Browsers\n if (e.stopPropagation) {\n e.stopPropagation();\n } //IE8 and Lower\n else {\n e.cancelBubble = true;\n }\n };\n\n tooltipTextLayer.className = 'introjs-tooltiptext';\n var tooltipWrapper = document.createElement('p');\n tooltipWrapper.innerHTML = item.hint;\n var closeButton = document.createElement('a');\n closeButton.className = this._options.buttonClass;\n closeButton.setAttribute('role', 'button');\n closeButton.innerHTML = this._options.hintButtonLabel;\n closeButton.onclick = _hideHint.bind(this, stepId);\n tooltipTextLayer.appendChild(tooltipWrapper);\n tooltipTextLayer.appendChild(closeButton);\n arrowLayer.className = 'introjs-arrow';\n tooltipLayer.appendChild(arrowLayer);\n tooltipLayer.appendChild(tooltipTextLayer); // set current step for _placeTooltip function\n\n this._currentStep = hintElement.getAttribute('data-step'); // align reference layer position\n\n referenceLayer.className = 'introjs-tooltipReferenceLayer introjs-hintReference';\n referenceLayer.setAttribute('data-step', hintElement.getAttribute('data-step'));\n\n _setHelperLayerPosition.call(this, referenceLayer);\n\n referenceLayer.appendChild(tooltipLayer);\n document.body.appendChild(referenceLayer); //set proper position\n\n _placeTooltip.call(this, hintElement, tooltipLayer, arrowLayer, null, true);\n }\n /**\n * Get an element position on the page\n * Thanks to `meouw`: http://stackoverflow.com/a/442474/375966\n *\n * @api private\n * @method _getOffset\n * @param {Object} element\n * @returns Element's position info\n */\n\n\n function _getOffset(element) {\n var body = document.body;\n var docEl = document.documentElement;\n var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;\n var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;\n var x = element.getBoundingClientRect();\n return {\n top: x.top + scrollTop,\n width: x.width,\n height: x.height,\n left: x.left + scrollLeft\n };\n }\n /**\n * Find the nearest scrollable parent\n * copied from https://stackoverflow.com/questions/35939886/find-first-scrollable-parent\n *\n * @param Element element\n * @return Element\n */\n\n\n function _getScrollParent(element) {\n var style = window.getComputedStyle(element);\n var excludeStaticParent = style.position === \"absolute\";\n var overflowRegex = /(auto|scroll)/;\n if (style.position === \"fixed\") return document.body;\n\n for (var parent = element; parent = parent.parentElement;) {\n style = window.getComputedStyle(parent);\n\n if (excludeStaticParent && style.position === \"static\") {\n continue;\n }\n\n if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;\n }\n\n return document.body;\n }\n /**\n * scroll a scrollable element to a child element\n *\n * @param Element parent\n * @param Element element\n * @return Null\n */\n\n\n function _scrollParentToElement(parent, element) {\n parent.scrollTop = element.offsetTop - parent.offsetTop;\n }\n /**\n * Gets the current progress percentage\n *\n * @api private\n * @method _getProgress\n * @returns current progress percentage\n */\n\n\n function _getProgress() {\n // Steps are 0 indexed\n var currentStep = parseInt(this._currentStep + 1, 10);\n return currentStep / this._introItems.length * 100;\n }\n /**\n * Overwrites obj1's values with obj2's and adds obj2's if non existent in obj1\n * via: http://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically\n *\n * @param obj1\n * @param obj2\n * @returns obj3 a new object based on obj1 and obj2\n */\n\n\n function _mergeOptions(obj1, obj2) {\n var obj3 = {},\n attrname;\n\n for (attrname in obj1) {\n obj3[attrname] = obj1[attrname];\n }\n\n for (attrname in obj2) {\n obj3[attrname] = obj2[attrname];\n }\n\n return obj3;\n }\n\n var introJs = function (targetElm) {\n var instance;\n\n if (typeof targetElm === 'object') {\n //Ok, create a new instance\n instance = new IntroJs(targetElm);\n } else if (typeof targetElm === 'string') {\n //select the target element with query selector\n var targetElement = document.querySelector(targetElm);\n\n if (targetElement) {\n instance = new IntroJs(targetElement);\n } else {\n throw new Error('There is no element with given selector.');\n }\n } else {\n instance = new IntroJs(document.body);\n } // add instance to list of _instances\n // passing group to _stamp to increment\n // from 0 onward somewhat reliably\n\n\n introJs.instances[_stamp(instance, 'introjs-instance')] = instance;\n return instance;\n };\n /**\n * Current IntroJs version\n *\n * @property version\n * @type String\n */\n\n\n introJs.version = VERSION;\n /**\n * key-val object helper for introJs instances\n *\n * @property instances\n * @type Object\n */\n\n introJs.instances = {}; //Prototype\n\n introJs.fn = IntroJs.prototype = {\n clone: function () {\n return new IntroJs(this);\n },\n setOption: function (option, value) {\n this._options[option] = value;\n return this;\n },\n setOptions: function (options) {\n this._options = _mergeOptions(this._options, options);\n return this;\n },\n start: function (group) {\n _introForElement.call(this, this._targetElement, group);\n\n return this;\n },\n goToStep: function (step) {\n _goToStep.call(this, step);\n\n return this;\n },\n addStep: function (options) {\n if (!this._options.steps) {\n this._options.steps = [];\n }\n\n this._options.steps.push(options);\n\n return this;\n },\n addSteps: function (steps) {\n if (!steps.length) return;\n\n for (var index = 0; index < steps.length; index++) {\n this.addStep(steps[index]);\n }\n\n return this;\n },\n goToStepNumber: function (step) {\n _goToStepNumber.call(this, step);\n\n return this;\n },\n nextStep: function () {\n _nextStep.call(this);\n\n return this;\n },\n previousStep: function () {\n _previousStep.call(this);\n\n return this;\n },\n exit: function (force) {\n _exitIntro.call(this, this._targetElement, force);\n\n return this;\n },\n refresh: function () {\n _refresh.call(this);\n\n return this;\n },\n onbeforechange: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introBeforeChangeCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onbeforechange was not a function');\n }\n\n return this;\n },\n onchange: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introChangeCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onchange was not a function.');\n }\n\n return this;\n },\n onafterchange: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introAfterChangeCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onafterchange was not a function');\n }\n\n return this;\n },\n oncomplete: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introCompleteCallback = providedCallback;\n } else {\n throw new Error('Provided callback for oncomplete was not a function.');\n }\n\n return this;\n },\n onhintsadded: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._hintsAddedCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onhintsadded was not a function.');\n }\n\n return this;\n },\n onhintclick: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._hintClickCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onhintclick was not a function.');\n }\n\n return this;\n },\n onhintclose: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._hintCloseCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onhintclose was not a function.');\n }\n\n return this;\n },\n onexit: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introExitCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onexit was not a function.');\n }\n\n return this;\n },\n onskip: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introSkipCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onskip was not a function.');\n }\n\n return this;\n },\n onbeforeexit: function (providedCallback) {\n if (typeof providedCallback === 'function') {\n this._introBeforeExitCallback = providedCallback;\n } else {\n throw new Error('Provided callback for onbeforeexit was not a function.');\n }\n\n return this;\n },\n addHints: function () {\n _populateHints.call(this, this._targetElement);\n\n return this;\n },\n hideHint: function (stepId) {\n _hideHint.call(this, stepId);\n\n return this;\n },\n hideHints: function () {\n _hideHints.call(this);\n\n return this;\n },\n showHint: function (stepId) {\n _showHint.call(this, stepId);\n\n return this;\n },\n showHints: function () {\n _showHints.call(this);\n\n return this;\n },\n removeHints: function () {\n _removeHints.call(this);\n\n return this;\n },\n removeHint: function (stepId) {\n _removeHint.call(this, stepId);\n\n return this;\n },\n showHintDialog: function (stepId) {\n _showHintDialog.call(this, stepId);\n\n return this;\n }\n };\n return introJs;\n});","export var english = {\n weekdays: {\n shorthand: [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"],\n longhand: [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"]\n },\n months: {\n shorthand: [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"],\n longhand: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"]\n },\n daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],\n firstDayOfWeek: 0,\n ordinal: function (nth) {\n var s = nth % 100;\n if (s > 3 && s < 21) return \"th\";\n\n switch (s % 10) {\n case 1:\n return \"st\";\n\n case 2:\n return \"nd\";\n\n case 3:\n return \"rd\";\n\n default:\n return \"th\";\n }\n },\n rangeSeparator: \" to \",\n weekAbbreviation: \"Wk\",\n scrollTitle: \"Scroll to increment\",\n toggleTitle: \"Click to toggle\",\n amPM: [\"AM\", \"PM\"],\n yearAriaLabel: \"Year\",\n monthAriaLabel: \"Month\",\n hourAriaLabel: \"Hour\",\n minuteAriaLabel: \"Minute\",\n time_24hr: false\n};\nexport default english;","define([\"../var/class2type\", \"../var/toString\"], function (class2type, toString) {\n \"use strict\";\n\n function toType(obj) {\n if (obj == null) {\n return obj + \"\";\n } // Support: Android <=2.3 only (functionish RegExp)\n\n\n return typeof obj === \"object\" || typeof obj === \"function\" ? class2type[toString.call(obj)] || \"object\" : typeof obj;\n }\n\n return toType;\n});","define([\"./core\", \"./var/getProto\", \"./var/indexOf\", \"./traversing/var/dir\", \"./traversing/var/siblings\", \"./traversing/var/rneedsContext\", \"./core/nodeName\", \"./core/init\", \"./traversing/findFilter\", \"./selector\"], function (jQuery, getProto, indexOf, dir, siblings, rneedsContext, nodeName) {\n \"use strict\";\n\n var rparentsprev = /^(?:parents|prev(?:Until|All))/,\n // Methods guaranteed to produce a unique set when starting from a unique set\n guaranteedUnique = {\n children: true,\n contents: true,\n next: true,\n prev: true\n };\n jQuery.fn.extend({\n has: function (target) {\n var targets = jQuery(target, this),\n l = targets.length;\n return this.filter(function () {\n var i = 0;\n\n for (; i < l; i++) {\n if (jQuery.contains(this, targets[i])) {\n return true;\n }\n }\n });\n },\n closest: function (selectors, context) {\n var cur,\n i = 0,\n l = this.length,\n matched = [],\n targets = typeof selectors !== \"string\" && jQuery(selectors); // Positional selectors never match, since there's no _selection_ context\n\n if (!rneedsContext.test(selectors)) {\n for (; i < l; i++) {\n for (cur = this[i]; cur && cur !== context; cur = cur.parentNode) {\n // Always skip document fragments\n if (cur.nodeType < 11 && (targets ? targets.index(cur) > -1 : // Don't pass non-elements to Sizzle\n cur.nodeType === 1 && jQuery.find.matchesSelector(cur, selectors))) {\n matched.push(cur);\n break;\n }\n }\n }\n }\n\n return this.pushStack(matched.length > 1 ? jQuery.uniqueSort(matched) : matched);\n },\n // Determine the position of an element within the set\n index: function (elem) {\n // No argument, return index in parent\n if (!elem) {\n return this[0] && this[0].parentNode ? this.first().prevAll().length : -1;\n } // Index in selector\n\n\n if (typeof elem === \"string\") {\n return indexOf.call(jQuery(elem), this[0]);\n } // Locate the position of the desired element\n\n\n return indexOf.call(this, // If it receives a jQuery object, the first element is used\n elem.jquery ? elem[0] : elem);\n },\n add: function (selector, context) {\n return this.pushStack(jQuery.uniqueSort(jQuery.merge(this.get(), jQuery(selector, context))));\n },\n addBack: function (selector) {\n return this.add(selector == null ? this.prevObject : this.prevObject.filter(selector));\n }\n });\n\n function sibling(cur, dir) {\n while ((cur = cur[dir]) && cur.nodeType !== 1) {}\n\n return cur;\n }\n\n jQuery.each({\n parent: function (elem) {\n var parent = elem.parentNode;\n return parent && parent.nodeType !== 11 ? parent : null;\n },\n parents: function (elem) {\n return dir(elem, \"parentNode\");\n },\n parentsUntil: function (elem, _i, until) {\n return dir(elem, \"parentNode\", until);\n },\n next: function (elem) {\n return sibling(elem, \"nextSibling\");\n },\n prev: function (elem) {\n return sibling(elem, \"previousSibling\");\n },\n nextAll: function (elem) {\n return dir(elem, \"nextSibling\");\n },\n prevAll: function (elem) {\n return dir(elem, \"previousSibling\");\n },\n nextUntil: function (elem, _i, until) {\n return dir(elem, \"nextSibling\", until);\n },\n prevUntil: function (elem, _i, until) {\n return dir(elem, \"previousSibling\", until);\n },\n siblings: function (elem) {\n return siblings((elem.parentNode || {}).firstChild, elem);\n },\n children: function (elem) {\n return siblings(elem.firstChild);\n },\n contents: function (elem) {\n if (elem.contentDocument != null && // Support: IE 11+\n //