\n ${this.buttonLabel}\n \n `;\n }\n};\nJbTextTeaser.styles = r(jb_text_teaser_default);\n__decorateClass([\n n()\n], JbTextTeaser.prototype, \"buttonLabel\", 2);\n__decorateClass([\n n({ type: Boolean })\n], JbTextTeaser.prototype, \"hasGrayBackground\", 2);\n__decorateClass([\n n()\n], JbTextTeaser.prototype, \"headline\", 2);\n__decorateClass([\n n()\n], JbTextTeaser.prototype, \"text\", 2);\n__decorateClass([\n r2()\n], JbTextTeaser.prototype, \"_hovering\", 2);\nJbTextTeaser = __decorateClass([\n customElement(\"jb-text-teaser\")\n], JbTextTeaser);\n\nexport {\n JbTextTeaser\n};\n", "import {\n Spaceable\n} from \"./chunk.G3SZKTQJ.js\";\nimport {\n Rt\n} from \"./chunk.LTAMHVKK.js\";\nimport {\n customElement\n} from \"./chunk.QAGUCU4C.js\";\nimport {\n D,\n h,\n ke\n} from \"./chunk.FCKNEYTX.js\";\nimport {\n e,\n n,\n r as r2\n} from \"./chunk.BBN2ZB42.js\";\nimport {\n i,\n r\n} from \"./chunk.FAJKIEWS.js\";\nimport {\n __decorateClass\n} from \"./chunk.I4IFG4JG.js\";\n\n// node_modules/chartist/dist/index.js\nvar namespaces = {\n svg: \"http://www.w3.org/2000/svg\",\n xmlns: \"http://www.w3.org/2000/xmlns/\",\n xhtml: \"http://www.w3.org/1999/xhtml\",\n xlink: \"http://www.w3.org/1999/xlink\",\n ct: \"http://gionkunz.github.com/chartist-js/ct\"\n};\nvar precision = 8;\nvar escapingMap = {\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\"\n};\nfunction ensureUnit(value, unit) {\n if (typeof value === \"number\") {\n return value + unit;\n }\n return value;\n}\nfunction quantity(input) {\n if (typeof input === \"string\") {\n const match = /^(\\d+)\\s*(.*)$/g.exec(input);\n return {\n value: match ? +match[1] : 0,\n unit: (match === null || match === void 0 ? void 0 : match[2]) || void 0\n };\n }\n return {\n value: Number(input)\n };\n}\nfunction alphaNumerate(n2) {\n return String.fromCharCode(97 + n2 % 26);\n}\nvar EPSILON = 2221e-19;\nfunction orderOfMagnitude(value) {\n return Math.floor(Math.log(Math.abs(value)) / Math.LN10);\n}\nfunction projectLength(axisLength, length, bounds) {\n return length / bounds.range * axisLength;\n}\nfunction roundWithPrecision(value, digits) {\n const precision$1 = Math.pow(10, digits || precision);\n return Math.round(value * precision$1) / precision$1;\n}\nfunction rho(num) {\n if (num === 1) {\n return num;\n }\n function gcd(p, q) {\n if (p % q === 0) {\n return q;\n } else {\n return gcd(q, p % q);\n }\n }\n function f(x) {\n return x * x + 1;\n }\n let x1 = 2;\n let x2 = 2;\n let divisor;\n if (num % 2 === 0) {\n return 2;\n }\n do {\n x1 = f(x1) % num;\n x2 = f(f(x2)) % num;\n divisor = gcd(Math.abs(x1 - x2), num);\n } while (divisor === 1);\n return divisor;\n}\nfunction getBounds(axisLength, highLow, scaleMinSpace) {\n let onlyInteger = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;\n const bounds = {\n high: highLow.high,\n low: highLow.low,\n valueRange: 0,\n oom: 0,\n step: 0,\n min: 0,\n max: 0,\n range: 0,\n numberOfSteps: 0,\n values: []\n };\n bounds.valueRange = bounds.high - bounds.low;\n bounds.oom = orderOfMagnitude(bounds.valueRange);\n bounds.step = Math.pow(10, bounds.oom);\n bounds.min = Math.floor(bounds.low / bounds.step) * bounds.step;\n bounds.max = Math.ceil(bounds.high / bounds.step) * bounds.step;\n bounds.range = bounds.max - bounds.min;\n bounds.numberOfSteps = Math.round(bounds.range / bounds.step);\n const length = projectLength(axisLength, bounds.step, bounds);\n const scaleUp = length < scaleMinSpace;\n const smallestFactor = onlyInteger ? rho(bounds.range) : 0;\n if (onlyInteger && projectLength(axisLength, 1, bounds) >= scaleMinSpace) {\n bounds.step = 1;\n } else if (onlyInteger && smallestFactor < bounds.step && projectLength(axisLength, smallestFactor, bounds) >= scaleMinSpace) {\n bounds.step = smallestFactor;\n } else {\n let optimizationCounter = 0;\n for (; ; ) {\n if (scaleUp && projectLength(axisLength, bounds.step, bounds) <= scaleMinSpace) {\n bounds.step *= 2;\n } else if (!scaleUp && projectLength(axisLength, bounds.step / 2, bounds) >= scaleMinSpace) {\n bounds.step /= 2;\n if (onlyInteger && bounds.step % 1 !== 0) {\n bounds.step *= 2;\n break;\n }\n } else {\n break;\n }\n if (optimizationCounter++ > 1e3) {\n throw new Error(\"Exceeded maximum number of iterations while optimizing scale step!\");\n }\n }\n }\n bounds.step = Math.max(bounds.step, EPSILON);\n function safeIncrement(value, increment) {\n if (value === (value += increment)) {\n value *= 1 + (increment > 0 ? EPSILON : -EPSILON);\n }\n return value;\n }\n let newMin = bounds.min;\n let newMax = bounds.max;\n while (newMin + bounds.step <= bounds.low) {\n newMin = safeIncrement(newMin, bounds.step);\n }\n while (newMax - bounds.step >= bounds.high) {\n newMax = safeIncrement(newMax, -bounds.step);\n }\n bounds.min = newMin;\n bounds.max = newMax;\n bounds.range = bounds.max - bounds.min;\n const values = [];\n for (let i2 = bounds.min; i2 <= bounds.max; i2 = safeIncrement(i2, bounds.step)) {\n const value = roundWithPrecision(i2);\n if (value !== values[values.length - 1]) {\n values.push(value);\n }\n }\n bounds.values = values;\n return bounds;\n}\nfunction extend() {\n let target = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n for (let i2 = 0; i2 < sources.length; i2++) {\n const source = sources[i2];\n for (const prop in source) {\n const sourceProp = source[prop];\n if (typeof sourceProp === \"object\" && sourceProp !== null && !(sourceProp instanceof Array)) {\n target[prop] = extend(target[prop], sourceProp);\n } else {\n target[prop] = sourceProp;\n }\n }\n }\n return target;\n}\nvar noop = (n2) => n2;\nfunction times(length, filler) {\n return Array.from(\n {\n length\n },\n filler ? (_, i2) => filler(i2) : () => void 0\n );\n}\nfunction safeHasProperty(target, property) {\n return target !== null && typeof target === \"object\" && Reflect.has(target, property);\n}\nfunction isNumeric(value) {\n return value !== null && isFinite(value);\n}\nfunction isFalseyButZero(value) {\n return !value && value !== 0;\n}\nfunction getNumberOrUndefined(value) {\n return isNumeric(value) ? Number(value) : void 0;\n}\nfunction isArrayOfArrays(data) {\n if (!Array.isArray(data)) {\n return false;\n }\n return data.every(Array.isArray);\n}\nfunction each(list, callback) {\n let reverse = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n let index = 0;\n list[reverse ? \"reduceRight\" : \"reduce\"](\n (_, item, itemIndex) => callback(item, index++, itemIndex),\n void 0\n );\n}\nfunction getMetaData(seriesData, index) {\n const value = Array.isArray(seriesData) ? seriesData[index] : safeHasProperty(seriesData, \"data\") ? seriesData.data[index] : null;\n return safeHasProperty(value, \"meta\") ? value.meta : void 0;\n}\nfunction isDataHoleValue(value) {\n return value === null || value === void 0 || typeof value === \"number\" && isNaN(value);\n}\nfunction isArrayOfSeries(value) {\n return Array.isArray(value) && value.every(\n (_) => Array.isArray(_) || safeHasProperty(_, \"data\")\n );\n}\nfunction isMultiValue(value) {\n return typeof value === \"object\" && value !== null && (Reflect.has(value, \"x\") || Reflect.has(value, \"y\"));\n}\nfunction getMultiValue(value) {\n let dimension = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"y\";\n if (isMultiValue(value) && safeHasProperty(value, dimension)) {\n return getNumberOrUndefined(value[dimension]);\n } else {\n return getNumberOrUndefined(value);\n }\n}\nfunction getHighLow(data, options, dimension) {\n options = {\n ...options,\n ...dimension ? dimension === \"x\" ? options.axisX : options.axisY : {}\n };\n const highLow = {\n high: options.high === void 0 ? -Number.MAX_VALUE : +options.high,\n low: options.low === void 0 ? Number.MAX_VALUE : +options.low\n };\n const findHigh = options.high === void 0;\n const findLow = options.low === void 0;\n function recursiveHighLow(sourceData) {\n if (isDataHoleValue(sourceData)) {\n return;\n } else if (Array.isArray(sourceData)) {\n for (let i2 = 0; i2 < sourceData.length; i2++) {\n recursiveHighLow(sourceData[i2]);\n }\n } else {\n const value = Number(dimension && safeHasProperty(sourceData, dimension) ? sourceData[dimension] : sourceData);\n if (findHigh && value > highLow.high) {\n highLow.high = value;\n }\n if (findLow && value < highLow.low) {\n highLow.low = value;\n }\n }\n }\n if (findHigh || findLow) {\n recursiveHighLow(data);\n }\n if (options.referenceValue || options.referenceValue === 0) {\n highLow.high = Math.max(options.referenceValue, highLow.high);\n highLow.low = Math.min(options.referenceValue, highLow.low);\n }\n if (highLow.high <= highLow.low) {\n if (highLow.low === 0) {\n highLow.high = 1;\n } else if (highLow.low < 0) {\n highLow.high = 0;\n } else if (highLow.high > 0) {\n highLow.low = 0;\n } else {\n highLow.high = 1;\n highLow.low = 0;\n }\n }\n return highLow;\n}\nfunction normalizeData(data) {\n let reverse = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, multi = arguments.length > 2 ? arguments[2] : void 0, distributed = arguments.length > 3 ? arguments[3] : void 0;\n let labelCount;\n const normalized = {\n labels: (data.labels || []).slice(),\n series: normalizeSeries(data.series, multi, distributed)\n };\n const inputLabelCount = normalized.labels.length;\n if (isArrayOfArrays(normalized.series)) {\n labelCount = Math.max(inputLabelCount, ...normalized.series.map(\n (series) => series.length\n ));\n normalized.series.forEach((series) => {\n series.push(...times(Math.max(0, labelCount - series.length)));\n });\n } else {\n labelCount = normalized.series.length;\n }\n normalized.labels.push(...times(\n Math.max(0, labelCount - inputLabelCount),\n () => \"\"\n ));\n if (reverse) {\n reverseData(normalized);\n }\n return normalized;\n}\nfunction reverseData(data) {\n var ref;\n (ref = data.labels) === null || ref === void 0 ? void 0 : ref.reverse();\n data.series.reverse();\n for (const series of data.series) {\n if (safeHasProperty(series, \"data\")) {\n series.data.reverse();\n } else if (Array.isArray(series)) {\n series.reverse();\n }\n }\n}\nfunction normalizeMulti(value, multi) {\n let x;\n let y;\n if (typeof value !== \"object\") {\n const num = getNumberOrUndefined(value);\n if (multi === \"x\") {\n x = num;\n } else {\n y = num;\n }\n } else {\n if (safeHasProperty(value, \"x\")) {\n x = getNumberOrUndefined(value.x);\n }\n if (safeHasProperty(value, \"y\")) {\n y = getNumberOrUndefined(value.y);\n }\n }\n if (x === void 0 && y === void 0) {\n return void 0;\n }\n return {\n x,\n y\n };\n}\nfunction normalizePrimitive(value, multi) {\n if (isDataHoleValue(value)) {\n return void 0;\n }\n if (multi) {\n return normalizeMulti(value, multi);\n }\n return getNumberOrUndefined(value);\n}\nfunction normalizeSingleSeries(series, multi) {\n if (!Array.isArray(series)) {\n return normalizeSingleSeries(series.data, multi);\n }\n return series.map((value) => {\n if (safeHasProperty(value, \"value\")) {\n return normalizePrimitive(value.value, multi);\n }\n return normalizePrimitive(value, multi);\n });\n}\nfunction normalizeSeries(series, multi, distributed) {\n if (isArrayOfSeries(series)) {\n return series.map(\n (_) => normalizeSingleSeries(_, multi)\n );\n }\n const normalizedSeries = normalizeSingleSeries(series, multi);\n if (distributed) {\n return normalizedSeries.map(\n (value) => [\n value\n ]\n );\n }\n return normalizedSeries;\n}\nfunction splitIntoSegments(pathCoordinates, valueData, options) {\n const finalOptions = {\n increasingX: false,\n fillHoles: false,\n ...options\n };\n const segments = [];\n let hole = true;\n for (let i2 = 0; i2 < pathCoordinates.length; i2 += 2) {\n if (getMultiValue(valueData[i2 / 2].value) === void 0) {\n if (!finalOptions.fillHoles) {\n hole = true;\n }\n } else {\n if (finalOptions.increasingX && i2 >= 2 && pathCoordinates[i2] <= pathCoordinates[i2 - 2]) {\n hole = true;\n }\n if (hole) {\n segments.push({\n pathCoordinates: [],\n valueData: []\n });\n hole = false;\n }\n segments[segments.length - 1].pathCoordinates.push(pathCoordinates[i2], pathCoordinates[i2 + 1]);\n segments[segments.length - 1].valueData.push(valueData[i2 / 2]);\n }\n }\n return segments;\n}\nfunction serialize(data) {\n let serialized = \"\";\n if (data === null || data === void 0) {\n return data;\n } else if (typeof data === \"number\") {\n serialized = \"\" + data;\n } else if (typeof data === \"object\") {\n serialized = JSON.stringify({\n data\n });\n } else {\n serialized = String(data);\n }\n return Object.keys(escapingMap).reduce(\n (result, key) => result.replaceAll(key, escapingMap[key]),\n serialized\n );\n}\nvar SvgList = class {\n call(method, args) {\n this.svgElements.forEach(\n (element2) => Reflect.apply(element2[method], element2, args)\n );\n return this;\n }\n attr() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"attr\", args);\n }\n elem() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"elem\", args);\n }\n root() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"root\", args);\n }\n getNode() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"getNode\", args);\n }\n foreignObject() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"foreignObject\", args);\n }\n text() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"text\", args);\n }\n empty() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"empty\", args);\n }\n remove() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"remove\", args);\n }\n addClass() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"addClass\", args);\n }\n removeClass() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"removeClass\", args);\n }\n removeAllClasses() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"removeAllClasses\", args);\n }\n animate() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return this.call(\"animate\", args);\n }\n /**\n * @param nodeList An Array of SVG DOM nodes or a SVG DOM NodeList (as returned by document.querySelectorAll)\n */\n constructor(nodeList) {\n this.svgElements = [];\n for (let i2 = 0; i2 < nodeList.length; i2++) {\n this.svgElements.push(new Svg(nodeList[i2]));\n }\n }\n};\nvar easings = {\n easeInSine: [\n 0.47,\n 0,\n 0.745,\n 0.715\n ],\n easeOutSine: [\n 0.39,\n 0.575,\n 0.565,\n 1\n ],\n easeInOutSine: [\n 0.445,\n 0.05,\n 0.55,\n 0.95\n ],\n easeInQuad: [\n 0.55,\n 0.085,\n 0.68,\n 0.53\n ],\n easeOutQuad: [\n 0.25,\n 0.46,\n 0.45,\n 0.94\n ],\n easeInOutQuad: [\n 0.455,\n 0.03,\n 0.515,\n 0.955\n ],\n easeInCubic: [\n 0.55,\n 0.055,\n 0.675,\n 0.19\n ],\n easeOutCubic: [\n 0.215,\n 0.61,\n 0.355,\n 1\n ],\n easeInOutCubic: [\n 0.645,\n 0.045,\n 0.355,\n 1\n ],\n easeInQuart: [\n 0.895,\n 0.03,\n 0.685,\n 0.22\n ],\n easeOutQuart: [\n 0.165,\n 0.84,\n 0.44,\n 1\n ],\n easeInOutQuart: [\n 0.77,\n 0,\n 0.175,\n 1\n ],\n easeInQuint: [\n 0.755,\n 0.05,\n 0.855,\n 0.06\n ],\n easeOutQuint: [\n 0.23,\n 1,\n 0.32,\n 1\n ],\n easeInOutQuint: [\n 0.86,\n 0,\n 0.07,\n 1\n ],\n easeInExpo: [\n 0.95,\n 0.05,\n 0.795,\n 0.035\n ],\n easeOutExpo: [\n 0.19,\n 1,\n 0.22,\n 1\n ],\n easeInOutExpo: [\n 1,\n 0,\n 0,\n 1\n ],\n easeInCirc: [\n 0.6,\n 0.04,\n 0.98,\n 0.335\n ],\n easeOutCirc: [\n 0.075,\n 0.82,\n 0.165,\n 1\n ],\n easeInOutCirc: [\n 0.785,\n 0.135,\n 0.15,\n 0.86\n ],\n easeInBack: [\n 0.6,\n -0.28,\n 0.735,\n 0.045\n ],\n easeOutBack: [\n 0.175,\n 0.885,\n 0.32,\n 1.275\n ],\n easeInOutBack: [\n 0.68,\n -0.55,\n 0.265,\n 1.55\n ]\n};\nfunction createAnimation(element2, attribute, animationDefinition) {\n let createGuided = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, eventEmitter = arguments.length > 4 ? arguments[4] : void 0;\n const { easing, ...def } = animationDefinition;\n const attributeProperties = {};\n let animationEasing;\n let timeout;\n if (easing) {\n animationEasing = Array.isArray(easing) ? easing : easings[easing];\n }\n def.begin = ensureUnit(def.begin, \"ms\");\n def.dur = ensureUnit(def.dur, \"ms\");\n if (animationEasing) {\n def.calcMode = \"spline\";\n def.keySplines = animationEasing.join(\" \");\n def.keyTimes = \"0;1\";\n }\n if (createGuided) {\n def.fill = \"freeze\";\n attributeProperties[attribute] = def.from;\n element2.attr(attributeProperties);\n timeout = quantity(def.begin || 0).value;\n def.begin = \"indefinite\";\n }\n const animate = element2.elem(\"animate\", {\n attributeName: attribute,\n ...def\n });\n if (createGuided) {\n setTimeout(() => {\n try {\n animate._node.beginElement();\n } catch (err) {\n attributeProperties[attribute] = def.to;\n element2.attr(attributeProperties);\n animate.remove();\n }\n }, timeout);\n }\n const animateNode = animate.getNode();\n if (eventEmitter) {\n animateNode.addEventListener(\n \"beginEvent\",\n () => eventEmitter.emit(\"animationBegin\", {\n element: element2,\n animate: animateNode,\n params: animationDefinition\n })\n );\n }\n animateNode.addEventListener(\"endEvent\", () => {\n if (eventEmitter) {\n eventEmitter.emit(\"animationEnd\", {\n element: element2,\n animate: animateNode,\n params: animationDefinition\n });\n }\n if (createGuided) {\n attributeProperties[attribute] = def.to;\n element2.attr(attributeProperties);\n animate.remove();\n }\n });\n}\nvar Svg = class _Svg {\n attr(attributes, ns) {\n if (typeof attributes === \"string\") {\n if (ns) {\n return this._node.getAttributeNS(ns, attributes);\n } else {\n return this._node.getAttribute(attributes);\n }\n }\n Object.keys(attributes).forEach((key) => {\n if (attributes[key] === void 0) {\n return;\n }\n if (key.indexOf(\":\") !== -1) {\n const namespacedAttribute = key.split(\":\");\n this._node.setAttributeNS(namespaces[namespacedAttribute[0]], key, String(attributes[key]));\n } else {\n this._node.setAttribute(key, String(attributes[key]));\n }\n });\n return this;\n }\n /**\n * Create a new SVG element whose wrapper object will be selected for further operations. This way you can also create nested groups easily.\n * @param name The name of the SVG element that should be created as child element of the currently selected element wrapper\n * @param attributes An object with properties that will be added as attributes to the SVG element that is created. Attributes with undefined values will not be added.\n * @param className This class or class list will be added to the SVG element\n * @param insertFirst If this param is set to true in conjunction with a parent element the newly created element will be added as first child element in the parent element\n * @return Returns a Svg wrapper object that can be used to modify the containing SVG data\n */\n elem(name, attributes, className) {\n let insertFirst = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;\n return new _Svg(name, attributes, className, this, insertFirst);\n }\n /**\n * Returns the parent Chartist.SVG wrapper object\n * @return Returns a Svg wrapper around the parent node of the current node. If the parent node is not existing or it's not an SVG node then this function will return null.\n */\n parent() {\n return this._node.parentNode instanceof SVGElement ? new _Svg(this._node.parentNode) : null;\n }\n /**\n * This method returns a Svg wrapper around the root SVG element of the current tree.\n * @return The root SVG element wrapped in a Svg element\n */\n root() {\n let node = this._node;\n while (node.nodeName !== \"svg\") {\n if (node.parentElement) {\n node = node.parentElement;\n } else {\n break;\n }\n }\n return new _Svg(node);\n }\n /**\n * Find the first child SVG element of the current element that matches a CSS selector. The returned object is a Svg wrapper.\n * @param selector A CSS selector that is used to query for child SVG elements\n * @return The SVG wrapper for the element found or null if no element was found\n */\n querySelector(selector) {\n const foundNode = this._node.querySelector(selector);\n return foundNode ? new _Svg(foundNode) : null;\n }\n /**\n * Find the all child SVG elements of the current element that match a CSS selector. The returned object is a Svg.List wrapper.\n * @param selector A CSS selector that is used to query for child SVG elements\n * @return The SVG wrapper list for the element found or null if no element was found\n */\n querySelectorAll(selector) {\n const foundNodes = this._node.querySelectorAll(selector);\n return new SvgList(foundNodes);\n }\n /**\n * Returns the underlying SVG node for the current element.\n */\n getNode() {\n return this._node;\n }\n /**\n * This method creates a foreignObject (see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject) that allows to embed HTML content into a SVG graphic. With the help of foreignObjects you can enable the usage of regular HTML elements inside of SVG where they are subject for SVG positioning and transformation but the Browser will use the HTML rendering capabilities for the containing DOM.\n * @param content The DOM Node, or HTML string that will be converted to a DOM Node, that is then placed into and wrapped by the foreignObject\n * @param attributes An object with properties that will be added as attributes to the foreignObject element that is created. Attributes with undefined values will not be added.\n * @param className This class or class list will be added to the SVG element\n * @param insertFirst Specifies if the foreignObject should be inserted as first child\n * @return New wrapper object that wraps the foreignObject element\n */\n foreignObject(content, attributes, className) {\n let insertFirst = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;\n let contentNode;\n if (typeof content === \"string\") {\n const container = document.createElement(\"div\");\n container.innerHTML = content;\n contentNode = container.firstChild;\n } else {\n contentNode = content;\n }\n if (contentNode instanceof Element) {\n contentNode.setAttribute(\"xmlns\", namespaces.xmlns);\n }\n const fnObj = this.elem(\"foreignObject\", attributes, className, insertFirst);\n fnObj._node.appendChild(contentNode);\n return fnObj;\n }\n /**\n * This method adds a new text element to the current Svg wrapper.\n * @param t The text that should be added to the text element that is created\n * @return The same wrapper object that was used to add the newly created element\n */\n text(t) {\n this._node.appendChild(document.createTextNode(t));\n return this;\n }\n /**\n * This method will clear all child nodes of the current wrapper object.\n * @return The same wrapper object that got emptied\n */\n empty() {\n while (this._node.firstChild) {\n this._node.removeChild(this._node.firstChild);\n }\n return this;\n }\n /**\n * This method will cause the current wrapper to remove itself from its parent wrapper. Use this method if you'd like to get rid of an element in a given DOM structure.\n * @return The parent wrapper object of the element that got removed\n */\n remove() {\n var ref;\n (ref = this._node.parentNode) === null || ref === void 0 ? void 0 : ref.removeChild(this._node);\n return this.parent();\n }\n /**\n * This method will replace the element with a new element that can be created outside of the current DOM.\n * @param newElement The new Svg object that will be used to replace the current wrapper object\n * @return The wrapper of the new element\n */\n replace(newElement) {\n var ref;\n (ref = this._node.parentNode) === null || ref === void 0 ? void 0 : ref.replaceChild(newElement._node, this._node);\n return newElement;\n }\n /**\n * This method will append an element to the current element as a child.\n * @param element The Svg element that should be added as a child\n * @param insertFirst Specifies if the element should be inserted as first child\n * @return The wrapper of the appended object\n */\n append(element2) {\n let insertFirst = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n if (insertFirst && this._node.firstChild) {\n this._node.insertBefore(element2._node, this._node.firstChild);\n } else {\n this._node.appendChild(element2._node);\n }\n return this;\n }\n /**\n * Returns an array of class names that are attached to the current wrapper element. This method can not be chained further.\n * @return A list of classes or an empty array if there are no classes on the current element\n */\n classes() {\n const classNames = this._node.getAttribute(\"class\");\n return classNames ? classNames.trim().split(/\\s+/) : [];\n }\n /**\n * Adds one or a space separated list of classes to the current element and ensures the classes are only existing once.\n * @param names A white space separated list of class names\n * @return The wrapper of the current element\n */\n addClass(names) {\n this._node.setAttribute(\"class\", this.classes().concat(names.trim().split(/\\s+/)).filter(function(elem, pos, self) {\n return self.indexOf(elem) === pos;\n }).join(\" \"));\n return this;\n }\n /**\n * Removes one or a space separated list of classes from the current element.\n * @param names A white space separated list of class names\n * @return The wrapper of the current element\n */\n removeClass(names) {\n const removedClasses = names.trim().split(/\\s+/);\n this._node.setAttribute(\"class\", this.classes().filter(\n (name) => removedClasses.indexOf(name) === -1\n ).join(\" \"));\n return this;\n }\n /**\n * Removes all classes from the current element.\n * @return The wrapper of the current element\n */\n removeAllClasses() {\n this._node.setAttribute(\"class\", \"\");\n return this;\n }\n /**\n * Get element height using `getBoundingClientRect`\n * @return The elements height in pixels\n */\n height() {\n return this._node.getBoundingClientRect().height;\n }\n /**\n * Get element width using `getBoundingClientRect`\n * @return The elements width in pixels\n */\n width() {\n return this._node.getBoundingClientRect().width;\n }\n /**\n * The animate function lets you animate the current element with SMIL animations. You can add animations for multiple attributes at the same time by using an animation definition object. This object should contain SMIL animation attributes. Please refer to http://www.w3.org/TR/SVG/animate.html for a detailed specification about the available animation attributes. Additionally an easing property can be passed in the animation definition object. This can be a string with a name of an easing function in `Svg.Easing` or an array with four numbers specifying a cubic B\u00E9zier curve.\n * **An animations object could look like this:**\n * ```javascript\n * element.animate({\n * opacity: {\n * dur: 1000,\n * from: 0,\n * to: 1\n * },\n * x1: {\n * dur: '1000ms',\n * from: 100,\n * to: 200,\n * easing: 'easeOutQuart'\n * },\n * y1: {\n * dur: '2s',\n * from: 0,\n * to: 100\n * }\n * });\n * ```\n * **Automatic unit conversion**\n * For the `dur` and the `begin` animate attribute you can also omit a unit by passing a number. The number will automatically be converted to milli seconds.\n * **Guided mode**\n * The default behavior of SMIL animations with offset using the `begin` attribute is that the attribute will keep it's original value until the animation starts. Mostly this behavior is not desired as you'd like to have your element attributes already initialized with the animation `from` value even before the animation starts. Also if you don't specify `fill=\"freeze\"` on an animate element or if you delete the animation after it's done (which is done in guided mode) the attribute will switch back to the initial value. This behavior is also not desired when performing simple one-time animations. For one-time animations you'd want to trigger animations immediately instead of relative to the document begin time. That's why in guided mode Svg will also use the `begin` property to schedule a timeout and manually start the animation after the timeout. If you're using multiple SMIL definition objects for an attribute (in an array), guided mode will be disabled for this attribute, even if you explicitly enabled it.\n * If guided mode is enabled the following behavior is added:\n * - Before the animation starts (even when delayed with `begin`) the animated attribute will be set already to the `from` value of the animation\n * - `begin` is explicitly set to `indefinite` so it can be started manually without relying on document begin time (creation)\n * - The animate element will be forced to use `fill=\"freeze\"`\n * - The animation will be triggered with `beginElement()` in a timeout where `begin` of the definition object is interpreted in milli seconds. If no `begin` was specified the timeout is triggered immediately.\n * - After the animation the element attribute value will be set to the `to` value of the animation\n * - The animate element is deleted from the DOM\n * @param animations An animations object where the property keys are the attributes you'd like to animate. The properties should be objects again that contain the SMIL animation attributes (usually begin, dur, from, and to). The property begin and dur is auto converted (see Automatic unit conversion). You can also schedule multiple animations for the same attribute by passing an Array of SMIL definition objects. Attributes that contain an array of SMIL definition objects will not be executed in guided mode.\n * @param guided Specify if guided mode should be activated for this animation (see Guided mode). If not otherwise specified, guided mode will be activated.\n * @param eventEmitter If specified, this event emitter will be notified when an animation starts or ends.\n * @return The current element where the animation was added\n */\n animate(animations) {\n let guided = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true, eventEmitter = arguments.length > 2 ? arguments[2] : void 0;\n Object.keys(animations).forEach((attribute) => {\n const attributeAnimation = animations[attribute];\n if (Array.isArray(attributeAnimation)) {\n attributeAnimation.forEach(\n (animationDefinition) => createAnimation(this, attribute, animationDefinition, false, eventEmitter)\n );\n } else {\n createAnimation(this, attribute, attributeAnimation, guided, eventEmitter);\n }\n });\n return this;\n }\n /**\n * @param name The name of the SVG element to create or an SVG dom element which should be wrapped into Svg\n * @param attributes An object with properties that will be added as attributes to the SVG element that is created. Attributes with undefined values will not be added.\n * @param className This class or class list will be added to the SVG element\n * @param parent The parent SVG wrapper object where this newly created wrapper and it's element will be attached to as child\n * @param insertFirst If this param is set to true in conjunction with a parent element the newly created element will be added as first child element in the parent element\n */\n constructor(name, attributes, className, parent, insertFirst = false) {\n if (name instanceof Element) {\n this._node = name;\n } else {\n this._node = document.createElementNS(namespaces.svg, name);\n if (name === \"svg\") {\n this.attr({\n \"xmlns:ct\": namespaces.ct\n });\n }\n }\n if (attributes) {\n this.attr(attributes);\n }\n if (className) {\n this.addClass(className);\n }\n if (parent) {\n if (insertFirst && parent._node.firstChild) {\n parent._node.insertBefore(this._node, parent._node.firstChild);\n } else {\n parent._node.appendChild(this._node);\n }\n }\n }\n};\nSvg.Easing = easings;\nfunction createSvg(container) {\n let width = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"100%\", height = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : \"100%\", className = arguments.length > 3 ? arguments[3] : void 0;\n Array.from(container.querySelectorAll(\"svg\")).filter(\n (svg) => svg.getAttributeNS(namespaces.xmlns, \"ct\")\n ).forEach(\n (svg) => container.removeChild(svg)\n );\n const svg1 = new Svg(\"svg\").attr({\n width,\n height\n }).attr({\n // TODO: Check better solution (browser support) and remove inline styles due to CSP\n style: \"width: \".concat(width, \"; height: \").concat(height, \";\")\n });\n if (className) {\n svg1.addClass(className);\n }\n container.appendChild(svg1.getNode());\n return svg1;\n}\nfunction normalizePadding(padding) {\n return typeof padding === \"number\" ? {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n } : padding === void 0 ? {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n } : {\n top: typeof padding.top === \"number\" ? padding.top : 0,\n right: typeof padding.right === \"number\" ? padding.right : 0,\n bottom: typeof padding.bottom === \"number\" ? padding.bottom : 0,\n left: typeof padding.left === \"number\" ? padding.left : 0\n };\n}\nfunction createChartRect(svg, options) {\n var ref, ref1, ref2, ref3;\n const hasAxis = Boolean(options.axisX || options.axisY);\n const yAxisOffset = ((ref = options.axisY) === null || ref === void 0 ? void 0 : ref.offset) || 0;\n const xAxisOffset = ((ref1 = options.axisX) === null || ref1 === void 0 ? void 0 : ref1.offset) || 0;\n const yAxisPosition = (ref2 = options.axisY) === null || ref2 === void 0 ? void 0 : ref2.position;\n const xAxisPosition = (ref3 = options.axisX) === null || ref3 === void 0 ? void 0 : ref3.position;\n let width = svg.width() || quantity(options.width).value || 0;\n let height = svg.height() || quantity(options.height).value || 0;\n const normalizedPadding = normalizePadding(options.chartPadding);\n width = Math.max(width, yAxisOffset + normalizedPadding.left + normalizedPadding.right);\n height = Math.max(height, xAxisOffset + normalizedPadding.top + normalizedPadding.bottom);\n const chartRect = {\n x1: 0,\n x2: 0,\n y1: 0,\n y2: 0,\n padding: normalizedPadding,\n width() {\n return this.x2 - this.x1;\n },\n height() {\n return this.y1 - this.y2;\n }\n };\n if (hasAxis) {\n if (xAxisPosition === \"start\") {\n chartRect.y2 = normalizedPadding.top + xAxisOffset;\n chartRect.y1 = Math.max(height - normalizedPadding.bottom, chartRect.y2 + 1);\n } else {\n chartRect.y2 = normalizedPadding.top;\n chartRect.y1 = Math.max(height - normalizedPadding.bottom - xAxisOffset, chartRect.y2 + 1);\n }\n if (yAxisPosition === \"start\") {\n chartRect.x1 = normalizedPadding.left + yAxisOffset;\n chartRect.x2 = Math.max(width - normalizedPadding.right, chartRect.x1 + 1);\n } else {\n chartRect.x1 = normalizedPadding.left;\n chartRect.x2 = Math.max(width - normalizedPadding.right - yAxisOffset, chartRect.x1 + 1);\n }\n } else {\n chartRect.x1 = normalizedPadding.left;\n chartRect.x2 = Math.max(width - normalizedPadding.right, chartRect.x1 + 1);\n chartRect.y2 = normalizedPadding.top;\n chartRect.y1 = Math.max(height - normalizedPadding.bottom, chartRect.y2 + 1);\n }\n return chartRect;\n}\nfunction createGrid(position, index, axis, offset, length, group, classes, eventEmitter) {\n const positionalData = {\n [\"\".concat(axis.units.pos, \"1\")]: position,\n [\"\".concat(axis.units.pos, \"2\")]: position,\n [\"\".concat(axis.counterUnits.pos, \"1\")]: offset,\n [\"\".concat(axis.counterUnits.pos, \"2\")]: offset + length\n };\n const gridElement = group.elem(\"line\", positionalData, classes.join(\" \"));\n eventEmitter.emit(\"draw\", {\n type: \"grid\",\n axis,\n index,\n group,\n element: gridElement,\n ...positionalData\n });\n}\nfunction createGridBackground(gridGroup, chartRect, className, eventEmitter) {\n const gridBackground = gridGroup.elem(\"rect\", {\n x: chartRect.x1,\n y: chartRect.y2,\n width: chartRect.width(),\n height: chartRect.height()\n }, className, true);\n eventEmitter.emit(\"draw\", {\n type: \"gridBackground\",\n group: gridGroup,\n element: gridBackground\n });\n}\nfunction createLabel(position, length, index, label, axis, axisOffset, labelOffset, group, classes, eventEmitter) {\n const positionalData = {\n [axis.units.pos]: position + labelOffset[axis.units.pos],\n [axis.counterUnits.pos]: labelOffset[axis.counterUnits.pos],\n [axis.units.len]: length,\n [axis.counterUnits.len]: Math.max(0, axisOffset - 10)\n };\n const stepLength = Math.round(positionalData[axis.units.len]);\n const stepCounterLength = Math.round(positionalData[axis.counterUnits.len]);\n const content = document.createElement(\"span\");\n content.className = classes.join(\" \");\n content.style[axis.units.len] = stepLength + \"px\";\n content.style[axis.counterUnits.len] = stepCounterLength + \"px\";\n content.textContent = String(label);\n const labelElement = group.foreignObject(content, {\n style: \"overflow: visible;\",\n ...positionalData\n });\n eventEmitter.emit(\"draw\", {\n type: \"label\",\n axis,\n index,\n group,\n element: labelElement,\n text: label,\n ...positionalData\n });\n}\nfunction optionsProvider(options, responsiveOptions, eventEmitter) {\n let currentOptions;\n const mediaQueryListeners = [];\n function updateCurrentOptions(mediaEvent) {\n const previousOptions = currentOptions;\n currentOptions = extend({}, options);\n if (responsiveOptions) {\n responsiveOptions.forEach((responsiveOption) => {\n const mql = window.matchMedia(responsiveOption[0]);\n if (mql.matches) {\n currentOptions = extend(currentOptions, responsiveOption[1]);\n }\n });\n }\n if (eventEmitter && mediaEvent) {\n eventEmitter.emit(\"optionsChanged\", {\n previousOptions,\n currentOptions\n });\n }\n }\n function removeMediaQueryListeners() {\n mediaQueryListeners.forEach(\n (mql) => mql.removeEventListener(\"change\", updateCurrentOptions)\n );\n }\n if (!window.matchMedia) {\n throw new Error(\"window.matchMedia not found! Make sure you're using a polyfill.\");\n } else if (responsiveOptions) {\n responsiveOptions.forEach((responsiveOption) => {\n const mql = window.matchMedia(responsiveOption[0]);\n mql.addEventListener(\"change\", updateCurrentOptions);\n mediaQueryListeners.push(mql);\n });\n }\n updateCurrentOptions();\n return {\n removeMediaQueryListeners,\n getCurrentOptions() {\n return currentOptions;\n }\n };\n}\nvar elementDescriptions = {\n m: [\n \"x\",\n \"y\"\n ],\n l: [\n \"x\",\n \"y\"\n ],\n c: [\n \"x1\",\n \"y1\",\n \"x2\",\n \"y2\",\n \"x\",\n \"y\"\n ],\n a: [\n \"rx\",\n \"ry\",\n \"xAr\",\n \"lAf\",\n \"sf\",\n \"x\",\n \"y\"\n ]\n};\nvar defaultOptions$3 = {\n // The accuracy in digit count after the decimal point. This will be used to round numbers in the SVG path. If this option is set to false then no rounding will be performed.\n accuracy: 3\n};\nfunction element(command, params, pathElements, pos, relative, data) {\n const pathElement = {\n command: relative ? command.toLowerCase() : command.toUpperCase(),\n ...params,\n ...data ? {\n data\n } : {}\n };\n pathElements.splice(pos, 0, pathElement);\n}\nfunction forEachParam(pathElements, cb) {\n pathElements.forEach((pathElement, pathElementIndex) => {\n elementDescriptions[pathElement.command.toLowerCase()].forEach((paramName, paramIndex) => {\n cb(pathElement, paramName, pathElementIndex, paramIndex, pathElements);\n });\n });\n}\nvar SvgPath = class _SvgPath {\n /**\n * This static function on `SvgPath` is joining multiple paths together into one paths.\n * @param paths A list of paths to be joined together. The order is important.\n * @param close If the newly created path should be a closed path\n * @param options Path options for the newly created path.\n */\n static join(paths) {\n let close = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, options = arguments.length > 2 ? arguments[2] : void 0;\n const joinedPath = new _SvgPath(close, options);\n for (let i2 = 0; i2 < paths.length; i2++) {\n const path = paths[i2];\n for (let j = 0; j < path.pathElements.length; j++) {\n joinedPath.pathElements.push(path.pathElements[j]);\n }\n }\n return joinedPath;\n }\n position(pos) {\n if (pos !== void 0) {\n this.pos = Math.max(0, Math.min(this.pathElements.length, pos));\n return this;\n } else {\n return this.pos;\n }\n }\n /**\n * Removes elements from the path starting at the current position.\n * @param count Number of path elements that should be removed from the current position.\n * @return The current path object for easy call chaining.\n */\n remove(count) {\n this.pathElements.splice(this.pos, count);\n return this;\n }\n /**\n * Use this function to add a new move SVG path element.\n * @param x The x coordinate for the move element.\n * @param y The y coordinate for the move element.\n * @param relative If set to true the move element will be created with relative coordinates (lowercase letter)\n * @param data Any data that should be stored with the element object that will be accessible in pathElement\n * @return The current path object for easy call chaining.\n */\n move(x, y) {\n let relative = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false, data = arguments.length > 3 ? arguments[3] : void 0;\n element(\"M\", {\n x: +x,\n y: +y\n }, this.pathElements, this.pos++, relative, data);\n return this;\n }\n /**\n * Use this function to add a new line SVG path element.\n * @param x The x coordinate for the line element.\n * @param y The y coordinate for the line element.\n * @param relative If set to true the line element will be created with relative coordinates (lowercase letter)\n * @param data Any data that should be stored with the element object that will be accessible in pathElement\n * @return The current path object for easy call chaining.\n */\n line(x, y) {\n let relative = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false, data = arguments.length > 3 ? arguments[3] : void 0;\n element(\"L\", {\n x: +x,\n y: +y\n }, this.pathElements, this.pos++, relative, data);\n return this;\n }\n /**\n * Use this function to add a new curve SVG path element.\n * @param x1 The x coordinate for the first control point of the bezier curve.\n * @param y1 The y coordinate for the first control point of the bezier curve.\n * @param x2 The x coordinate for the second control point of the bezier curve.\n * @param y2 The y coordinate for the second control point of the bezier curve.\n * @param x The x coordinate for the target point of the curve element.\n * @param y The y coordinate for the target point of the curve element.\n * @param relative If set to true the curve element will be created with relative coordinates (lowercase letter)\n * @param data Any data that should be stored with the element object that will be accessible in pathElement\n * @return The current path object for easy call chaining.\n */\n curve(x1, y1, x2, y2, x, y) {\n let relative = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false, data = arguments.length > 7 ? arguments[7] : void 0;\n element(\"C\", {\n x1: +x1,\n y1: +y1,\n x2: +x2,\n y2: +y2,\n x: +x,\n y: +y\n }, this.pathElements, this.pos++, relative, data);\n return this;\n }\n /**\n * Use this function to add a new non-bezier curve SVG path element.\n * @param rx The radius to be used for the x-axis of the arc.\n * @param ry The radius to be used for the y-axis of the arc.\n * @param xAr Defines the orientation of the arc\n * @param lAf Large arc flag\n * @param sf Sweep flag\n * @param x The x coordinate for the target point of the curve element.\n * @param y The y coordinate for the target point of the curve element.\n * @param relative If set to true the curve element will be created with relative coordinates (lowercase letter)\n * @param data Any data that should be stored with the element object that will be accessible in pathElement\n * @return The current path object for easy call chaining.\n */\n arc(rx, ry, xAr, lAf, sf, x, y) {\n let relative = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false, data = arguments.length > 8 ? arguments[8] : void 0;\n element(\"A\", {\n rx,\n ry,\n xAr,\n lAf,\n sf,\n x,\n y\n }, this.pathElements, this.pos++, relative, data);\n return this;\n }\n /**\n * Parses an SVG path seen in the d attribute of path elements, and inserts the parsed elements into the existing path object at the current cursor position. Any closing path indicators (Z at the end of the path) will be ignored by the parser as this is provided by the close option in the options of the path object.\n * @param path Any SVG path that contains move (m), line (l) or curve (c) components.\n * @return The current path object for easy call chaining.\n */\n parse(path) {\n const chunks = path.replace(/([A-Za-z])(-?[0-9])/g, \"$1 $2\").replace(/([0-9])([A-Za-z])/g, \"$1 $2\").split(/[\\s,]+/).reduce((result, pathElement) => {\n if (pathElement.match(/[A-Za-z]/)) {\n result.push([]);\n }\n result[result.length - 1].push(pathElement);\n return result;\n }, []);\n if (chunks[chunks.length - 1][0].toUpperCase() === \"Z\") {\n chunks.pop();\n }\n const elements = chunks.map((chunk) => {\n const command = chunk.shift();\n const description = elementDescriptions[command.toLowerCase()];\n return {\n command,\n ...description.reduce((result, paramName, index) => {\n result[paramName] = +chunk[index];\n return result;\n }, {})\n };\n });\n this.pathElements.splice(this.pos, 0, ...elements);\n this.pos += elements.length;\n return this;\n }\n /**\n * This function renders to current SVG path object into a final SVG string that can be used in the d attribute of SVG path elements. It uses the accuracy option to round big decimals. If the close parameter was set in the constructor of this path object then a path closing Z will be appended to the output string.\n */\n stringify() {\n const accuracyMultiplier = Math.pow(10, this.options.accuracy);\n return this.pathElements.reduce((path, pathElement) => {\n const params = elementDescriptions[pathElement.command.toLowerCase()].map((paramName) => {\n const value = pathElement[paramName];\n return this.options.accuracy ? Math.round(value * accuracyMultiplier) / accuracyMultiplier : value;\n });\n return path + pathElement.command + params.join(\",\");\n }, \"\") + (this.close ? \"Z\" : \"\");\n }\n /**\n * Scales all elements in the current SVG path object. There is an individual parameter for each coordinate. Scaling will also be done for control points of curves, affecting the given coordinate.\n * @param x The number which will be used to scale the x, x1 and x2 of all path elements.\n * @param y The number which will be used to scale the y, y1 and y2 of all path elements.\n * @return The current path object for easy call chaining.\n */\n scale(x, y) {\n forEachParam(this.pathElements, (pathElement, paramName) => {\n pathElement[paramName] *= paramName[0] === \"x\" ? x : y;\n });\n return this;\n }\n /**\n * Translates all elements in the current SVG path object. The translation is relative and there is an individual parameter for each coordinate. Translation will also be done for control points of curves, affecting the given coordinate.\n * @param x The number which will be used to translate the x, x1 and x2 of all path elements.\n * @param y The number which will be used to translate the y, y1 and y2 of all path elements.\n * @return The current path object for easy call chaining.\n */\n translate(x, y) {\n forEachParam(this.pathElements, (pathElement, paramName) => {\n pathElement[paramName] += paramName[0] === \"x\" ? x : y;\n });\n return this;\n }\n /**\n * This function will run over all existing path elements and then loop over their attributes. The callback function will be called for every path element attribute that exists in the current path.\n * The method signature of the callback function looks like this:\n * ```javascript\n * function(pathElement, paramName, pathElementIndex, paramIndex, pathElements)\n * ```\n * If something else than undefined is returned by the callback function, this value will be used to replace the old value. This allows you to build custom transformations of path objects that can't be achieved using the basic transformation functions scale and translate.\n * @param transformFnc The callback function for the transformation. Check the signature in the function description.\n * @return The current path object for easy call chaining.\n */\n transform(transformFnc) {\n forEachParam(this.pathElements, (pathElement, paramName, pathElementIndex, paramIndex, pathElements) => {\n const transformed = transformFnc(pathElement, paramName, pathElementIndex, paramIndex, pathElements);\n if (transformed || transformed === 0) {\n pathElement[paramName] = transformed;\n }\n });\n return this;\n }\n /**\n * This function clones a whole path object with all its properties. This is a deep clone and path element objects will also be cloned.\n * @param close Optional option to set the new cloned path to closed. If not specified or false, the original path close option will be used.\n */\n clone() {\n let close = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;\n const clone = new _SvgPath(close || this.close);\n clone.pos = this.pos;\n clone.pathElements = this.pathElements.slice().map(\n (pathElement) => ({\n ...pathElement\n })\n );\n clone.options = {\n ...this.options\n };\n return clone;\n }\n /**\n * Split a Svg.Path object by a specific command in the path chain. The path chain will be split and an array of newly created paths objects will be returned. This is useful if you'd like to split an SVG path by it's move commands, for example, in order to isolate chunks of drawings.\n * @param command The command you'd like to use to split the path\n */\n splitByCommand(command) {\n const split = [\n new _SvgPath()\n ];\n this.pathElements.forEach((pathElement) => {\n if (pathElement.command === command.toUpperCase() && split[split.length - 1].pathElements.length !== 0) {\n split.push(new _SvgPath());\n }\n split[split.length - 1].pathElements.push(pathElement);\n });\n return split;\n }\n /**\n * Used to construct a new path object.\n * @param close If set to true then this path will be closed when stringified (with a Z at the end)\n * @param options Options object that overrides the default objects. See default options for more details.\n */\n constructor(close = false, options) {\n this.close = close;\n this.pathElements = [];\n this.pos = 0;\n this.options = {\n ...defaultOptions$3,\n ...options\n };\n }\n};\nfunction none(options) {\n const finalOptions = {\n fillHoles: false,\n ...options\n };\n return function noneInterpolation(pathCoordinates, valueData) {\n const path = new SvgPath();\n let hole = true;\n for (let i2 = 0; i2 < pathCoordinates.length; i2 += 2) {\n const currX = pathCoordinates[i2];\n const currY = pathCoordinates[i2 + 1];\n const currData = valueData[i2 / 2];\n if (getMultiValue(currData.value) !== void 0) {\n if (hole) {\n path.move(currX, currY, false, currData);\n } else {\n path.line(currX, currY, false, currData);\n }\n hole = false;\n } else if (!finalOptions.fillHoles) {\n hole = true;\n }\n }\n return path;\n };\n}\nfunction monotoneCubic(options) {\n const finalOptions = {\n fillHoles: false,\n ...options\n };\n return function monotoneCubicInterpolation(pathCoordinates, valueData) {\n const segments = splitIntoSegments(pathCoordinates, valueData, {\n fillHoles: finalOptions.fillHoles,\n increasingX: true\n });\n if (!segments.length) {\n return none()([], []);\n } else if (segments.length > 1) {\n return SvgPath.join(segments.map(\n (segment) => monotoneCubicInterpolation(segment.pathCoordinates, segment.valueData)\n ));\n } else {\n pathCoordinates = segments[0].pathCoordinates;\n valueData = segments[0].valueData;\n if (pathCoordinates.length <= 4) {\n return none()(pathCoordinates, valueData);\n }\n const xs = [];\n const ys = [];\n const n2 = pathCoordinates.length / 2;\n const ms = [];\n const ds = [];\n const dys = [];\n const dxs = [];\n for (let i2 = 0; i2 < n2; i2++) {\n xs[i2] = pathCoordinates[i2 * 2];\n ys[i2] = pathCoordinates[i2 * 2 + 1];\n }\n for (let i1 = 0; i1 < n2 - 1; i1++) {\n dys[i1] = ys[i1 + 1] - ys[i1];\n dxs[i1] = xs[i1 + 1] - xs[i1];\n ds[i1] = dys[i1] / dxs[i1];\n }\n ms[0] = ds[0];\n ms[n2 - 1] = ds[n2 - 2];\n for (let i2 = 1; i2 < n2 - 1; i2++) {\n if (ds[i2] === 0 || ds[i2 - 1] === 0 || ds[i2 - 1] > 0 !== ds[i2] > 0) {\n ms[i2] = 0;\n } else {\n ms[i2] = 3 * (dxs[i2 - 1] + dxs[i2]) / ((2 * dxs[i2] + dxs[i2 - 1]) / ds[i2 - 1] + (dxs[i2] + 2 * dxs[i2 - 1]) / ds[i2]);\n if (!isFinite(ms[i2])) {\n ms[i2] = 0;\n }\n }\n }\n const path = new SvgPath().move(xs[0], ys[0], false, valueData[0]);\n for (let i3 = 0; i3 < n2 - 1; i3++) {\n path.curve(\n // First control point\n xs[i3] + dxs[i3] / 3,\n ys[i3] + ms[i3] * dxs[i3] / 3,\n // Second control point\n xs[i3 + 1] - dxs[i3] / 3,\n ys[i3 + 1] - ms[i3 + 1] * dxs[i3] / 3,\n // End point\n xs[i3 + 1],\n ys[i3 + 1],\n false,\n valueData[i3 + 1]\n );\n }\n return path;\n }\n };\n}\nvar EventEmitter = class {\n on(event, listener) {\n const { allListeners, listeners } = this;\n if (event === \"*\") {\n allListeners.add(listener);\n } else {\n if (!listeners.has(event)) {\n listeners.set(event, /* @__PURE__ */ new Set());\n }\n listeners.get(event).add(listener);\n }\n }\n off(event, listener) {\n const { allListeners, listeners } = this;\n if (event === \"*\") {\n if (listener) {\n allListeners.delete(listener);\n } else {\n allListeners.clear();\n }\n } else if (listeners.has(event)) {\n const eventListeners = listeners.get(event);\n if (listener) {\n eventListeners.delete(listener);\n } else {\n eventListeners.clear();\n }\n if (!eventListeners.size) {\n listeners.delete(event);\n }\n }\n }\n /**\n * Use this function to emit an event. All handlers that are listening for this event will be triggered with the data parameter.\n * @param event The event name that should be triggered\n * @param data Arbitrary data that will be passed to the event handler callback functions\n */\n emit(event, data) {\n const { allListeners, listeners } = this;\n if (listeners.has(event)) {\n listeners.get(event).forEach(\n (listener) => listener(data)\n );\n }\n allListeners.forEach(\n (listener) => listener(event, data)\n );\n }\n constructor() {\n this.listeners = /* @__PURE__ */ new Map();\n this.allListeners = /* @__PURE__ */ new Set();\n }\n};\nvar instances = /* @__PURE__ */ new WeakMap();\nvar BaseChart = class {\n // TODO: Currently we need to re-draw the chart on window resize. This is usually very bad and will affect performance.\n // This is done because we can't work with relative coordinates when drawing the chart because SVG Path does not\n // work with relative positions yet. We need to check if we can do a viewBox hack to switch to percentage.\n // See http://mozilla.6506.n7.nabble.com/Specyfing-paths-with-percentages-unit-td247474.html\n // Update: can be done using the above method tested here: http://codepen.io/gionkunz/pen/KDvLj\n // The problem is with the label offsets that can't be converted into percentage and affecting the chart container\n /**\n * Updates the chart which currently does a full reconstruction of the SVG DOM\n * @param data Optional data you'd like to set for the chart before it will update. If not specified the update method will use the data that is already configured with the chart.\n * @param options Optional options you'd like to add to the previous options for the chart before it will update. If not specified the update method will use the options that have been already configured with the chart.\n * @param override If set to true, the passed options will be used to extend the options that have been configured already. Otherwise the chart default options will be used as the base\n */\n update(data, options) {\n let override = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n if (data) {\n this.data = data || {};\n this.data.labels = this.data.labels || [];\n this.data.series = this.data.series || [];\n this.eventEmitter.emit(\"data\", {\n type: \"update\",\n data: this.data\n });\n }\n if (options) {\n this.options = extend({}, override ? this.options : this.defaultOptions, options);\n if (!this.initializeTimeoutId) {\n var ref;\n (ref = this.optionsProvider) === null || ref === void 0 ? void 0 : ref.removeMediaQueryListeners();\n this.optionsProvider = optionsProvider(this.options, this.responsiveOptions, this.eventEmitter);\n }\n }\n if (!this.initializeTimeoutId && this.optionsProvider) {\n this.createChart(this.optionsProvider.getCurrentOptions());\n }\n return this;\n }\n /**\n * This method can be called on the API object of each chart and will un-register all event listeners that were added to other components. This currently includes a window.resize listener as well as media query listeners if any responsive options have been provided. Use this function if you need to destroy and recreate Chartist charts dynamically.\n */\n detach() {\n if (!this.initializeTimeoutId) {\n var ref;\n window.removeEventListener(\"resize\", this.resizeListener);\n (ref = this.optionsProvider) === null || ref === void 0 ? void 0 : ref.removeMediaQueryListeners();\n } else {\n window.clearTimeout(this.initializeTimeoutId);\n }\n instances.delete(this.container);\n return this;\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n on(event, listener) {\n this.eventEmitter.on(event, listener);\n return this;\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n off(event, listener) {\n this.eventEmitter.off(event, listener);\n return this;\n }\n initialize() {\n window.addEventListener(\"resize\", this.resizeListener);\n this.optionsProvider = optionsProvider(this.options, this.responsiveOptions, this.eventEmitter);\n this.eventEmitter.on(\n \"optionsChanged\",\n () => this.update()\n );\n if (this.options.plugins) {\n this.options.plugins.forEach((plugin) => {\n if (Array.isArray(plugin)) {\n plugin[0](this, plugin[1]);\n } else {\n plugin(this);\n }\n });\n }\n this.eventEmitter.emit(\"data\", {\n type: \"initial\",\n data: this.data\n });\n this.createChart(this.optionsProvider.getCurrentOptions());\n this.initializeTimeoutId = null;\n }\n constructor(query, data, defaultOptions, options, responsiveOptions) {\n this.data = data;\n this.defaultOptions = defaultOptions;\n this.options = options;\n this.responsiveOptions = responsiveOptions;\n this.eventEmitter = new EventEmitter();\n this.resizeListener = () => this.update();\n this.initializeTimeoutId = setTimeout(\n () => this.initialize(),\n 0\n );\n const container = typeof query === \"string\" ? document.querySelector(query) : query;\n if (!container) {\n throw new Error(\"Target element is not found\");\n }\n this.container = container;\n const prevInstance = instances.get(container);\n if (prevInstance) {\n prevInstance.detach();\n }\n instances.set(container, this);\n }\n};\nvar axisUnits = {\n x: {\n pos: \"x\",\n len: \"width\",\n dir: \"horizontal\",\n rectStart: \"x1\",\n rectEnd: \"x2\",\n rectOffset: \"y2\"\n },\n y: {\n pos: \"y\",\n len: \"height\",\n dir: \"vertical\",\n rectStart: \"y2\",\n rectEnd: \"y1\",\n rectOffset: \"x1\"\n }\n};\nvar Axis = class {\n createGridAndLabels(gridGroup, labelGroup, chartOptions, eventEmitter) {\n const axisOptions = this.units.pos === \"x\" ? chartOptions.axisX : chartOptions.axisY;\n const projectedValues = this.ticks.map(\n (tick, i2) => this.projectValue(tick, i2)\n );\n const labelValues = this.ticks.map(axisOptions.labelInterpolationFnc);\n projectedValues.forEach((projectedValue, index) => {\n const labelValue = labelValues[index];\n const labelOffset = {\n x: 0,\n y: 0\n };\n let labelLength;\n if (projectedValues[index + 1]) {\n labelLength = projectedValues[index + 1] - projectedValue;\n } else {\n labelLength = Math.max(this.axisLength - projectedValue, this.axisLength / this.ticks.length);\n }\n if (labelValue !== \"\" && isFalseyButZero(labelValue)) {\n return;\n }\n if (this.units.pos === \"x\") {\n projectedValue = this.chartRect.x1 + projectedValue;\n labelOffset.x = chartOptions.axisX.labelOffset.x;\n if (chartOptions.axisX.position === \"start\") {\n labelOffset.y = this.chartRect.padding.top + chartOptions.axisX.labelOffset.y + 5;\n } else {\n labelOffset.y = this.chartRect.y1 + chartOptions.axisX.labelOffset.y + 5;\n }\n } else {\n projectedValue = this.chartRect.y1 - projectedValue;\n labelOffset.y = chartOptions.axisY.labelOffset.y - labelLength;\n if (chartOptions.axisY.position === \"start\") {\n labelOffset.x = this.chartRect.padding.left + chartOptions.axisY.labelOffset.x;\n } else {\n labelOffset.x = this.chartRect.x2 + chartOptions.axisY.labelOffset.x + 10;\n }\n }\n if (axisOptions.showGrid) {\n createGrid(projectedValue, index, this, this.gridOffset, this.chartRect[this.counterUnits.len](), gridGroup, [\n chartOptions.classNames.grid,\n chartOptions.classNames[this.units.dir]\n ], eventEmitter);\n }\n if (axisOptions.showLabel) {\n createLabel(projectedValue, labelLength, index, labelValue, this, axisOptions.offset, labelOffset, labelGroup, [\n chartOptions.classNames.label,\n chartOptions.classNames[this.units.dir],\n axisOptions.position === \"start\" ? chartOptions.classNames[axisOptions.position] : chartOptions.classNames.end\n ], eventEmitter);\n }\n });\n }\n constructor(units, chartRect, ticks) {\n this.units = units;\n this.chartRect = chartRect;\n this.ticks = ticks;\n this.counterUnits = units === axisUnits.x ? axisUnits.y : axisUnits.x;\n this.axisLength = chartRect[this.units.rectEnd] - chartRect[this.units.rectStart];\n this.gridOffset = chartRect[this.units.rectOffset];\n }\n};\nvar AutoScaleAxis = class extends Axis {\n projectValue(value) {\n const finalValue = Number(getMultiValue(value, this.units.pos));\n return this.axisLength * (finalValue - this.bounds.min) / this.bounds.range;\n }\n constructor(axisUnit, data, chartRect, options) {\n const highLow = options.highLow || getHighLow(data, options, axisUnit.pos);\n const bounds = getBounds(chartRect[axisUnit.rectEnd] - chartRect[axisUnit.rectStart], highLow, options.scaleMinSpace || 20, options.onlyInteger);\n const range = {\n min: bounds.min,\n max: bounds.max\n };\n super(axisUnit, chartRect, bounds.values);\n this.bounds = bounds;\n this.range = range;\n }\n};\nvar FixedScaleAxis = class extends Axis {\n projectValue(value) {\n const finalValue = Number(getMultiValue(value, this.units.pos));\n return this.axisLength * (finalValue - this.range.min) / (this.range.max - this.range.min);\n }\n constructor(axisUnit, data, chartRect, options) {\n const highLow = options.highLow || getHighLow(data, options, axisUnit.pos);\n const divisor = options.divisor || 1;\n const ticks = (options.ticks || times(\n divisor,\n (index) => highLow.low + (highLow.high - highLow.low) / divisor * index\n )).sort(\n (a, b) => Number(a) - Number(b)\n );\n const range = {\n min: highLow.low,\n max: highLow.high\n };\n super(axisUnit, chartRect, ticks);\n this.range = range;\n }\n};\nvar StepAxis = class extends Axis {\n projectValue(_value, index) {\n return this.stepLength * index;\n }\n constructor(axisUnit, _data, chartRect, options) {\n const ticks = options.ticks || [];\n super(axisUnit, chartRect, ticks);\n const calc = Math.max(1, ticks.length - (options.stretch ? 1 : 0));\n this.stepLength = this.axisLength / calc;\n this.stretch = Boolean(options.stretch);\n }\n};\nfunction getSeriesOption(series, options, key) {\n var ref;\n if (safeHasProperty(series, \"name\") && series.name && ((ref = options.series) === null || ref === void 0 ? void 0 : ref[series.name])) {\n const seriesOptions = options === null || options === void 0 ? void 0 : options.series[series.name];\n const value = seriesOptions[key];\n const result = value === void 0 ? options[key] : value;\n return result;\n } else {\n return options[key];\n }\n}\nvar defaultOptions$2 = {\n // Options for X-Axis\n axisX: {\n // The offset of the labels to the chart area\n offset: 30,\n // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.\n position: \"end\",\n // Allows you to correct label positioning on this axis by positive or negative x and y offset.\n labelOffset: {\n x: 0,\n y: 0\n },\n // If labels should be shown or not\n showLabel: true,\n // If the axis grid should be drawn or not\n showGrid: true,\n // Interpolation function that allows you to intercept the value from the axis label\n labelInterpolationFnc: noop,\n // Set the axis type to be used to project values on this axis. If not defined, Chartist.StepAxis will be used for the X-Axis, where the ticks option will be set to the labels in the data and the stretch option will be set to the global fullWidth option. This type can be changed to any axis constructor available (e.g. Chartist.FixedScaleAxis), where all axis options should be present here.\n type: void 0\n },\n // Options for Y-Axis\n axisY: {\n // The offset of the labels to the chart area\n offset: 40,\n // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.\n position: \"start\",\n // Allows you to correct label positioning on this axis by positive or negative x and y offset.\n labelOffset: {\n x: 0,\n y: 0\n },\n // If labels should be shown or not\n showLabel: true,\n // If the axis grid should be drawn or not\n showGrid: true,\n // Interpolation function that allows you to intercept the value from the axis label\n labelInterpolationFnc: noop,\n // Set the axis type to be used to project values on this axis. If not defined, Chartist.AutoScaleAxis will be used for the Y-Axis, where the high and low options will be set to the global high and low options. This type can be changed to any axis constructor available (e.g. Chartist.FixedScaleAxis), where all axis options should be present here.\n type: void 0,\n // This value specifies the minimum height in pixel of the scale steps\n scaleMinSpace: 20,\n // Use only integer values (whole numbers) for the scale steps\n onlyInteger: false\n },\n // Specify a fixed width for the chart as a string (i.e. '100px' or '50%')\n width: void 0,\n // Specify a fixed height for the chart as a string (i.e. '100px' or '50%')\n height: void 0,\n // If the line should be drawn or not\n showLine: true,\n // If dots should be drawn or not\n showPoint: true,\n // If the line chart should draw an area\n showArea: false,\n // The base for the area chart that will be used to close the area shape (is normally 0)\n areaBase: 0,\n // Specify if the lines should be smoothed. This value can be true or false where true will result in smoothing using the default smoothing interpolation function Chartist.Interpolation.cardinal and false results in Chartist.Interpolation.none. You can also choose other smoothing / interpolation functions available in the Chartist.Interpolation module, or write your own interpolation function. Check the examples for a brief description.\n lineSmooth: true,\n // If the line chart should add a background fill to the .ct-grids group.\n showGridBackground: false,\n // Overriding the natural low of the chart allows you to zoom in or limit the charts lowest displayed value\n low: void 0,\n // Overriding the natural high of the chart allows you to zoom in or limit the charts highest displayed value\n high: void 0,\n // Padding of the chart drawing area to the container element and labels as a number or padding object {top: 5, right: 5, bottom: 5, left: 5}\n chartPadding: {\n top: 15,\n right: 15,\n bottom: 5,\n left: 10\n },\n // When set to true, the last grid line on the x-axis is not drawn and the chart elements will expand to the full available width of the chart. For the last label to be drawn correctly you might need to add chart padding or offset the last label with a draw event handler.\n fullWidth: false,\n // If true the whole data is reversed including labels, the series order as well as the whole series data arrays.\n reverseData: false,\n // Override the class names that get used to generate the SVG structure of the chart\n classNames: {\n chart: \"ct-chart-line\",\n label: \"ct-label\",\n labelGroup: \"ct-labels\",\n series: \"ct-series\",\n line: \"ct-line\",\n point: \"ct-point\",\n area: \"ct-area\",\n grid: \"ct-grid\",\n gridGroup: \"ct-grids\",\n gridBackground: \"ct-grid-background\",\n vertical: \"ct-vertical\",\n horizontal: \"ct-horizontal\",\n start: \"ct-start\",\n end: \"ct-end\"\n }\n};\nvar LineChart = class extends BaseChart {\n /**\n * Creates a new chart\n */\n createChart(options) {\n const { data } = this;\n const normalizedData = normalizeData(data, options.reverseData, true);\n const svg = createSvg(this.container, options.width, options.height, options.classNames.chart);\n this.svg = svg;\n const gridGroup = svg.elem(\"g\").addClass(options.classNames.gridGroup);\n const seriesGroup = svg.elem(\"g\");\n const labelGroup = svg.elem(\"g\").addClass(options.classNames.labelGroup);\n const chartRect = createChartRect(svg, options);\n let axisX;\n let axisY;\n if (options.axisX.type === void 0) {\n axisX = new StepAxis(axisUnits.x, normalizedData.series, chartRect, {\n ...options.axisX,\n ticks: normalizedData.labels,\n stretch: options.fullWidth\n });\n } else {\n axisX = new options.axisX.type(axisUnits.x, normalizedData.series, chartRect, options.axisX);\n }\n if (options.axisY.type === void 0) {\n axisY = new AutoScaleAxis(axisUnits.y, normalizedData.series, chartRect, {\n ...options.axisY,\n high: isNumeric(options.high) ? options.high : options.axisY.high,\n low: isNumeric(options.low) ? options.low : options.axisY.low\n });\n } else {\n axisY = new options.axisY.type(axisUnits.y, normalizedData.series, chartRect, options.axisY);\n }\n axisX.createGridAndLabels(gridGroup, labelGroup, options, this.eventEmitter);\n axisY.createGridAndLabels(gridGroup, labelGroup, options, this.eventEmitter);\n if (options.showGridBackground) {\n createGridBackground(gridGroup, chartRect, options.classNames.gridBackground, this.eventEmitter);\n }\n each(data.series, (series, seriesIndex) => {\n const seriesElement = seriesGroup.elem(\"g\");\n const seriesName = safeHasProperty(series, \"name\") && series.name;\n const seriesClassName = safeHasProperty(series, \"className\") && series.className;\n const seriesMeta = safeHasProperty(series, \"meta\") ? series.meta : void 0;\n if (seriesName) {\n seriesElement.attr({\n \"ct:series-name\": seriesName\n });\n }\n if (seriesMeta) {\n seriesElement.attr({\n \"ct:meta\": serialize(seriesMeta)\n });\n }\n seriesElement.addClass([\n options.classNames.series,\n seriesClassName || \"\".concat(options.classNames.series, \"-\").concat(alphaNumerate(seriesIndex))\n ].join(\" \"));\n const pathCoordinates = [];\n const pathData = [];\n normalizedData.series[seriesIndex].forEach((value, valueIndex) => {\n const p = {\n x: chartRect.x1 + axisX.projectValue(value, valueIndex, normalizedData.series[seriesIndex]),\n y: chartRect.y1 - axisY.projectValue(value, valueIndex, normalizedData.series[seriesIndex])\n };\n pathCoordinates.push(p.x, p.y);\n pathData.push({\n value,\n valueIndex,\n meta: getMetaData(series, valueIndex)\n });\n });\n const seriesOptions = {\n lineSmooth: getSeriesOption(series, options, \"lineSmooth\"),\n showPoint: getSeriesOption(series, options, \"showPoint\"),\n showLine: getSeriesOption(series, options, \"showLine\"),\n showArea: getSeriesOption(series, options, \"showArea\"),\n areaBase: getSeriesOption(series, options, \"areaBase\")\n };\n let smoothing;\n if (typeof seriesOptions.lineSmooth === \"function\") {\n smoothing = seriesOptions.lineSmooth;\n } else {\n smoothing = seriesOptions.lineSmooth ? monotoneCubic() : none();\n }\n const path = smoothing(pathCoordinates, pathData);\n if (seriesOptions.showPoint) {\n path.pathElements.forEach((pathElement) => {\n const { data: pathElementData } = pathElement;\n const point = seriesElement.elem(\"line\", {\n x1: pathElement.x,\n y1: pathElement.y,\n x2: pathElement.x + 0.01,\n y2: pathElement.y\n }, options.classNames.point);\n if (pathElementData) {\n let x;\n let y;\n if (safeHasProperty(pathElementData.value, \"x\")) {\n x = pathElementData.value.x;\n }\n if (safeHasProperty(pathElementData.value, \"y\")) {\n y = pathElementData.value.y;\n }\n point.attr({\n \"ct:value\": [\n x,\n y\n ].filter(isNumeric).join(\",\"),\n \"ct:meta\": serialize(pathElementData.meta)\n });\n }\n this.eventEmitter.emit(\"draw\", {\n type: \"point\",\n value: pathElementData === null || pathElementData === void 0 ? void 0 : pathElementData.value,\n index: (pathElementData === null || pathElementData === void 0 ? void 0 : pathElementData.valueIndex) || 0,\n meta: pathElementData === null || pathElementData === void 0 ? void 0 : pathElementData.meta,\n series,\n seriesIndex,\n axisX,\n axisY,\n group: seriesElement,\n element: point,\n x: pathElement.x,\n y: pathElement.y,\n chartRect\n });\n });\n }\n if (seriesOptions.showLine) {\n const line = seriesElement.elem(\"path\", {\n d: path.stringify()\n }, options.classNames.line, true);\n this.eventEmitter.emit(\"draw\", {\n type: \"line\",\n values: normalizedData.series[seriesIndex],\n path: path.clone(),\n chartRect,\n // TODO: Remove redundant\n index: seriesIndex,\n series,\n seriesIndex,\n meta: seriesMeta,\n axisX,\n axisY,\n group: seriesElement,\n element: line\n });\n }\n if (seriesOptions.showArea && axisY.range) {\n const areaBase = Math.max(Math.min(seriesOptions.areaBase, axisY.range.max), axisY.range.min);\n const areaBaseProjected = chartRect.y1 - axisY.projectValue(areaBase);\n path.splitByCommand(\"M\").filter(\n (pathSegment) => pathSegment.pathElements.length > 1\n ).map((solidPathSegments) => {\n const firstElement = solidPathSegments.pathElements[0];\n const lastElement = solidPathSegments.pathElements[solidPathSegments.pathElements.length - 1];\n return solidPathSegments.clone(true).position(0).remove(1).move(firstElement.x, areaBaseProjected).line(firstElement.x, firstElement.y).position(solidPathSegments.pathElements.length + 1).line(lastElement.x, areaBaseProjected);\n }).forEach((areaPath) => {\n const area = seriesElement.elem(\"path\", {\n d: areaPath.stringify()\n }, options.classNames.area, true);\n this.eventEmitter.emit(\"draw\", {\n type: \"area\",\n values: normalizedData.series[seriesIndex],\n path: areaPath.clone(),\n series,\n seriesIndex,\n axisX,\n axisY,\n chartRect,\n // TODO: Remove redundant\n index: seriesIndex,\n group: seriesElement,\n element: area,\n meta: seriesMeta\n });\n });\n }\n }, options.reverseData);\n this.eventEmitter.emit(\"created\", {\n chartRect,\n axisX,\n axisY,\n svg,\n options\n });\n }\n /**\n * This method creates a new line chart.\n * @param query A selector query string or directly a DOM element\n * @param data The data object that needs to consist of a labels and a series array\n * @param options The options object with options that override the default options. Check the examples for a detailed list.\n * @param responsiveOptions Specify an array of responsive option arrays which are a media query and options object pair => [[mediaQueryString, optionsObject],[more...]]\n * @return An object which exposes the API for the created chart\n *\n * @example\n * ```ts\n * // Create a simple line chart\n * const data = {\n * // A labels array that can contain any sort of values\n * labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],\n * // Our series array that contains series objects or in this case series data arrays\n * series: [\n * [5, 2, 4, 2, 0]\n * ]\n * };\n *\n * // As options we currently only set a static size of 300x200 px\n * const options = {\n * width: '300px',\n * height: '200px'\n * };\n *\n * // In the global name space Chartist we call the Line function to initialize a line chart. As a first parameter we pass in a selector where we would like to get our chart created. Second parameter is the actual data object and as a third parameter we pass in our options\n * new LineChart('.ct-chart', data, options);\n * ```\n *\n * @example\n * ```ts\n * // Use specific interpolation function with configuration from the Chartist.Interpolation module\n *\n * const chart = new LineChart('.ct-chart', {\n * labels: [1, 2, 3, 4, 5],\n * series: [\n * [1, 1, 8, 1, 7]\n * ]\n * }, {\n * lineSmooth: Chartist.Interpolation.cardinal({\n * tension: 0.2\n * })\n * });\n * ```\n *\n * @example\n * ```ts\n * // Create a line chart with responsive options\n *\n * const data = {\n * // A labels array that can contain any sort of values\n * labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],\n * // Our series array that contains series objects or in this case series data arrays\n * series: [\n * [5, 2, 4, 2, 0]\n * ]\n * };\n *\n * // In addition to the regular options we specify responsive option overrides that will override the default configutation based on the matching media queries.\n * const responsiveOptions = [\n * ['screen and (min-width: 641px) and (max-width: 1024px)', {\n * showPoint: false,\n * axisX: {\n * labelInterpolationFnc: function(value) {\n * // Will return Mon, Tue, Wed etc. on medium screens\n * return value.slice(0, 3);\n * }\n * }\n * }],\n * ['screen and (max-width: 640px)', {\n * showLine: false,\n * axisX: {\n * labelInterpolationFnc: function(value) {\n * // Will return M, T, W etc. on small screens\n * return value[0];\n * }\n * }\n * }]\n * ];\n *\n * new LineChart('.ct-chart', data, null, responsiveOptions);\n * ```\n */\n constructor(query, data, options, responsiveOptions) {\n super(query, data, defaultOptions$2, extend({}, defaultOptions$2, options), responsiveOptions);\n this.data = data;\n }\n};\n\n// node_modules/chartist/dist/index.scss?inline\nvar dist_default = i`.ct-label {\n fill: rgba(0, 0, 0, 0.4);\n color: rgba(0, 0, 0, 0.4);\n font-size: 0.75rem;\n line-height: 1;\n}\n\n.ct-chart-line .ct-label,\n.ct-chart-bar .ct-label {\n display: flex;\n}\n\n.ct-chart-pie .ct-label,\n.ct-chart-donut .ct-label {\n dominant-baseline: central;\n}\n\n.ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-vertical.ct-start {\n align-items: flex-end;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-label.ct-vertical.ct-end {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {\n align-items: center;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {\n align-items: center;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-grid {\n stroke: rgba(0, 0, 0, 0.2);\n stroke-width: 1px;\n stroke-dasharray: 2px;\n}\n\n.ct-grid-background {\n fill: none;\n}\n\n.ct-point {\n stroke-width: 10px;\n stroke-linecap: round;\n}\n\n.ct-line {\n fill: none;\n stroke-width: 4px;\n}\n\n.ct-area {\n stroke: none;\n fill-opacity: 0.1;\n}\n\n.ct-bar {\n fill: none;\n stroke-width: 10px;\n}\n\n.ct-slice-donut {\n fill: none;\n stroke-width: 60px;\n}\n\n.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {\n stroke: #d70206;\n}\n.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {\n fill: #d70206;\n}\n\n.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {\n stroke: #f05b4f;\n}\n.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {\n fill: #f05b4f;\n}\n\n.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {\n stroke: #f4c63d;\n}\n.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {\n fill: #f4c63d;\n}\n\n.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {\n stroke: #d17905;\n}\n.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {\n fill: #d17905;\n}\n\n.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {\n stroke: #453d3f;\n}\n.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {\n fill: #453d3f;\n}\n\n.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {\n stroke: #59922b;\n}\n.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {\n fill: #59922b;\n}\n\n.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {\n stroke: #0544d3;\n}\n.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {\n fill: #0544d3;\n}\n\n.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {\n stroke: #6b0392;\n}\n.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {\n fill: #6b0392;\n}\n\n.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {\n stroke: #e6805e;\n}\n.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {\n fill: #e6805e;\n}\n\n.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {\n stroke: #dda458;\n}\n.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {\n fill: #dda458;\n}\n\n.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {\n stroke: #eacf7d;\n}\n.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {\n fill: #eacf7d;\n}\n\n.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {\n stroke: #86797d;\n}\n.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {\n fill: #86797d;\n}\n\n.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {\n stroke: #b2c326;\n}\n.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {\n fill: #b2c326;\n}\n\n.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {\n stroke: #6188e2;\n}\n.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {\n fill: #6188e2;\n}\n\n.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {\n stroke: #a748ca;\n}\n.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {\n fill: #a748ca;\n}\n\n.ct-square {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-square:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 100%;\n}\n.ct-square:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-square > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 93.75%;\n}\n.ct-minor-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 88.8888888889%;\n}\n.ct-major-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 83.3333333333%;\n}\n.ct-minor-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 80%;\n}\n.ct-major-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fourth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fourth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 75%;\n}\n.ct-perfect-fourth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fourth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fifth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fifth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 66.6666666667%;\n}\n.ct-perfect-fifth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fifth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 62.5%;\n}\n.ct-minor-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-golden-section {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-golden-section:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 61.804697157%;\n}\n.ct-golden-section:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-golden-section > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 60%;\n}\n.ct-major-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 56.25%;\n}\n.ct-minor-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 53.3333333333%;\n}\n.ct-major-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 50%;\n}\n.ct-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-tenth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-tenth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 40%;\n}\n.ct-major-tenth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-tenth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-eleventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-eleventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 37.5%;\n}\n.ct-major-eleventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-eleventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-twelfth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-twelfth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 33.3333333333%;\n}\n.ct-major-twelfth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-twelfth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-double-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-double-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 25%;\n}\n.ct-double-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-double-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}`;\n\n// src/components/jb-stock-chart/jb-stock-chart.scss?inline\nvar jb_stock_chart_default = i`*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\ndiv,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\nol,\nul,\nli,\nform,\nlegend,\nlabel,\ntable,\nheader,\nfooter,\nnav,\nsection,\nfigure {\n margin: 0;\n padding: 0;\n}\n\na {\n color: inherit;\n}\n\n/* COLOR SETTINGS */\n/* shadows */\n:host {\n --spacing-none: 0;\n --spacing-base: 4px;\n --spacing-3xs: 8px;\n --spacing-2xs: 12px;\n --spacing-xs: 16px;\n --spacing-s: 20px;\n --spacing-sm: 20px;\n --spacing-m: 24px;\n --spacing-lm: 28px;\n --spacing-l: 32px;\n --spacing-xl: 32px;\n --spacing-2xl: 36px;\n --spacing-3xl: 36px;\n --spacing-4xl: 72px;\n --spacing-small: var(--spacing-lm);\n --spacing-medium: var(--spacing-3xl);\n --spacing-big: var(--spacing-4xl);\n --spacing-gap: 16px;\n}\n\n@media screen and (width >= 1281px) {\n :host {\n --spacing-sm: 24px;\n --spacing-m: 32px;\n --spacing-lm: 36px;\n --spacing-l: 40px;\n --spacing-xl: 48px;\n --spacing-2xl: 64px;\n --spacing-3xl: 72px;\n --spacing-4xl: 144px;\n --spacing-small: var(--spacing-lm);\n --spacing-medium: var(--spacing-3xl);\n --spacing-big: var(--spacing-4xl);\n --spacing-gap: 40px;\n }\n}\n/* special measurements */\n/* stylelint-disable */\n/* stylelint-enable */\n.value, .ct-label, li {\n font-family: var(--theme-font-bold-family, VerlagSSm, Tahoma, sans-serif);\n font-weight: var(--theme-font-bold-weight, 700);\n}\n\n.time, .tooltip {\n font-family: var(--theme-font-light-family, VerlagSSm, Tahoma, sans-serif);\n font-style: normal;\n font-weight: var(--theme-font-light-weight, 300);\n}\n\n.ct-label, li {\n font-size: var(--theme-typo-uppercase-700-fontsize, 0.688rem);\n letter-spacing: var(--theme-typo-uppercase-700-letterspacing, 0.063rem);\n line-height: var(--theme-typo-uppercase-700-lineheight, 1rem);\n text-transform: uppercase;\n}\n\n.value {\n font-size: var(--theme-typo-p-small-highlight-desktop-fontsize, 1rem);\n line-height: var(--theme-typo-p-small-highlight-desktop-lineheight, 1.625rem);\n}\n\n.time, .tooltip {\n font-size: var(--theme-typo-p-mini-desktop-fontsize, 0.813rem);\n line-height: var(--theme-typo-p-mini-desktop-lineheight, 1.25rem);\n}\n\n:host {\n --spacing-none: 0;\n --spacing-base: 4px;\n --spacing-3xs: 8px;\n --spacing-2xs: 12px;\n --spacing-xs: 16px;\n --spacing-s: 20px;\n --spacing-sm: 20px;\n --spacing-m: 24px;\n --spacing-lm: 28px;\n --spacing-l: 32px;\n --spacing-xl: 32px;\n --spacing-2xl: 36px;\n --spacing-3xl: 36px;\n --spacing-4xl: 72px;\n --spacing-small: var(--spacing-lm);\n --spacing-medium: var(--spacing-3xl);\n --spacing-big: var(--spacing-4xl);\n --spacing-gap: 16px;\n}\n\n@media screen and (width >= 1281px) {\n :host {\n --spacing-sm: 24px;\n --spacing-m: 32px;\n --spacing-lm: 36px;\n --spacing-l: 40px;\n --spacing-xl: 48px;\n --spacing-2xl: 64px;\n --spacing-3xl: 72px;\n --spacing-4xl: 144px;\n --spacing-small: var(--spacing-lm);\n --spacing-medium: var(--spacing-3xl);\n --spacing-big: var(--spacing-4xl);\n --spacing-gap: 40px;\n }\n}\n/* special measurements */\n:host {\n color: var(--host-color, #141e55);\n}\n\njb-section-headline {\n margin-bottom: var(--spacing-xl);\n}\n\nul {\n display: flex;\n flex-wrap: wrap;\n gap: 10px 30px;\n justify-content: center;\n margin-bottom: var(--spacing-m);\n padding: 0;\n}\n\nli {\n color: rgba(20, 30, 85, var(--theme-opacity-40, 0.4));\n cursor: pointer;\n list-style: none;\n position: relative;\n transition: color 0.4s ease-in-out;\n}\nli::before, li::after {\n bottom: 0;\n content: \"\";\n position: absolute;\n}\nli::before {\n background-color: transparent;\n border-bottom: 1px solid rgba(20, 30, 85, var(--theme-opacity-20, 0.2));\n height: 0;\n width: 100%;\n}\nli::after {\n background: #141e55;\n height: 1px;\n left: 0;\n right: 100%;\n transition: right 0.8s ease-in-out;\n}\nli.active, li:hover {\n color: #141e55;\n}\nli.active::after, li:hover::after {\n right: 0;\n}\n\n.ct-label.ct-horizontal.ct-end {\n display: inline-block;\n transform: translateX(-50%);\n width: auto !important;\n}\n\n#chart {\n aspect-ratio: 2/1;\n position: relative;\n touch-action: pan-y;\n}\n#chart.hovering .tooltip, #chart.hovering .tooltipline, #chart.hovering .tooltipdot, #chart:hover .tooltip, #chart:hover .tooltipline, #chart:hover .tooltipdot {\n opacity: 1;\n}\n\nsvg {\n overflow: visible;\n}\n\n.ct-line {\n stroke-width: 2px;\n}\n\n.ct-grid {\n stroke: rgba(20, 30, 85, 0.1);\n stroke-dasharray: 0;\n}\n\n.ct-series-a .ct-line {\n stroke: #141e55;\n}\n.ct-series-a .ct-point {\n opacity: 0;\n stroke-width: 16px;\n}\n\n.ct-labels foreignObject:first-child {\n display: none;\n}\n\n.ct-label {\n color: #141e55;\n margin-top: 10px;\n position: relative;\n}\n.ct-label.ct-horizontal::after {\n background-color: rgba(20, 30, 85, 0.1);\n content: \"\";\n display: block;\n height: 10px;\n left: 50%;\n position: absolute;\n top: -1rem;\n width: 1px;\n}\n\n.tooltip {\n background-color: #fff;\n box-shadow: 0 5px 10px 0 rgba(103, 104, 113, 0.15), 0 0 10px 0 rgba(0, 0, 0, 0.05);\n color: #141e55;\n left: 0;\n line-height: 0.688rem;\n opacity: 0;\n padding-block: var(--spacing-3xs);\n padding-inline: var(--spacing-2xs);\n pointer-events: none;\n position: absolute;\n top: 0;\n transform: translate(calc(var(--_tooltip-x) - 50%), calc(var(--_tooltip-y) - 100% - 15px));\n transition: transform 0.1s ease-in-out, opacity 0.2s ease-in-out;\n z-index: 3;\n}\n.tooltip::after {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 7px solid white;\n bottom: 0;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n translate: -50% 97%;\n width: 0;\n}\n\n.tooltipdot {\n background-color: #141e55;\n border: 4px solid white;\n border-radius: 3rem;\n box-shadow: 0 5px 10px 0 rgba(103, 104, 113, 0.15), 0 0 10px 0 rgba(0, 0, 0, 0.05);\n height: 8px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n transform: translate(calc(var(--_tooltip-x) - 50%), calc(var(--_tooltip-y) - 50%));\n width: 8px;\n z-index: 2;\n}\n\n.tooltipline {\n background-color: rgba(20, 30, 85, 0.1);\n height: var(--_tooltipline-length);\n opacity: 0;\n pointer-events: none;\n position: absolute;\n transform: translate(var(--_tooltip-x), var(--_tolltipline-top));\n transition: opacity 0.2s ease-in-out;\n width: 1px;\n z-index: 1;\n}\n\n.time {\n opacity: 0.8;\n}\n\n.value {\n align-items: center;\n display: flex;\n}\n.value::before {\n background-color: #141e55;\n border-radius: 50px;\n content: \"\";\n display: inline-block;\n height: var(--spacing-3xs);\n margin-right: var(--spacing-3xs);\n width: var(--spacing-3xs);\n}\n\n@supports (hanging-punctuation: first) and (-webkit-appearance: none) {\n .tooltip {\n transition: opacity 0.2s ease-in-out;\n }\n}`;\n\n// src/components/jb-stock-chart/jb-stock-chart.ts\nvar JbStockChart = class extends Spaceable(h) {\n constructor() {\n super(...arguments);\n this.activeChart = \"intraday\";\n this._dataTable = [];\n this._hovering = false;\n }\n async firstUpdated() {\n const response = await fetch(this.dataURL);\n this._serverResponse = await response.json();\n await this.updateComplete;\n this._chartist = new LineChart(\n this._chartElement,\n {\n series: [this._mapData(this._serverResponse.hourly)]\n },\n {\n lineSmooth: false,\n fullWidth: true,\n axisX: {\n type: FixedScaleAxis,\n divisor: 6,\n labelInterpolationFnc: (value) => new Date(value).toLocaleString(void 0, {\n hour: \"2-digit\",\n minute: \"2-digit\"\n }),\n showGrid: false\n },\n axisY: {\n labelInterpolationFnc: (value) => Number.parseFloat(String(value)).toFixed(2)\n }\n }\n );\n switch (this.activeChart) {\n case \"monthly\":\n this._setMonthly();\n break;\n case \"yearly\":\n this._setYearly();\n break;\n case \"intraday\":\n default:\n this._setIntraday();\n break;\n }\n this._chartist.on(\"created\", () => {\n this._initializeTooltip();\n });\n }\n _drawTooltip(offsetX) {\n const tooltipData = this._getToolTipData(offsetX);\n if (!tooltipData) return;\n const [time, value] = tooltipData.value.split(\",\");\n this.style.setProperty(\"--_tooltip-x\", tooltipData.x + \"px\");\n this.style.setProperty(\"--_tooltip-y\", tooltipData.y + \"px\");\n this._tooltipTime = new Date(Number(time)).toLocaleDateString(void 0, {\n weekday: \"long\",\n day: \"2-digit\",\n month: \"short\",\n hour: \"2-digit\",\n minute: \"2-digit\"\n });\n this._tooltipValue = value;\n }\n _getContentSpacingProperties() {\n return { colsMdUp: 12, colsLgUp: 8, grid: \"legacy\" };\n }\n _getToolTipData(x) {\n let i2 = 0;\n for (i2; i2 < this._dataTable.length; i2 += 1) {\n if (this._dataTable[i2].leftPoint >= x) break;\n }\n return this._dataTable[i2 - 1];\n }\n _initializeTooltip() {\n const firstScaleLineY = this._chartElement.querySelector(\".ct-grids line:first-child\")?.getAttribute(\"y1\");\n const lastScaleLineY = this._chartElement.querySelector(\".ct-grids line:last-child\")?.getAttribute(\"y1\");\n if (!firstScaleLineY || !lastScaleLineY) return;\n this.style.setProperty(\"--_tolltipline-top\", lastScaleLineY + \"px\");\n this.style.setProperty(\"--_tooltipline-length\", parseFloat(firstScaleLineY) - parseFloat(lastScaleLineY) + \"px\");\n const allPoints = this._chartElement.querySelectorAll(\".ct-point\");\n this._dataTable = [];\n for (let i2 = 0; i2 < allPoints.length; i2 += 1) {\n const x = parseFloat(allPoints[i2].getAttribute(\"x1\"));\n const previousX = allPoints[i2 - 1] ? parseFloat(allPoints[i2 - 1].getAttribute(\"x1\")) : 0;\n const leftPoint = Math.round(x - (x - previousX) / 2);\n this._dataTable.push({\n x: Math.round(x),\n leftPoint,\n y: Math.round(parseFloat(allPoints[i2].getAttribute(\"y1\"))),\n value: allPoints[i2].getAttribute(\"ct:value\")\n });\n }\n this._chartElement.addEventListener(\n \"mousemove\",\n (evt) => {\n if (![\"svg\", \"line\"].includes(evt.target.nodeName)) return;\n this._drawTooltip(evt.offsetX);\n },\n false\n );\n this._chartElement.addEventListener(\"touchmove\", (evt) => {\n const rect = evt.target.getBoundingClientRect();\n const offsetX = Math.floor(evt.touches[0].clientX - window.scrollX - rect.left);\n this._drawTooltip(offsetX);\n });\n this._chartElement.addEventListener(\"touchstart\", () => {\n this._hovering = true;\n });\n this._chartElement.addEventListener(\"touchend\", () => {\n this._hovering = false;\n });\n }\n _mapData(inputArray) {\n return inputArray.map((elm) => {\n const date = new Date(elm.t.replace(\" \", \"T\"));\n return { x: date, y: elm.y };\n });\n }\n _setIntraday() {\n this.activeChart = \"intraday\";\n this._tooltipValue = void 0;\n this._chartist.update(\n {\n series: [this._mapData(this._serverResponse.hourly)]\n },\n {\n axisX: {\n labelInterpolationFnc: (value) => new Date(value).toLocaleString(void 0, {\n hour: \"2-digit\",\n minute: \"2-digit\"\n })\n }\n },\n true\n );\n }\n _setMonthly() {\n this.activeChart = \"monthly\";\n this._tooltipValue = void 0;\n this._chartist.update(\n {\n series: [this._mapData(this._serverResponse.monthly)]\n },\n {\n axisX: {\n labelInterpolationFnc: (value) => new Date(value).toLocaleString(void 0, {\n weekday: \"short\",\n day: \"2-digit\",\n month: \"short\"\n })\n }\n },\n true\n );\n }\n _setYearly() {\n this.activeChart = \"yearly\";\n this._tooltipValue = void 0;\n this._chartist.update(\n {\n series: [this._mapData(this._serverResponse.daily)]\n },\n {\n axisX: {\n labelInterpolationFnc: (value) => new Date(value).toLocaleString(void 0, {\n weekday: \"short\",\n day: \"2-digit\",\n month: \"short\"\n })\n }\n },\n true\n );\n }\n render() {\n return ke`\n \n