svelte-plots-basic 1.1.2 → 1.1.4

package/dist/index.js

@@ -1,4194 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PlotsBasic = {}));
-})(this, (function (exports) { 'use strict';
-
-    function noop() { }
-    function assign(tar, src) {
-        // @ts-ignore
-        for (const k in src)
-            tar[k] = src[k];
-        return tar;
-    }
-    function run(fn) {
-        return fn();
-    }
-    function blank_object() {
-        return Object.create(null);
-    }
-    function run_all(fns) {
-        fns.forEach(run);
-    }
-    function is_function(thing) {
-        return typeof thing === 'function';
-    }
-    function safe_not_equal(a, b) {
-        return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
-    }
-    function is_empty(obj) {
-        return Object.keys(obj).length === 0;
-    }
-    function subscribe(store, ...callbacks) {
-        if (store == null) {
-            return noop;
-        }
-        const unsub = store.subscribe(...callbacks);
-        return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
-    }
-    function component_subscribe(component, store, callback) {
-        component.$$.on_destroy.push(subscribe(store, callback));
-    }
-    function create_slot(definition, ctx, $$scope, fn) {
-        if (definition) {
-            const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
-            return definition[0](slot_ctx);
-        }
-    }
-    function get_slot_context(definition, ctx, $$scope, fn) {
-        return definition[1] && fn
-            ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
-            : $$scope.ctx;
-    }
-    function get_slot_changes(definition, $$scope, dirty, fn) {
-        if (definition[2] && fn) {
-            const lets = definition[2](fn(dirty));
-            if ($$scope.dirty === undefined) {
-                return lets;
-            }
-            if (typeof lets === 'object') {
-                const merged = [];
-                const len = Math.max($$scope.dirty.length, lets.length);
-                for (let i = 0; i < len; i += 1) {
-                    merged[i] = $$scope.dirty[i] | lets[i];
-                }
-                return merged;
-            }
-            return $$scope.dirty | lets;
-        }
-        return $$scope.dirty;
-    }
-    function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
-        if (slot_changes) {
-            const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
-            slot.p(slot_context, slot_changes);
-        }
-    }
-    function get_all_dirty_from_scope($$scope) {
-        if ($$scope.ctx.length > 32) {
-            const dirty = [];
-            const length = $$scope.ctx.length / 32;
-            for (let i = 0; i < length; i++) {
-                dirty[i] = -1;
-            }
-            return dirty;
-        }
-        return -1;
-    }
-    function append(target, node) {
-        target.appendChild(node);
-    }
-    function append_styles(target, style_sheet_id, styles) {
-        const append_styles_to = get_root_for_style(target);
-        if (!append_styles_to.getElementById(style_sheet_id)) {
-            const style = element('style');
-            style.id = style_sheet_id;
-            style.textContent = styles;
-            append_stylesheet(append_styles_to, style);
-        }
-    }
-    function get_root_for_style(node) {
-        if (!node)
-            return document;
-        const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
-        if (root && root.host) {
-            return root;
-        }
-        return node.ownerDocument;
-    }
-    function append_stylesheet(node, style) {
-        append(node.head || node, style);
-        return style.sheet;
-    }
-    function insert(target, node, anchor) {
-        target.insertBefore(node, anchor || null);
-    }
-    function detach(node) {
-        node.parentNode.removeChild(node);
-    }
-    function destroy_each(iterations, detaching) {
-        for (let i = 0; i < iterations.length; i += 1) {
-            if (iterations[i])
-                iterations[i].d(detaching);
-        }
-    }
-    function element(name) {
-        return document.createElement(name);
-    }
-    function svg_element(name) {
-        return document.createElementNS('http://www.w3.org/2000/svg', name);
-    }
-    function text(data) {
-        return document.createTextNode(data);
-    }
-    function space() {
-        return text(' ');
-    }
-    function empty() {
-        return text('');
-    }
-    function listen(node, event, handler, options) {
-        node.addEventListener(event, handler, options);
-        return () => node.removeEventListener(event, handler, options);
-    }
-    function attr(node, attribute, value) {
-        if (value == null)
-            node.removeAttribute(attribute);
-        else if (node.getAttribute(attribute) !== value)
-            node.setAttribute(attribute, value);
-    }
-    function children(element) {
-        return Array.from(element.childNodes);
-    }
-    function set_data(text, data) {
-        data = '' + data;
-        if (text.wholeText !== data)
-            text.data = data;
-    }
-    function set_style(node, key, value, important) {
-        if (value === null) {
-            node.style.removeProperty(key);
-        }
-        else {
-            node.style.setProperty(key, value, important ? 'important' : '');
-        }
-    }
-    function toggle_class(element, name, toggle) {
-        element.classList[toggle ? 'add' : 'remove'](name);
-    }
-    function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
-        const e = document.createEvent('CustomEvent');
-        e.initCustomEvent(type, bubbles, cancelable, detail);
-        return e;
-    }
-
-    let current_component;
-    function set_current_component(component) {
-        current_component = component;
-    }
-    function get_current_component() {
-        if (!current_component)
-            throw new Error('Function called outside component initialization');
-        return current_component;
-    }
-    function onMount(fn) {
-        get_current_component().$$.on_mount.push(fn);
-    }
-    function createEventDispatcher() {
-        const component = get_current_component();
-        return (type, detail, { cancelable = false } = {}) => {
-            const callbacks = component.$$.callbacks[type];
-            if (callbacks) {
-                // TODO are there situations where events could be dispatched
-                // in a server (non-DOM) environment?
-                const event = custom_event(type, detail, { cancelable });
-                callbacks.slice().forEach(fn => {
-                    fn.call(component, event);
-                });
-                return !event.defaultPrevented;
-            }
-            return true;
-        };
-    }
-    function setContext(key, context) {
-        get_current_component().$$.context.set(key, context);
-        return context;
-    }
-    function getContext(key) {
-        return get_current_component().$$.context.get(key);
-    }
-
-    const dirty_components = [];
-    const binding_callbacks = [];
-    const render_callbacks = [];
-    const flush_callbacks = [];
-    const resolved_promise = Promise.resolve();
-    let update_scheduled = false;
-    function schedule_update() {
-        if (!update_scheduled) {
-            update_scheduled = true;
-            resolved_promise.then(flush);
-        }
-    }
-    function add_render_callback(fn) {
-        render_callbacks.push(fn);
-    }
-    // flush() calls callbacks in this order:
-    // 1. All beforeUpdate callbacks, in order: parents before children
-    // 2. All bind:this callbacks, in reverse order: children before parents.
-    // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
-    //    for afterUpdates called during the initial onMount, which are called in
-    //    reverse order: children before parents.
-    // Since callbacks might update component values, which could trigger another
-    // call to flush(), the following steps guard against this:
-    // 1. During beforeUpdate, any updated components will be added to the
-    //    dirty_components array and will cause a reentrant call to flush(). Because
-    //    the flush index is kept outside the function, the reentrant call will pick
-    //    up where the earlier call left off and go through all dirty components. The
-    //    current_component value is saved and restored so that the reentrant call will
-    //    not interfere with the "parent" flush() call.
-    // 2. bind:this callbacks cannot trigger new flush() calls.
-    // 3. During afterUpdate, any updated components will NOT have their afterUpdate
-    //    callback called a second time; the seen_callbacks set, outside the flush()
-    //    function, guarantees this behavior.
-    const seen_callbacks = new Set();
-    let flushidx = 0; // Do *not* move this inside the flush() function
-    function flush() {
-        const saved_component = current_component;
-        do {
-            // first, call beforeUpdate functions
-            // and update components
-            while (flushidx < dirty_components.length) {
-                const component = dirty_components[flushidx];
-                flushidx++;
-                set_current_component(component);
-                update(component.$$);
-            }
-            set_current_component(null);
-            dirty_components.length = 0;
-            flushidx = 0;
-            while (binding_callbacks.length)
-                binding_callbacks.pop()();
-            // then, once components are updated, call
-            // afterUpdate functions. This may cause
-            // subsequent updates...
-            for (let i = 0; i < render_callbacks.length; i += 1) {
-                const callback = render_callbacks[i];
-                if (!seen_callbacks.has(callback)) {
-                    // ...so guard against infinite loops
-                    seen_callbacks.add(callback);
-                    callback();
-                }
-            }
-            render_callbacks.length = 0;
-        } while (dirty_components.length);
-        while (flush_callbacks.length) {
-            flush_callbacks.pop()();
-        }
-        update_scheduled = false;
-        seen_callbacks.clear();
-        set_current_component(saved_component);
-    }
-    function update($$) {
-        if ($$.fragment !== null) {
-            $$.update();
-            run_all($$.before_update);
-            const dirty = $$.dirty;
-            $$.dirty = [-1];
-            $$.fragment && $$.fragment.p($$.ctx, dirty);
-            $$.after_update.forEach(add_render_callback);
-        }
-    }
-    const outroing = new Set();
-    let outros;
-    function group_outros() {
-        outros = {
-            r: 0,
-            c: [],
-            p: outros // parent group
-        };
-    }
-    function check_outros() {
-        if (!outros.r) {
-            run_all(outros.c);
-        }
-        outros = outros.p;
-    }
-    function transition_in(block, local) {
-        if (block && block.i) {
-            outroing.delete(block);
-            block.i(local);
-        }
-    }
-    function transition_out(block, local, detach, callback) {
-        if (block && block.o) {
-            if (outroing.has(block))
-                return;
-            outroing.add(block);
-            outros.c.push(() => {
-                outroing.delete(block);
-                if (callback) {
-                    if (detach)
-                        block.d(1);
-                    callback();
-                }
-            });
-            block.o(local);
-        }
-        else if (callback) {
-            callback();
-        }
-    }
-    function create_component(block) {
-        block && block.c();
-    }
-    function mount_component(component, target, anchor, customElement) {
-        const { fragment, on_mount, on_destroy, after_update } = component.$$;
-        fragment && fragment.m(target, anchor);
-        if (!customElement) {
-            // onMount happens before the initial afterUpdate
-            add_render_callback(() => {
-                const new_on_destroy = on_mount.map(run).filter(is_function);
-                if (on_destroy) {
-                    on_destroy.push(...new_on_destroy);
-                }
-                else {
-                    // Edge case - component was destroyed immediately,
-                    // most likely as a result of a binding initialising
-                    run_all(new_on_destroy);
-                }
-                component.$$.on_mount = [];
-            });
-        }
-        after_update.forEach(add_render_callback);
-    }
-    function destroy_component(component, detaching) {
-        const $$ = component.$$;
-        if ($$.fragment !== null) {
-            run_all($$.on_destroy);
-            $$.fragment && $$.fragment.d(detaching);
-            // TODO null out other refs, including component.$$ (but need to
-            // preserve final state?)
-            $$.on_destroy = $$.fragment = null;
-            $$.ctx = [];
-        }
-    }
-    function make_dirty(component, i) {
-        if (component.$$.dirty[0] === -1) {
-            dirty_components.push(component);
-            schedule_update();
-            component.$$.dirty.fill(0);
-        }
-        component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
-    }
-    function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
-        const parent_component = current_component;
-        set_current_component(component);
-        const $$ = component.$$ = {
-            fragment: null,
-            ctx: null,
-            // state
-            props,
-            update: noop,
-            not_equal,
-            bound: blank_object(),
-            // lifecycle
-            on_mount: [],
-            on_destroy: [],
-            on_disconnect: [],
-            before_update: [],
-            after_update: [],
-            context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
-            // everything else
-            callbacks: blank_object(),
-            dirty,
-            skip_bound: false,
-            root: options.target || parent_component.$$.root
-        };
-        append_styles && append_styles($$.root);
-        let ready = false;
-        $$.ctx = instance
-            ? instance(component, options.props || {}, (i, ret, ...rest) => {
-                const value = rest.length ? rest[0] : ret;
-                if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-                    if (!$$.skip_bound && $$.bound[i])
-                        $$.bound[i](value);
-                    if (ready)
-                        make_dirty(component, i);
-                }
-                return ret;
-            })
-            : [];
-        $$.update();
-        ready = true;
-        run_all($$.before_update);
-        // `false` as a special case of no DOM component
-        $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
-        if (options.target) {
-            if (options.hydrate) {
-                const nodes = children(options.target);
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                $$.fragment && $$.fragment.l(nodes);
-                nodes.forEach(detach);
-            }
-            else {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                $$.fragment && $$.fragment.c();
-            }
-            if (options.intro)
-                transition_in(component.$$.fragment);
-            mount_component(component, options.target, options.anchor, options.customElement);
-            flush();
-        }
-        set_current_component(parent_component);
-    }
-    /**
-     * Base class for Svelte components. Used when dev=false.
-     */
-    class SvelteComponent {
-        $destroy() {
-            destroy_component(this, 1);
-            this.$destroy = noop;
-        }
-        $on(type, callback) {
-            const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
-            callbacks.push(callback);
-            return () => {
-                const index = callbacks.indexOf(callback);
-                if (index !== -1)
-                    callbacks.splice(index, 1);
-            };
-        }
-        $set($$props) {
-            if (this.$$set && !is_empty($$props)) {
-                this.$$.skip_bound = true;
-                this.$$set($$props);
-                this.$$.skip_bound = false;
-            }
-        }
-    }
-
-    const subscriber_queue = [];
-    /**
-     * Create a `Writable` store that allows both updating and reading by subscription.
-     * @param {*=}value initial value
-     * @param {StartStopNotifier=}start start and stop notifications for subscriptions
-     */
-    function writable(value, start = noop) {
-        let stop;
-        const subscribers = new Set();
-        function set(new_value) {
-            if (safe_not_equal(value, new_value)) {
-                value = new_value;
-                if (stop) { // store is ready
-                    const run_queue = !subscriber_queue.length;
-                    for (const subscriber of subscribers) {
-                        subscriber[1]();
-                        subscriber_queue.push(subscriber, value);
-                    }
-                    if (run_queue) {
-                        for (let i = 0; i < subscriber_queue.length; i += 2) {
-                            subscriber_queue[i][0](subscriber_queue[i + 1]);
-                        }
-                        subscriber_queue.length = 0;
-                    }
-                }
-            }
-        }
-        function update(fn) {
-            set(fn(value));
-        }
-        function subscribe(run, invalidate = noop) {
-            const subscriber = [run, invalidate];
-            subscribers.add(subscriber);
-            if (subscribers.size === 1) {
-                stop = start(set) || noop;
-            }
-            run(value);
-            return () => {
-                subscribers.delete(subscriber);
-                if (subscribers.size === 0) {
-                    stop();
-                    stop = null;
-                }
-            };
-        }
-        return { set, update, subscribe };
-    }
-
-    /* src/Axes.svelte generated by Svelte v3.50.1 */
-
-    function add_css$3(target) {
-    	append_styles(target, "svelte-11hqgob", ".plot{font-family:Arial, Helvetica, sans-serif;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:\". title\"\n         \"ylab axes\"\n         \". xlab\";box-sizing:border-box;background:#fefefe;min-width:100px;min-height:50px;width:100%;height:100%;padding:0;margin:0}.plot_small{font-size:11px}.plot_medium{font-size:13px}.plot_large{font-size:16px}.plot_error{display:flex}.plot_error > .axes-wrapper{display:none}.message_error{font-size:1.2em;color:crimson;padding:20px;text-align:center}.axes-wrapper.svelte-11hqgob{grid-area:axes;position:relative;box-sizing:border-box;display:flex;width:100%;height:100%;padding:0;margin:0}.axes{display:block;box-sizing:border-box;position:absolute;padding:0;margin:0;height:100%;width:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.axes-content{padding:0;margin:0;height:100%;width:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.axes__xlabel{grid-area:xlab;font-size:1.0em;font-weight:600;padding:0.25em;text-align:center}.axes__ylabel{grid-area:ylab;font-size:1.0em;font-weight:600;padding:0.25em;text-align:center;vertical-align:middle;display:flex}.axes__ylabel > span{width:1.5em;line-height:1.5em;display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg)}.axes__title{background:transparent;grid-area:title;font-size:1.3em;font-weight:bold;line-height:1.2em;padding:0.5em 0;text-align:center}.axis-labels{fill:#303030;font-size:0.95em}.labels{fill:#606060;font-size:0.90em}.labels{visibility:hidden;transition:visibility 0.25s linear, opacity 0.25s linear;opacity:0}");
-    }
-
-    const get_box_slot_changes = dirty => ({});
-    const get_box_slot_context = ctx => ({});
-    const get_yaxis_slot_changes = dirty => ({});
-    const get_yaxis_slot_context = ctx => ({});
-    const get_xaxis_slot_changes = dirty => ({});
-    const get_xaxis_slot_context = ctx => ({});
-
-    // (342:3) {#if title !== ""}
-    function create_if_block_3(ctx) {
-    	let div;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			attr(div, "class", "axes__title");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			div.innerHTML = /*title*/ ctx[0];
-    		},
-    		p(ctx, dirty) {
-    			if (dirty[0] & /*title*/ 1) div.innerHTML = /*title*/ ctx[0];		},
-    		d(detaching) {
-    			if (detaching) detach(div);
-    		}
-    	};
-    }
-
-    // (343:3) {#if yLabel !== ""}
-    function create_if_block_2(ctx) {
-    	let div;
-    	let span;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			span = element("span");
-    			attr(div, "class", "axes__ylabel");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			append(div, span);
-    			span.innerHTML = /*yLabel*/ ctx[2];
-    		},
-    		p(ctx, dirty) {
-    			if (dirty[0] & /*yLabel*/ 4) span.innerHTML = /*yLabel*/ ctx[2];		},
-    		d(detaching) {
-    			if (detaching) detach(div);
-    		}
-    	};
-    }
-
-    // (344:3) {#if xLabel !== ""}
-    function create_if_block_1(ctx) {
-    	let div;
-    	let span;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			span = element("span");
-    			attr(div, "class", "axes__xlabel");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			append(div, span);
-    			span.innerHTML = /*xLabel*/ ctx[1];
-    		},
-    		p(ctx, dirty) {
-    			if (dirty[0] & /*xLabel*/ 2) span.innerHTML = /*xLabel*/ ctx[1];		},
-    		d(detaching) {
-    			if (detaching) detach(div);
-    		}
-    	};
-    }
-
-    // (372:3) {#if !$isOk}
-    function create_if_block$9(ctx) {
-    	let p;
-
-    	return {
-    		c() {
-    			p = element("p");
-
-    			p.innerHTML = `Axes component was not properly initialized. <br/>
-      Add plot series (check that coordinates are numeric) or define axes limits manually.`;
-
-    			attr(p, "class", "message_error");
-    		},
-    		m(target, anchor) {
-    			insert(target, p, anchor);
-    		},
-    		d(detaching) {
-    			if (detaching) detach(p);
-    		}
-    	};
-    }
-
-    function create_fragment$b(ctx) {
-    	let div1;
-    	let t0;
-    	let t1;
-    	let t2;
-    	let div0;
-    	let svg;
-    	let defs;
-    	let clipPath;
-    	let rect;
-    	let rect_x_value;
-    	let rect_y_value;
-    	let rect_width_value;
-    	let rect_height_value;
-    	let g;
-    	let t3;
-    	let div1_class_value;
-    	let current;
-    	let mounted;
-    	let dispose;
-    	let if_block0 = /*title*/ ctx[0] !== "" && create_if_block_3(ctx);
-    	let if_block1 = /*yLabel*/ ctx[2] !== "" && create_if_block_2(ctx);
-    	let if_block2 = /*xLabel*/ ctx[1] !== "" && create_if_block_1(ctx);
-    	const xaxis_slot_template = /*#slots*/ ctx[27].xaxis;
-    	const xaxis_slot = create_slot(xaxis_slot_template, ctx, /*$$scope*/ ctx[26], get_xaxis_slot_context);
-    	const yaxis_slot_template = /*#slots*/ ctx[27].yaxis;
-    	const yaxis_slot = create_slot(yaxis_slot_template, ctx, /*$$scope*/ ctx[26], get_yaxis_slot_context);
-    	const default_slot_template = /*#slots*/ ctx[27].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
-    	const box_slot_template = /*#slots*/ ctx[27].box;
-    	const box_slot = create_slot(box_slot_template, ctx, /*$$scope*/ ctx[26], get_box_slot_context);
-    	let if_block3 = !/*$isOk*/ ctx[3] && create_if_block$9();
-
-    	return {
-    		c() {
-    			div1 = element("div");
-    			if (if_block0) if_block0.c();
-    			t0 = space();
-    			if (if_block1) if_block1.c();
-    			t1 = space();
-    			if (if_block2) if_block2.c();
-    			t2 = space();
-    			div0 = element("div");
-    			svg = svg_element("svg");
-    			defs = svg_element("defs");
-    			clipPath = svg_element("clipPath");
-    			rect = svg_element("rect");
-    			if (xaxis_slot) xaxis_slot.c();
-    			if (yaxis_slot) yaxis_slot.c();
-    			g = svg_element("g");
-    			if (default_slot) default_slot.c();
-    			if (box_slot) box_slot.c();
-    			t3 = space();
-    			if (if_block3) if_block3.c();
-    			set_style(rect, "pointer-events", "none");
-    			attr(rect, "x", rect_x_value = /*cpx*/ ctx[8][0]);
-    			attr(rect, "y", rect_y_value = /*cpy*/ ctx[7][1]);
-    			attr(rect, "width", rect_width_value = /*cpx*/ ctx[8][1] - /*cpx*/ ctx[8][0]);
-    			attr(rect, "height", rect_height_value = /*cpy*/ ctx[7][0] - /*cpy*/ ctx[7][1]);
-    			attr(clipPath, "id", /*clipPathID*/ ctx[9]);
-    			attr(g, "class", "axes-content");
-    			attr(g, "clip-path", "url(#" + /*clipPathID*/ ctx[9] + ")");
-    			attr(svg, "preserveAspectRatio", "none");
-    			attr(svg, "class", "axes");
-    			attr(div0, "class", "axes-wrapper svelte-11hqgob");
-    			attr(div1, "class", div1_class_value = "plot " + ('plot_' + /*$scale*/ ctx[4]) + " svelte-11hqgob");
-    			toggle_class(div1, "plot_error", !/*$isOk*/ ctx[3]);
-    		},
-    		m(target, anchor) {
-    			insert(target, div1, anchor);
-    			if (if_block0) if_block0.m(div1, null);
-    			append(div1, t0);
-    			if (if_block1) if_block1.m(div1, null);
-    			append(div1, t1);
-    			if (if_block2) if_block2.m(div1, null);
-    			append(div1, t2);
-    			append(div1, div0);
-    			append(div0, svg);
-    			append(svg, defs);
-    			append(defs, clipPath);
-    			append(clipPath, rect);
-
-    			if (xaxis_slot) {
-    				xaxis_slot.m(svg, null);
-    			}
-
-    			if (yaxis_slot) {
-    				yaxis_slot.m(svg, null);
-    			}
-
-    			append(svg, g);
-
-    			if (default_slot) {
-    				default_slot.m(g, null);
-    			}
-
-    			if (box_slot) {
-    				box_slot.m(svg, null);
-    			}
-
-    			/*div0_binding*/ ctx[28](div0);
-    			append(div1, t3);
-    			if (if_block3) if_block3.m(div1, null);
-    			/*div1_binding*/ ctx[29](div1);
-    			current = true;
-
-    			if (!mounted) {
-    				dispose = listen(svg, "click", /*handleClick*/ ctx[16]);
-    				mounted = true;
-    			}
-    		},
-    		p(ctx, dirty) {
-    			if (/*title*/ ctx[0] !== "") {
-    				if (if_block0) {
-    					if_block0.p(ctx, dirty);
-    				} else {
-    					if_block0 = create_if_block_3(ctx);
-    					if_block0.c();
-    					if_block0.m(div1, t0);
-    				}
-    			} else if (if_block0) {
-    				if_block0.d(1);
-    				if_block0 = null;
-    			}
-
-    			if (/*yLabel*/ ctx[2] !== "") {
-    				if (if_block1) {
-    					if_block1.p(ctx, dirty);
-    				} else {
-    					if_block1 = create_if_block_2(ctx);
-    					if_block1.c();
-    					if_block1.m(div1, t1);
-    				}
-    			} else if (if_block1) {
-    				if_block1.d(1);
-    				if_block1 = null;
-    			}
-
-    			if (/*xLabel*/ ctx[1] !== "") {
-    				if (if_block2) {
-    					if_block2.p(ctx, dirty);
-    				} else {
-    					if_block2 = create_if_block_1(ctx);
-    					if_block2.c();
-    					if_block2.m(div1, t2);
-    				}
-    			} else if (if_block2) {
-    				if_block2.d(1);
-    				if_block2 = null;
-    			}
-
-    			if (!current || dirty[0] & /*cpx*/ 256 && rect_x_value !== (rect_x_value = /*cpx*/ ctx[8][0])) {
-    				attr(rect, "x", rect_x_value);
-    			}
-
-    			if (!current || dirty[0] & /*cpy*/ 128 && rect_y_value !== (rect_y_value = /*cpy*/ ctx[7][1])) {
-    				attr(rect, "y", rect_y_value);
-    			}
-
-    			if (!current || dirty[0] & /*cpx*/ 256 && rect_width_value !== (rect_width_value = /*cpx*/ ctx[8][1] - /*cpx*/ ctx[8][0])) {
-    				attr(rect, "width", rect_width_value);
-    			}
-
-    			if (!current || dirty[0] & /*cpy*/ 128 && rect_height_value !== (rect_height_value = /*cpy*/ ctx[7][0] - /*cpy*/ ctx[7][1])) {
-    				attr(rect, "height", rect_height_value);
-    			}
-
-    			if (xaxis_slot) {
-    				if (xaxis_slot.p && (!current || dirty[0] & /*$$scope*/ 67108864)) {
-    					update_slot_base(
-    						xaxis_slot,
-    						xaxis_slot_template,
-    						ctx,
-    						/*$$scope*/ ctx[26],
-    						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
-    						: get_slot_changes(xaxis_slot_template, /*$$scope*/ ctx[26], dirty, get_xaxis_slot_changes),
-    						get_xaxis_slot_context
-    					);
-    				}
-    			}
-
-    			if (yaxis_slot) {
-    				if (yaxis_slot.p && (!current || dirty[0] & /*$$scope*/ 67108864)) {
-    					update_slot_base(
-    						yaxis_slot,
-    						yaxis_slot_template,
-    						ctx,
-    						/*$$scope*/ ctx[26],
-    						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
-    						: get_slot_changes(yaxis_slot_template, /*$$scope*/ ctx[26], dirty, get_yaxis_slot_changes),
-    						get_yaxis_slot_context
-    					);
-    				}
-    			}
-
-    			if (default_slot) {
-    				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 67108864)) {
-    					update_slot_base(
-    						default_slot,
-    						default_slot_template,
-    						ctx,
-    						/*$$scope*/ ctx[26],
-    						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
-    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
-    						null
-    					);
-    				}
-    			}
-
-    			if (box_slot) {
-    				if (box_slot.p && (!current || dirty[0] & /*$$scope*/ 67108864)) {
-    					update_slot_base(
-    						box_slot,
-    						box_slot_template,
-    						ctx,
-    						/*$$scope*/ ctx[26],
-    						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
-    						: get_slot_changes(box_slot_template, /*$$scope*/ ctx[26], dirty, get_box_slot_changes),
-    						get_box_slot_context
-    					);
-    				}
-    			}
-
-    			if (!/*$isOk*/ ctx[3]) {
-    				if (if_block3) ; else {
-    					if_block3 = create_if_block$9();
-    					if_block3.c();
-    					if_block3.m(div1, null);
-    				}
-    			} else if (if_block3) {
-    				if_block3.d(1);
-    				if_block3 = null;
-    			}
-
-    			if (!current || dirty[0] & /*$scale*/ 16 && div1_class_value !== (div1_class_value = "plot " + ('plot_' + /*$scale*/ ctx[4]) + " svelte-11hqgob")) {
-    				attr(div1, "class", div1_class_value);
-    			}
-
-    			if (!current || dirty[0] & /*$scale, $isOk*/ 24) {
-    				toggle_class(div1, "plot_error", !/*$isOk*/ ctx[3]);
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(xaxis_slot, local);
-    			transition_in(yaxis_slot, local);
-    			transition_in(default_slot, local);
-    			transition_in(box_slot, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(xaxis_slot, local);
-    			transition_out(yaxis_slot, local);
-    			transition_out(default_slot, local);
-    			transition_out(box_slot, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(div1);
-    			if (if_block0) if_block0.d();
-    			if (if_block1) if_block1.d();
-    			if (if_block2) if_block2.d();
-    			if (xaxis_slot) xaxis_slot.d(detaching);
-    			if (yaxis_slot) yaxis_slot.d(detaching);
-    			if (default_slot) default_slot.d(detaching);
-    			if (box_slot) box_slot.d(detaching);
-    			/*div0_binding*/ ctx[28](null);
-    			if (if_block3) if_block3.d();
-    			/*div1_binding*/ ctx[29](null);
-    			mounted = false;
-    			dispose();
-    		}
-    	};
-    }
-
-    function niceNum(localRange, round) {
-    	const exponent = Math.floor(Math.log10(localRange));
-    	const fraction = localRange / Math.pow(10, exponent);
-    	let niceFraction;
-
-    	if (round) {
-    		if (fraction < 1.5) niceFraction = 1; else if (fraction < 3) niceFraction = 2; else if (fraction < 7) niceFraction = 5; else niceFraction = 10;
-    	} else {
-    		if (fraction <= 1) niceFraction = 1; else if (fraction <= 2) niceFraction = 2; else if (fraction <= 5) niceFraction = 5; else niceFraction = 10;
-    	}
-
-    	return niceFraction * Math.pow(10, exponent);
-    }
-
-    /** Computes a scale level
-     * @param {numeric} width - width of plotting area in pixels
-     * @param {numeric} height - height of plotting area in pixels
-     * @returns {text} the scale level ("small", "medium" or "large")
-     */
-    function getScale(width, height) {
-    	if (height < 300.2 || width < 300.2) return "small";
-    	if (height < 600.2 || width < 600.2) return "medium";
-    	return "large";
-    }
-
-    function instance$b($$self, $$props, $$invalidate) {
-    	let margins;
-    	let cpx;
-    	let cpy;
-    	let $height;
-    	let $yLim;
-    	let $isOk;
-    	let $width;
-    	let $xLim;
-    	let $scale;
-    	let { $$slots: slots = {}, $$scope } = $$props;
-    	let { limX = [undefined, undefined] } = $$props;
-    	let { limY = [undefined, undefined] } = $$props;
-    	let { title = "" } = $$props;
-    	let { xLabel = "" } = $$props;
-    	let { yLabel = "" } = $$props;
-    	let { multiSeries = true } = $$props;
-
-    	// event dispatcher
-    	const dispatch = createEventDispatcher();
-
-    	// how big are margins (number of pixels in unit margin value) between axis and plot area if axis are shown
-    	const AXES_MARGIN_FACTORS = { "small": 30, "medium": 40, "large": 50 };
-
-    	// number of ticks along each axis
-    	const TICK_NUM = { "small": 5, "medium": 8, "large": 12 };
-
-    	// margin between plot series elements and data labels
-    	const LABELS_MARGIN = { "small": 10, "medium": 15, "large": 20 };
-
-    	// line styles for different scales and types
-    	const LINE_STYLES = {
-    		small: ["0", "3,3", "1,1", "3,1"],
-    		medium: ["0", "5,5", "2,2", "5,2"],
-    		large: ["0", "7,7", "3,3", "7,3"]
-    	};
-
-    	// constant to make clip path ID unique
-    	const clipPathID = "plottingArea" + Math.round(Math.random() * 10000);
-
-    	/* parameters for internal use inside the component */
-    	let plotElement;
-
-    	let axesElement;
-    	let axesMargins = [0.034, 0.034, 0.034, 0.034]; // initial margins (will be multiplied to FACTORS)
-
-    	/* reactive parameters to be shared with children via context */
-    	const width = writable(100); // actual width of plotting area in pixels
-
-    	component_subscribe($$self, width, value => $$invalidate(24, $width = value));
-    	const height = writable(100); // actual height of plotting area in pixels
-    	component_subscribe($$self, height, value => $$invalidate(22, $height = value));
-    	const xLim = writable([undefined, undefined]); // actual limits for x-axis in plot units
-    	component_subscribe($$self, xLim, value => $$invalidate(25, $xLim = value));
-    	const yLim = writable([undefined, undefined]); // actual limits for y-axis in plot units
-    	component_subscribe($$self, yLim, value => $$invalidate(23, $yLim = value));
-    	const scale = writable("medium"); // scale factor (how big the shown plot is)
-    	component_subscribe($$self, scale, value => $$invalidate(4, $scale = value));
-    	const isOk = writable(false); // are axes ready for drawing
-    	component_subscribe($$self, isOk, value => $$invalidate(3, $isOk = value));
-
-    	/** Adds margins for x-axis (e.g. when x-axis must be shown) */
-    	const addXAxisMargins = function () {
-    		$$invalidate(20, axesMargins[0] = 1, axesMargins);
-    		$$invalidate(20, axesMargins[2] = 0.5, axesMargins);
-    		$$invalidate(20, axesMargins[1] = axesMargins[1] > 0.5 ? axesMargins[1] : 0.5, axesMargins);
-    		$$invalidate(20, axesMargins[3] = axesMargins[3] > 0.5 ? axesMargins[3] : 0.5, axesMargins);
-    	};
-
-    	/** Adds margins for y-axis (e.g. when y-axis must be shown) */
-    	const addYAxisMargins = function () {
-    		$$invalidate(20, axesMargins[1] = 1, axesMargins);
-    		$$invalidate(20, axesMargins[3] = 0.5, axesMargins);
-    		$$invalidate(20, axesMargins[0] = axesMargins[0] > 0.5 ? axesMargins[0] : 0.5, axesMargins);
-    		$$invalidate(20, axesMargins[2] = axesMargins[2] > 0.5 ? axesMargins[2] : 0.5, axesMargins);
-    	};
-
-    	/** Adjusts limits for x-axis (e.g. when new series is added)
-     *  @param {Array} newLim - vector with new limits  (two values)
-     */
-    	const adjustXAxisLimits = function (newLim) {
-    		if (!limX.some(v => v === undefined)) return;
-    		xLim.update(lim => adjustAxisLimits(lim, newLim));
-    	};
-
-    	/** Adjusts limits for y-axis (e.g. when new series is added)
-     *  @param {Array} newLim - vector with new limits  (two values)
-     */
-    	const adjustYAxisLimits = function (newLim) {
-    		if (!limY.some(v => v === undefined)) return;
-    		yLim.update(lim => adjustAxisLimits(lim, newLim));
-    	};
-
-    	/** Adjusts x- or y- axis limits (e.g. when new elements are added)
-     *  @param {Array} lim - vector with limits for current axis (two values)
-     *  @param {Array} newLim - vector with new limits  (two values)
-     *  @returns {Array} vector with rescaled values
-     *
-     *  The new limits are set separately for min and max. Either if current value is undefined or
-     *  if new value is outside the current limits (smaller than min or larger than max).
-     */
-    	const adjustAxisLimits = function (lim, newLim) {
-    		let adjustedLim = [
-    			lim[0] !== undefined && multiSeries === true && lim[0] < newLim[0]
-    			? lim[0]
-    			: newLim[0],
-    			lim[1] !== undefined && multiSeries === true && lim[1] > newLim[1]
-    			? lim[1]
-    			: newLim[1]
-    		];
-
-    		// special case when both limits are zero
-    		if (adjustedLim[0] === 0 && adjustedLim[1] === 0) {
-    			adjustedLim = [-0.1, 0.1];
-    		}
-
-    		// special case when limits are equal (add ±5%)
-    		if (adjustedLim[0] === adjustedLim[1]) {
-    			adjustedLim = [adjustedLim[0] * 0.95, adjustedLim[0] * 1.05];
-    		}
-
-    		return adjustedLim;
-    	};
-
-    	/** Rescales x-values from plot coordinates to screen (SVG) coordinates
-     *  @param {Array} x - vector with coordinates (or objects size) in original plot coordinates
-     *  @param {Array} xLim - vector with current limits for x-axis in original plot coordinates
-     *  @param {number} width - width of coordinate system in pixels
-     *  @param {boolean} doSizeScreen - scale size of objects (true) or coordinates
-     *  @returns {Array} vector with rescaled values
-     */
-    	const scaleX = function (x, xLim, width, doSizeScale = false) {
-    		if (!$isOk || x === undefined || !Array.isArray(x)) return undefined;
-
-    		if (doSizeScale) {
-    			// scale size of objects instead of coordinates
-    			return x.map(v => v / (xLim[1] - xLim[0]) * (width - margins[1] - margins[3]));
-    		}
-
-    		return x.map(v => (v - xLim[0]) / (xLim[1] - xLim[0]) * (width - margins[1] - margins[3]) + margins[1]);
-    	};
-
-    	/** Rescales x-values from plot coordinates to screen (SVG) coordinates
-     *  @param {Array} x - vector with coordinates (or objects size) in original plot coordinates
-     *  @param {Array} xLim - vector with current limits for x-axis in original plot coordinates
-     *  @param {number} width - width of coordinate system in pixels
-     *  @param {boolean} doSizeScreen - scale size of objects (true) or coordinates
-     *  @returns {Array} vector with rescaled values
-     */
-    	const scaleY = function (y, yLim, height, doSizeScale = false) {
-    		if (!$isOk || y === undefined || !Array.isArray(y)) return undefined;
-
-    		if (doSizeScale) {
-    			// scale size of objects instead of coordinates
-    			return y.map(v => v / (yLim[1] - yLim[0]) * (height - margins[0] - margins[2]));
-    		}
-
-    		// for coordinates we also need to invert (flip) the y-axis
-    		return y.map(v => (yLim[1] - v) / (yLim[1] - yLim[0]) * (height - margins[0] - margins[2]) + margins[2]);
-    	};
-
-    	/** Computes nice tick values for axis
-     * @param {Array} ticks - vector with ticks if alredy available (if not, new will be computed)
-     * @param {Array} lim - vector with axis limits tickets must be computed for
-     * @param {number} maxTickNum - maximum number of ticks to compute
-     * @param {boolean} round - round or not the fractions when computing nice numbers for the ticks
-     * @returns {Array} a vector with computed tick positions
-     */
-    	const getAxisTicks = function (ticks, lim, maxTickNum, round = true) {
-    		// if ticks are already provided do not recompute them
-    		if (ticks !== undefined) return ticks;
-
-    		// check if limits are ok
-    		if (!Array.isArray(lim) || lim[0] === undefined || lim[1] === undefined) return undefined;
-
-    		// get range as a nice number and compute min, max and steps for the tick sequence
-    		const range = niceNum(lim[1] - lim[0], round);
-
-    		const tickSpacing = niceNum(range / (maxTickNum - 1), round);
-    		const tickMin = Math.ceil(lim[0] / tickSpacing) * tickSpacing;
-    		const tickMax = Math.floor(lim[1] / tickSpacing) * tickSpacing;
-
-    		// recompute maxTickNum
-    		maxTickNum = Math.round((tickMax - tickMin + 1) / tickSpacing) + 1;
-
-    		// create a sequence and return
-    		ticks = [...Array(maxTickNum)].map((x, i) => tickMin + i * tickSpacing);
-
-    		// if step is smaller than 1 round values to remove small decimals accidentiall added by JS
-    		if (Math.abs(tickSpacing) < 1) {
-    			const r = Math.pow(10, 1 + Math.round(-Math.log10(tickSpacing)));
-    			ticks = ticks.map(v => Math.round((v + Number.EPSILON) * r) / r);
-    		}
-
-    		// make sure the ticks are not aligned with axes limits
-    		return ticks.filter(x => x >= lim[0] & x <= lim[1]);
-    	};
-
-    	/* context with Axes constants, properties and methods to share with children */
-    	let context = {
-    		// methods
-    		addXAxisMargins,
-    		addYAxisMargins,
-    		adjustXAxisLimits,
-    		adjustYAxisLimits,
-    		getAxisTicks,
-    		scaleX,
-    		scaleY,
-    		// variables
-    		isOk,
-    		scale,
-    		width,
-    		height,
-    		xLim,
-    		yLim,
-    		// constants
-    		LINE_STYLES,
-    		LABELS_MARGIN,
-    		TICK_NUM
-    	};
-
-    	setContext('axes', context);
-
-    	// handle click on plot elements and dispatch manual events
-    	function dispatchClickEvent(eventName, el) {
-    		dispatch(eventName, {
-    			seriesTitle: el.parentNode.getAttribute('title'),
-    			elementID: el.dataset.id
-    		});
-    	}
-
-    	function handleClick(e) {
-    		// scatter plot markers
-    		if (e.target.tagName === "text" && e.target.parentNode.classList.contains("series_scatter")) {
-    			dispatchClickEvent("markerclick", e.target);
-    			return;
-    		}
-
-    		// bar plot bars
-    		if (e.target.tagName === "rect" && e.target.parentNode.classList.contains("series_bar")) {
-    			dispatchClickEvent("barclick", e.target);
-    			return;
-    		}
-
-    		// outside any plot element
-    		dispatch("axesclick");
-    	}
-
-    	/* observer for the plotting area size */
-    	var ro = new ResizeObserver(entries => {
-    			for (let entry of entries) {
-    				const pcr = plotElement.getBoundingClientRect();
-    				const acr = axesElement.getBoundingClientRect();
-    				width.update(x => acr.width);
-    				height.update(x => acr.height);
-    				scale.update(x => getScale(pcr.width, pcr.height));
-    			}
-    		});
-
-    	onMount(() => {
-    		ro.observe(plotElement);
-    	});
-
-    	function div0_binding($$value) {
-    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-    			axesElement = $$value;
-    			$$invalidate(6, axesElement);
-    		});
-    	}
-
-    	function div1_binding($$value) {
-    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-    			plotElement = $$value;
-    			$$invalidate(5, plotElement);
-    		});
-    	}
-
-    	$$self.$$set = $$props => {
-    		if ('limX' in $$props) $$invalidate(17, limX = $$props.limX);
-    		if ('limY' in $$props) $$invalidate(18, limY = $$props.limY);
-    		if ('title' in $$props) $$invalidate(0, title = $$props.title);
-    		if ('xLabel' in $$props) $$invalidate(1, xLabel = $$props.xLabel);
-    		if ('yLabel' in $$props) $$invalidate(2, yLabel = $$props.yLabel);
-    		if ('multiSeries' in $$props) $$invalidate(19, multiSeries = $$props.multiSeries);
-    		if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*limX*/ 131072) {
-    			// this is reactive in case if limX and limY are interactively changed by parent script
-    			if (!limX.some(v => v === undefined)) xLim.update(v => limX);
-    		}
-
-    		if ($$self.$$.dirty[0] & /*limY*/ 262144) {
-    			if (!limY.some(v => v === undefined)) yLim.update(v => limY);
-    		}
-
-    		if ($$self.$$.dirty[0] & /*axesMargins, $scale*/ 1048592) {
-    			// computes real margins in pixels based on current scale
-    			$$invalidate(21, margins = axesMargins.map(v => v * AXES_MARGIN_FACTORS[$scale]));
-    		}
-
-    		if ($$self.$$.dirty[0] & /*$yLim, $xLim, $width, margins, $height*/ 65011712) {
-    			// computes status which tells that axes limits look fine and it is safe to draw
-    			// the status is based on the axis limits validity
-    			isOk.update(v => Array.isArray($yLim) && Array.isArray($xLim) && $xLim.length === 2 && $yLim.length === 2 && !$yLim.some(v => v === undefined) && !$xLim.some(v => v === undefined) && !$yLim.some(v => isNaN(v)) && !$xLim.some(v => isNaN(v)) && $xLim[1] !== $xLim[0] && $yLim[1] !== $yLim[0] && $width > margins[1] + margins[3] && $height > margins[0] + margins[2]);
-    		}
-
-    		if ($$self.$$.dirty[0] & /*$isOk, $xLim, $width*/ 50331656) {
-    			// computes coordinates for clip path box
-    			$$invalidate(8, cpx = $isOk ? scaleX($xLim, $xLim, $width) : [0, 1]);
-    		}
-
-    		if ($$self.$$.dirty[0] & /*$isOk, $yLim, $height*/ 12582920) {
-    			$$invalidate(7, cpy = $isOk ? scaleY($yLim, $yLim, $height) : [1, 0]);
-    		}
-    	};
-
-    	return [
-    		title,
-    		xLabel,
-    		yLabel,
-    		$isOk,
-    		$scale,
-    		plotElement,
-    		axesElement,
-    		cpy,
-    		cpx,
-    		clipPathID,
-    		width,
-    		height,
-    		xLim,
-    		yLim,
-    		scale,
-    		isOk,
-    		handleClick,
-    		limX,
-    		limY,
-    		multiSeries,
-    		axesMargins,
-    		margins,
-    		$height,
-    		$yLim,
-    		$width,
-    		$xLim,
-    		$$scope,
-    		slots,
-    		div0_binding,
-    		div1_binding
-    	];
-    }
-
-    class Axes extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(
-    			this,
-    			options,
-    			instance$b,
-    			create_fragment$b,
-    			safe_not_equal,
-    			{
-    				limX: 17,
-    				limY: 18,
-    				title: 0,
-    				xLabel: 1,
-    				yLabel: 2,
-    				multiSeries: 19
-    			},
-    			add_css$3,
-    			[-1, -1]
-    		);
-    	}
-    }
-
-    const Colors = {
-       "AXIS_LINE": "#303030",
-       "AXIS_TICK": "#606060",
-       "WHITE":     "#fff",
-       "BLACK":     "#000",
-       "GRAY":      "#909090",
-       "MIDDLEGRAY": "#dadada",
-       "LIGHTGRAY": "#f0f0f0",
-       "DARKGRAY":  "#606060",
-
-       "PRIMARY": "#2266ff",
-       "PRIMARY_TEXT": "#333",
-    };
-
-    /* src/XAxis.svelte generated by Svelte v3.50.1 */
-
-    function get_each_context$5(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[26] = list[i];
-    	child_ctx[28] = i;
-    	return child_ctx;
-    }
-
-    // (57:0) {#if $isOk && x !== undefined && y !== undefined }
-    function create_if_block$8(ctx) {
-    	let g;
-    	let line;
-    	let line_x__value;
-    	let line_x__value_1;
-    	let line_y__value;
-    	let line_y__value_1;
-    	let each_value = /*ticksX*/ ctx[4];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			line = svg_element("line");
-    			attr(line, "x1", line_x__value = /*x*/ ctx[5][0]);
-    			attr(line, "x2", line_x__value_1 = /*x*/ ctx[5][1]);
-    			attr(line, "y1", line_y__value = /*y*/ ctx[2][0]);
-    			attr(line, "y2", line_y__value_1 = /*y*/ ctx[2][0]);
-    			attr(line, "style", /*axisLineStyleStr*/ ctx[7]);
-    			attr(g, "class", "mdaplot__axis mdaplot__xaxis");
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(g, null);
-    			}
-
-    			append(g, line);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*ticksX, ticksY, dy, tickLabels, axisLineStyleStr, y, gridLineStyleStr*/ 415) {
-    				each_value = /*ticksX*/ ctx[4];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$5(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block$5(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(g, line);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (dirty & /*x*/ 32 && line_x__value !== (line_x__value = /*x*/ ctx[5][0])) {
-    				attr(line, "x1", line_x__value);
-    			}
-
-    			if (dirty & /*x*/ 32 && line_x__value_1 !== (line_x__value_1 = /*x*/ ctx[5][1])) {
-    				attr(line, "x2", line_x__value_1);
-    			}
-
-    			if (dirty & /*y*/ 4 && line_y__value !== (line_y__value = /*y*/ ctx[2][0])) {
-    				attr(line, "y1", line_y__value);
-    			}
-
-    			if (dirty & /*y*/ 4 && line_y__value_1 !== (line_y__value_1 = /*y*/ ctx[2][0])) {
-    				attr(line, "y2", line_y__value_1);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    			destroy_each(each_blocks, detaching);
-    		}
-    	};
-    }
-
-    // (59:3) {#each ticksX as tx, i}
-    function create_each_block$5(ctx) {
-    	let line0;
-    	let line0_x__value;
-    	let line0_x__value_1;
-    	let line0_y__value;
-    	let line0_y__value_1;
-    	let line1;
-    	let line1_x__value;
-    	let line1_x__value_1;
-    	let line1_y__value;
-    	let line1_y__value_1;
-    	let text_1;
-    	let t_value = /*tickLabels*/ ctx[0][/*i*/ ctx[28]] + "";
-    	let t;
-    	let text_1_x_value;
-    	let text_1_y_value;
-
-    	return {
-    		c() {
-    			line0 = svg_element("line");
-    			line1 = svg_element("line");
-    			text_1 = svg_element("text");
-    			t = text(t_value);
-    			attr(line0, "x1", line0_x__value = /*tx*/ ctx[26]);
-    			attr(line0, "x2", line0_x__value_1 = /*tx*/ ctx[26]);
-    			attr(line0, "y1", line0_y__value = /*y*/ ctx[2][0]);
-    			attr(line0, "y2", line0_y__value_1 = /*y*/ ctx[2][1]);
-    			attr(line0, "style", /*gridLineStyleStr*/ ctx[8]);
-    			attr(line1, "x1", line1_x__value = /*tx*/ ctx[26]);
-    			attr(line1, "x2", line1_x__value_1 = /*tx*/ ctx[26]);
-    			attr(line1, "y1", line1_y__value = /*ticksY*/ ctx[3][0]);
-    			attr(line1, "y2", line1_y__value_1 = /*ticksY*/ ctx[3][1]);
-    			attr(line1, "style", /*axisLineStyleStr*/ ctx[7]);
-    			attr(text_1, "x", text_1_x_value = /*tx*/ ctx[26]);
-    			attr(text_1, "y", text_1_y_value = /*ticksY*/ ctx[3][1]);
-    			attr(text_1, "dx", "0");
-    			attr(text_1, "dy", /*dy*/ ctx[1]);
-    			attr(text_1, "class", "mdaplot__axis-labels");
-    			attr(text_1, "dominant-baseline", "middle");
-    			attr(text_1, "text-anchor", "middle");
-    		},
-    		m(target, anchor) {
-    			insert(target, line0, anchor);
-    			insert(target, line1, anchor);
-    			insert(target, text_1, anchor);
-    			append(text_1, t);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*ticksX*/ 16 && line0_x__value !== (line0_x__value = /*tx*/ ctx[26])) {
-    				attr(line0, "x1", line0_x__value);
-    			}
-
-    			if (dirty & /*ticksX*/ 16 && line0_x__value_1 !== (line0_x__value_1 = /*tx*/ ctx[26])) {
-    				attr(line0, "x2", line0_x__value_1);
-    			}
-
-    			if (dirty & /*y*/ 4 && line0_y__value !== (line0_y__value = /*y*/ ctx[2][0])) {
-    				attr(line0, "y1", line0_y__value);
-    			}
-
-    			if (dirty & /*y*/ 4 && line0_y__value_1 !== (line0_y__value_1 = /*y*/ ctx[2][1])) {
-    				attr(line0, "y2", line0_y__value_1);
-    			}
-
-    			if (dirty & /*ticksX*/ 16 && line1_x__value !== (line1_x__value = /*tx*/ ctx[26])) {
-    				attr(line1, "x1", line1_x__value);
-    			}
-
-    			if (dirty & /*ticksX*/ 16 && line1_x__value_1 !== (line1_x__value_1 = /*tx*/ ctx[26])) {
-    				attr(line1, "x2", line1_x__value_1);
-    			}
-
-    			if (dirty & /*ticksY*/ 8 && line1_y__value !== (line1_y__value = /*ticksY*/ ctx[3][0])) {
-    				attr(line1, "y1", line1_y__value);
-    			}
-
-    			if (dirty & /*ticksY*/ 8 && line1_y__value_1 !== (line1_y__value_1 = /*ticksY*/ ctx[3][1])) {
-    				attr(line1, "y2", line1_y__value_1);
-    			}
-
-    			if (dirty & /*tickLabels*/ 1 && t_value !== (t_value = /*tickLabels*/ ctx[0][/*i*/ ctx[28]] + "")) set_data(t, t_value);
-
-    			if (dirty & /*ticksX*/ 16 && text_1_x_value !== (text_1_x_value = /*tx*/ ctx[26])) {
-    				attr(text_1, "x", text_1_x_value);
-    			}
-
-    			if (dirty & /*ticksY*/ 8 && text_1_y_value !== (text_1_y_value = /*ticksY*/ ctx[3][1])) {
-    				attr(text_1, "y", text_1_y_value);
-    			}
-
-    			if (dirty & /*dy*/ 2) {
-    				attr(text_1, "dy", /*dy*/ ctx[1]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(line0);
-    			if (detaching) detach(line1);
-    			if (detaching) detach(text_1);
-    		}
-    	};
-    }
-
-    function create_fragment$a(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*$isOk*/ ctx[6] && /*x*/ ctx[5] !== undefined && /*y*/ ctx[2] !== undefined && create_if_block$8(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*$isOk*/ ctx[6] && /*x*/ ctx[5] !== undefined && /*y*/ ctx[2] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$8(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$a($$self, $$props, $$invalidate) {
-    	let x;
-    	let y;
-    	let dy;
-    	let tickNum;
-    	let ticksX;
-    	let ticksY;
-    	let $axesWidth;
-    	let $xLim;
-    	let $scale;
-    	let $axesHeight;
-    	let $yLim;
-    	let $isOk;
-    	let { slot = "xaxis" } = $$props;
-    	let { ticks = undefined } = $$props;
-    	let { tickLabels = ticks } = $$props;
-    	let { showGrid = false } = $$props;
-
-    	// set up tick mode
-    	const tickMode = ticks === undefined ? "auto" : "manual";
-
-    	/* sanity checks of input parameters */
-    	if (slot !== "xaxis") {
-    		throw "Component XAxis must have \"slot='xaxis'\" attribute.";
-    	}
-
-    	if (ticks !== undefined && !Array.isArray(ticks)) {
-    		throw "XAxis: 'ticks' must be a vector of numbers.";
-    	}
-
-    	if (ticks !== undefined && !(Array.isArray(tickLabels) && tickLabels.length == ticks.length)) {
-    		throw "XAxis: 'tickLabels' must be a vector of the same size as ticks.";
-    	}
-
-    	/* styles for axis and grid lines */
-    	const axisLineStyleStr = `stroke:${Colors.DARKGRAY};line-width:1px;`;
-
-    	const gridLineStyleStr = `stroke:${Colors.MIDDLEGRAY};stroke-opacity:${showGrid ? 1 : 0};stroke-dasharray:2px;`;
-
-    	// get axes context and adjust x margins
-    	const axes = getContext('axes');
-
-    	axes.addXAxisMargins();
-
-    	// get reactive variables needed to compute coordinates
-    	const xLim = axes.xLim;
-
-    	component_subscribe($$self, xLim, value => $$invalidate(20, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(23, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(19, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(22, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(21, $scale = value));
-    	const isOk = axes.isOk;
-    	component_subscribe($$self, isOk, value => $$invalidate(6, $isOk = value));
-
-    	$$self.$$set = $$props => {
-    		if ('slot' in $$props) $$invalidate(16, slot = $$props.slot);
-    		if ('ticks' in $$props) $$invalidate(15, ticks = $$props.ticks);
-    		if ('tickLabels' in $$props) $$invalidate(0, tickLabels = $$props.tickLabels);
-    		if ('showGrid' in $$props) $$invalidate(17, showGrid = $$props.showGrid);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*$xLim, $axesWidth*/ 1572864) {
-    			// reactive variables for coordinates of axis lines
-    			$$invalidate(5, x = axes.scaleX($xLim, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*$yLim, $axesHeight*/ 12582912) {
-    			$$invalidate(2, y = axes.scaleY($yLim, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*$scale*/ 2097152) {
-    			// reactive variables for ticks and their coordinates
-    			$$invalidate(1, dy = $scale === "small" ? 7 : 10);
-    		}
-
-    		if ($$self.$$.dirty & /*$scale*/ 2097152) {
-    			$$invalidate(18, tickNum = axes.TICK_NUM[$scale]);
-    		}
-
-    		if ($$self.$$.dirty & /*$xLim, tickNum, ticks*/ 1343488) {
-    			$$invalidate(15, ticks = tickMode === "auto"
-    			? axes.getAxisTicks(undefined, $xLim, tickNum, true)
-    			: ticks);
-    		}
-
-    		if ($$self.$$.dirty & /*ticks, tickLabels*/ 32769) {
-    			$$invalidate(0, tickLabels = tickMode === "auto" ? ticks : tickLabels);
-    		}
-
-    		if ($$self.$$.dirty & /*ticks, $xLim, $axesWidth*/ 1605632) {
-    			$$invalidate(4, ticksX = axes.scaleX(ticks, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*y, dy*/ 6) {
-    			$$invalidate(3, ticksY = y === undefined ? undefined : [y[0], y[0] + dy]);
-    		}
-    	};
-
-    	return [
-    		tickLabels,
-    		dy,
-    		y,
-    		ticksY,
-    		ticksX,
-    		x,
-    		$isOk,
-    		axisLineStyleStr,
-    		gridLineStyleStr,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		isOk,
-    		ticks,
-    		slot,
-    		showGrid,
-    		tickNum,
-    		$axesWidth,
-    		$xLim,
-    		$scale,
-    		$axesHeight,
-    		$yLim
-    	];
-    }
-
-    class XAxis extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$a, create_fragment$a, safe_not_equal, {
-    			slot: 16,
-    			ticks: 15,
-    			tickLabels: 0,
-    			showGrid: 17
-    		});
-    	}
-    }
-
-    /* src/YAxis.svelte generated by Svelte v3.50.1 */
-
-    function get_each_context$4(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[26] = list[i];
-    	child_ctx[28] = i;
-    	return child_ctx;
-    }
-
-    // (60:0) {#if x !== undefined && y !== undefined }
-    function create_if_block$7(ctx) {
-    	let g;
-    	let line;
-    	let line_x__value;
-    	let line_x__value_1;
-    	let line_y__value;
-    	let line_y__value_1;
-    	let each_value = /*ticksY*/ ctx[4];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			line = svg_element("line");
-    			attr(line, "x1", line_x__value = /*x*/ ctx[1][0]);
-    			attr(line, "x2", line_x__value_1 = /*x*/ ctx[1][0]);
-    			attr(line, "y1", line_y__value = /*y*/ ctx[5][0]);
-    			attr(line, "y2", line_y__value_1 = /*y*/ ctx[5][1]);
-    			attr(line, "style", /*axisLineStyleStr*/ ctx[7]);
-    			attr(g, "class", "mdaplot__axis mdaplot__yaxis");
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(g, null);
-    			}
-
-    			append(g, line);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*ticksX, ticksY, dx, transform, tickLabels, axisLineStyleStr, x, gridLineStyleStr*/ 479) {
-    				each_value = /*ticksY*/ ctx[4];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$4(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block$4(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(g, line);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (dirty & /*x*/ 2 && line_x__value !== (line_x__value = /*x*/ ctx[1][0])) {
-    				attr(line, "x1", line_x__value);
-    			}
-
-    			if (dirty & /*x*/ 2 && line_x__value_1 !== (line_x__value_1 = /*x*/ ctx[1][0])) {
-    				attr(line, "x2", line_x__value_1);
-    			}
-
-    			if (dirty & /*y*/ 32 && line_y__value !== (line_y__value = /*y*/ ctx[5][0])) {
-    				attr(line, "y1", line_y__value);
-    			}
-
-    			if (dirty & /*y*/ 32 && line_y__value_1 !== (line_y__value_1 = /*y*/ ctx[5][1])) {
-    				attr(line, "y2", line_y__value_1);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    			destroy_each(each_blocks, detaching);
-    		}
-    	};
-    }
-
-    // (62:3) {#each ticksY as ty, i}
-    function create_each_block$4(ctx) {
-    	let line0;
-    	let line0_x__value;
-    	let line0_x__value_1;
-    	let line0_y__value;
-    	let line0_y__value_1;
-    	let line1;
-    	let line1_x__value;
-    	let line1_x__value_1;
-    	let line1_y__value;
-    	let line1_y__value_1;
-    	let text_1;
-    	let t_value = /*tickLabels*/ ctx[0][/*i*/ ctx[28]] + "";
-    	let t;
-    	let text_1_x_value;
-    	let text_1_y_value;
-
-    	return {
-    		c() {
-    			line0 = svg_element("line");
-    			line1 = svg_element("line");
-    			text_1 = svg_element("text");
-    			t = text(t_value);
-    			attr(line0, "x1", line0_x__value = /*x*/ ctx[1][0]);
-    			attr(line0, "x2", line0_x__value_1 = /*x*/ ctx[1][1]);
-    			attr(line0, "y1", line0_y__value = /*ty*/ ctx[26]);
-    			attr(line0, "y2", line0_y__value_1 = /*ty*/ ctx[26]);
-    			attr(line0, "style", /*gridLineStyleStr*/ ctx[8]);
-    			attr(line1, "x1", line1_x__value = /*ticksX*/ ctx[3][0]);
-    			attr(line1, "x2", line1_x__value_1 = /*ticksX*/ ctx[3][1]);
-    			attr(line1, "y1", line1_y__value = /*ty*/ ctx[26]);
-    			attr(line1, "y2", line1_y__value_1 = /*ty*/ ctx[26]);
-    			attr(line1, "style", /*axisLineStyleStr*/ ctx[7]);
-    			attr(text_1, "x", text_1_x_value = /*ticksX*/ ctx[3][0]);
-    			attr(text_1, "y", text_1_y_value = /*ty*/ ctx[26]);
-    			attr(text_1, "dx", /*dx*/ ctx[2]);
-    			attr(text_1, "dy", 0);
-    			attr(text_1, "transform", /*transform*/ ctx[6]);
-    			set_style(text_1, "background", "red");
-    			attr(text_1, "class", "mdaplot__axis-labels");
-    			attr(text_1, "dominant-baseline", "middle");
-    			attr(text_1, "text-anchor", "end");
-    		},
-    		m(target, anchor) {
-    			insert(target, line0, anchor);
-    			insert(target, line1, anchor);
-    			insert(target, text_1, anchor);
-    			append(text_1, t);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x*/ 2 && line0_x__value !== (line0_x__value = /*x*/ ctx[1][0])) {
-    				attr(line0, "x1", line0_x__value);
-    			}
-
-    			if (dirty & /*x*/ 2 && line0_x__value_1 !== (line0_x__value_1 = /*x*/ ctx[1][1])) {
-    				attr(line0, "x2", line0_x__value_1);
-    			}
-
-    			if (dirty & /*ticksY*/ 16 && line0_y__value !== (line0_y__value = /*ty*/ ctx[26])) {
-    				attr(line0, "y1", line0_y__value);
-    			}
-
-    			if (dirty & /*ticksY*/ 16 && line0_y__value_1 !== (line0_y__value_1 = /*ty*/ ctx[26])) {
-    				attr(line0, "y2", line0_y__value_1);
-    			}
-
-    			if (dirty & /*ticksX*/ 8 && line1_x__value !== (line1_x__value = /*ticksX*/ ctx[3][0])) {
-    				attr(line1, "x1", line1_x__value);
-    			}
-
-    			if (dirty & /*ticksX*/ 8 && line1_x__value_1 !== (line1_x__value_1 = /*ticksX*/ ctx[3][1])) {
-    				attr(line1, "x2", line1_x__value_1);
-    			}
-
-    			if (dirty & /*ticksY*/ 16 && line1_y__value !== (line1_y__value = /*ty*/ ctx[26])) {
-    				attr(line1, "y1", line1_y__value);
-    			}
-
-    			if (dirty & /*ticksY*/ 16 && line1_y__value_1 !== (line1_y__value_1 = /*ty*/ ctx[26])) {
-    				attr(line1, "y2", line1_y__value_1);
-    			}
-
-    			if (dirty & /*tickLabels*/ 1 && t_value !== (t_value = /*tickLabels*/ ctx[0][/*i*/ ctx[28]] + "")) set_data(t, t_value);
-
-    			if (dirty & /*ticksX*/ 8 && text_1_x_value !== (text_1_x_value = /*ticksX*/ ctx[3][0])) {
-    				attr(text_1, "x", text_1_x_value);
-    			}
-
-    			if (dirty & /*ticksY*/ 16 && text_1_y_value !== (text_1_y_value = /*ty*/ ctx[26])) {
-    				attr(text_1, "y", text_1_y_value);
-    			}
-
-    			if (dirty & /*dx*/ 4) {
-    				attr(text_1, "dx", /*dx*/ ctx[2]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(line0);
-    			if (detaching) detach(line1);
-    			if (detaching) detach(text_1);
-    		}
-    	};
-    }
-
-    function create_fragment$9(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*x*/ ctx[1] !== undefined && /*y*/ ctx[5] !== undefined && create_if_block$7(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*x*/ ctx[1] !== undefined && /*y*/ ctx[5] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$7(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$9($$self, $$props, $$invalidate) {
-    	let x;
-    	let y;
-    	let dx;
-    	let tickNum;
-    	let ticksY;
-    	let ticksX;
-    	let $axesHeight;
-    	let $yLim;
-    	let $scale;
-    	let $axesWidth;
-    	let $xLim;
-    	let { slot = "yaxis" } = $$props;
-    	let { ticks = undefined } = $$props;
-    	let { tickLabels = ticks } = $$props;
-    	let { showGrid = false } = $$props;
-    	let { las = 1 } = $$props;
-
-    	// set up tick mode
-    	const tickMode = ticks === undefined ? "auto" : "manual";
-
-    	// TODO: set up tick text translation
-    	const transform = las > 1 ? "" : "";
-
-    	/* sanity checks of input parameters */
-    	if (slot !== "yaxis") {
-    		throw "Component YAxis must have \"slot='yaxis'\" attribute.";
-    	}
-
-    	if (ticks !== undefined && !Array.isArray(ticks)) {
-    		throw "YAxis: 'ticks' must be a vector of numbers.";
-    	}
-
-    	if (ticks !== undefined && !(Array.isArray(tickLabels) && tickLabels.length == ticks.length)) {
-    		throw "YAxis: 'tickLabels' must be a vector of the same size as ticks.";
-    	}
-
-    	/* styles for axis and grid lines */
-    	const axisLineStyleStr = `stroke:${Colors.DARKGRAY};line-width:1px;`;
-
-    	const gridLineStyleStr = `stroke:${Colors.MIDDLEGRAY};stroke-opacity:${showGrid ? 1 : 0};stroke-dasharray:2px;`;
-
-    	// get axes context and adjust x margins
-    	const axes = getContext('axes');
-
-    	axes.addYAxisMargins();
-
-    	// get reactive variables needed to compute coordinates
-    	const xLim = axes.xLim;
-
-    	component_subscribe($$self, xLim, value => $$invalidate(23, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(20, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(22, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(19, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(21, $scale = value));
-
-    	$$self.$$set = $$props => {
-    		if ('slot' in $$props) $$invalidate(15, slot = $$props.slot);
-    		if ('ticks' in $$props) $$invalidate(14, ticks = $$props.ticks);
-    		if ('tickLabels' in $$props) $$invalidate(0, tickLabels = $$props.tickLabels);
-    		if ('showGrid' in $$props) $$invalidate(16, showGrid = $$props.showGrid);
-    		if ('las' in $$props) $$invalidate(17, las = $$props.las);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*$xLim, $axesWidth*/ 12582912) {
-    			// reactive variables for coordinates of axis lines
-    			$$invalidate(1, x = axes.scaleX($xLim, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*$yLim, $axesHeight*/ 1572864) {
-    			$$invalidate(5, y = axes.scaleY($yLim, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*$scale*/ 2097152) {
-    			// reactive variables for ticks and their coordinates
-    			$$invalidate(2, dx = $scale === "small" ? -4 : -6);
-    		}
-
-    		if ($$self.$$.dirty & /*$scale*/ 2097152) {
-    			$$invalidate(18, tickNum = axes.TICK_NUM[$scale]);
-    		}
-
-    		if ($$self.$$.dirty & /*$yLim, tickNum, ticks*/ 1327104) {
-    			$$invalidate(14, ticks = tickMode === "auto"
-    			? axes.getAxisTicks(undefined, $yLim, tickNum, true)
-    			: ticks);
-    		}
-
-    		if ($$self.$$.dirty & /*ticks, tickLabels*/ 16385) {
-    			$$invalidate(0, tickLabels = tickMode === "auto" ? ticks : tickLabels);
-    		}
-
-    		if ($$self.$$.dirty & /*ticks, $yLim, $axesHeight*/ 1589248) {
-    			$$invalidate(4, ticksY = axes.scaleY(ticks, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*x, dx*/ 6) {
-    			$$invalidate(3, ticksX = x === undefined ? undefined : [x[0] + dx, x[0]]);
-    		}
-    	};
-
-    	return [
-    		tickLabels,
-    		x,
-    		dx,
-    		ticksX,
-    		ticksY,
-    		y,
-    		transform,
-    		axisLineStyleStr,
-    		gridLineStyleStr,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		ticks,
-    		slot,
-    		showGrid,
-    		las,
-    		tickNum,
-    		$axesHeight,
-    		$yLim,
-    		$scale,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class YAxis extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
-    			slot: 15,
-    			ticks: 14,
-    			tickLabels: 0,
-    			showGrid: 16,
-    			las: 17
-    		});
-    	}
-    }
-
-    /* src/Rectangles.svelte generated by Svelte v3.50.1 */
-
-    function get_each_context$3(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[25] = list[i];
-    	child_ctx[27] = i;
-    	return child_ctx;
-    }
-
-    // (55:0) {#if rx !== undefined && ry !== undefined}
-    function create_if_block$6(ctx) {
-    	let g;
-    	let g_class_value;
-    	let each_value = /*left*/ ctx[0];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			attr(g, "class", g_class_value = "series " + /*style*/ ctx[2]);
-    			attr(g, "title", /*title*/ ctx[1]);
-    			attr(g, "style", /*barsStyleStr*/ ctx[3]);
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(g, null);
-    			}
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*rx, ry, rw, rh, left*/ 241) {
-    				each_value = /*left*/ ctx[0];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$3(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block$3(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(g, null);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (dirty & /*style*/ 4 && g_class_value !== (g_class_value = "series " + /*style*/ ctx[2])) {
-    				attr(g, "class", g_class_value);
-    			}
-
-    			if (dirty & /*title*/ 2) {
-    				attr(g, "title", /*title*/ ctx[1]);
-    			}
-
-    			if (dirty & /*barsStyleStr*/ 8) {
-    				attr(g, "style", /*barsStyleStr*/ ctx[3]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    			destroy_each(each_blocks, detaching);
-    		}
-    	};
-    }
-
-    // (57:3) {#each left as v, i}
-    function create_each_block$3(ctx) {
-    	let rect;
-    	let rect_x_value;
-    	let rect_y_value;
-    	let rect_width_value;
-    	let rect_height_value;
-
-    	return {
-    		c() {
-    			rect = svg_element("rect");
-    			attr(rect, "x", rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]]);
-    			attr(rect, "y", rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]]);
-    			attr(rect, "width", rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]]);
-    			attr(rect, "height", rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]]);
-    		},
-    		m(target, anchor) {
-    			insert(target, rect, anchor);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*rx*/ 128 && rect_x_value !== (rect_x_value = /*rx*/ ctx[7][/*i*/ ctx[27]])) {
-    				attr(rect, "x", rect_x_value);
-    			}
-
-    			if (dirty & /*ry*/ 64 && rect_y_value !== (rect_y_value = /*ry*/ ctx[6][/*i*/ ctx[27]])) {
-    				attr(rect, "y", rect_y_value);
-    			}
-
-    			if (dirty & /*rw*/ 32 && rect_width_value !== (rect_width_value = /*rw*/ ctx[5][/*i*/ ctx[27]])) {
-    				attr(rect, "width", rect_width_value);
-    			}
-
-    			if (dirty & /*rh*/ 16 && rect_height_value !== (rect_height_value = /*rh*/ ctx[4][/*i*/ ctx[27]])) {
-    				attr(rect, "height", rect_height_value);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(rect);
-    		}
-    	};
-    }
-
-    function create_fragment$8(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined && create_if_block$6(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*rx*/ ctx[7] !== undefined && /*ry*/ ctx[6] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$6(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$8($$self, $$props, $$invalidate) {
-    	let rx;
-    	let ry;
-    	let rw;
-    	let rh;
-    	let barsStyleStr;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { left } = $$props;
-    	let { top } = $$props;
-    	let { width } = $$props;
-    	let { height } = $$props;
-    	let { labels = undefined } = $$props;
-    	let { faceColor = Colors.PRIMARY } = $$props;
-    	let { borderColor = faceColor } = $$props;
-    	let { lineWidth = 1 } = $$props;
-    	let { title = "" } = $$props;
-    	let { style = "series_rect" } = $$props;
-
-    	// multiply width and height values if needed
-    	if (!Array.isArray(left) || !Array.isArray(top) || left.length < 1 || left.length != top.length) {
-    		throw "Rectangles: parameters 'left' and 'top' must be vectors of the same size.";
-    	}
-
-    	// we make this reactive in case if left and right has been changed but not width
-    	const n = left.length;
-
-    	if (!Array.isArray(height)) height = Array(n).fill(height);
-    	if (!Array.isArray(width)) width = Array(n).fill(width);
-
-    	/* sanity check for input parameters */
-    	if (top.length !== n || width.length !== n || height.length !== n) {
-    		throw "Rectangles: x, y, w and h should have the same length (w and h can be single values).";
-    	}
-
-    	if (labels !== undefined && (!Array.isArray(labels) || labels.length !== n)) {
-    		throw "Rectangles: vector with labels should have the same length as vectors with x and y coordinates.";
-    	}
-
-    	// get axes context and reactive variables needed to compute coordinates
-    	const axes = getContext('axes');
-
-    	const xLim = axes.xLim;
-    	component_subscribe($$self, xLim, value => $$invalidate(22, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(20, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(21, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(19, $axesHeight = value));
-
-    	$$self.$$set = $$props => {
-    		if ('left' in $$props) $$invalidate(0, left = $$props.left);
-    		if ('top' in $$props) $$invalidate(14, top = $$props.top);
-    		if ('width' in $$props) $$invalidate(12, width = $$props.width);
-    		if ('height' in $$props) $$invalidate(13, height = $$props.height);
-    		if ('labels' in $$props) $$invalidate(15, labels = $$props.labels);
-    		if ('faceColor' in $$props) $$invalidate(16, faceColor = $$props.faceColor);
-    		if ('borderColor' in $$props) $$invalidate(17, borderColor = $$props.borderColor);
-    		if ('lineWidth' in $$props) $$invalidate(18, lineWidth = $$props.lineWidth);
-    		if ('title' in $$props) $$invalidate(1, title = $$props.title);
-    		if ('style' in $$props) $$invalidate(2, style = $$props.style);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*left, $xLim, $axesWidth*/ 6291457) {
-    			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(7, rx = axes.scaleX(left, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*top, $yLim, $axesHeight*/ 1589248) {
-    			$$invalidate(6, ry = axes.scaleY(top, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*width, $xLim, $axesWidth*/ 6295552) {
-    			$$invalidate(5, rw = axes.scaleX(width, $xLim, $axesWidth, true));
-    		}
-
-    		if ($$self.$$.dirty & /*height, $yLim, $axesHeight*/ 1581056) {
-    			$$invalidate(4, rh = axes.scaleY(height, $yLim, $axesHeight, true));
-    		}
-
-    		if ($$self.$$.dirty & /*faceColor, borderColor, lineWidth*/ 458752) {
-    			// styles for bars and labels
-    			$$invalidate(3, barsStyleStr = `fill:${faceColor};stroke:${borderColor};stroke-width: ${lineWidth}px;`);
-    		}
-    	};
-
-    	return [
-    		left,
-    		title,
-    		style,
-    		barsStyleStr,
-    		rh,
-    		rw,
-    		ry,
-    		rx,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		width,
-    		height,
-    		top,
-    		labels,
-    		faceColor,
-    		borderColor,
-    		lineWidth,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class Rectangles extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$8, create_fragment$8, safe_not_equal, {
-    			left: 0,
-    			top: 14,
-    			width: 12,
-    			height: 13,
-    			labels: 15,
-    			faceColor: 16,
-    			borderColor: 17,
-    			lineWidth: 18,
-    			title: 1,
-    			style: 2
-    		});
-    	}
-    }
-
-    /* src/Box.svelte generated by Svelte v3.50.1 */
-
-    function create_if_block$5(ctx) {
-    	let g;
-    	let rectangles;
-    	let current;
-
-    	rectangles = new Rectangles({
-    			props: {
-    				left: /*left*/ ctx[3],
-    				top: /*top*/ ctx[2],
-    				width: /*width*/ ctx[1],
-    				height: /*height*/ ctx[0],
-    				borderColor: Colors.DARKGRAY,
-    				faceColor: "transparent"
-    			}
-    		});
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-    			create_component(rectangles.$$.fragment);
-    			set_style(g, "pointer-events", "none");
-    			attr(g, "class", "mdaplot__axes-box");
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-    			mount_component(rectangles, g, null);
-    			current = true;
-    		},
-    		p(ctx, dirty) {
-    			const rectangles_changes = {};
-    			if (dirty & /*left*/ 8) rectangles_changes.left = /*left*/ ctx[3];
-    			if (dirty & /*top*/ 4) rectangles_changes.top = /*top*/ ctx[2];
-    			if (dirty & /*width*/ 2) rectangles_changes.width = /*width*/ ctx[1];
-    			if (dirty & /*height*/ 1) rectangles_changes.height = /*height*/ ctx[0];
-    			rectangles.$set(rectangles_changes);
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(rectangles.$$.fragment, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(rectangles.$$.fragment, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    			destroy_component(rectangles);
-    		}
-    	};
-    }
-
-    function create_fragment$7(ctx) {
-    	let if_block_anchor;
-    	let current;
-    	let if_block = /*$isOk*/ ctx[4] && create_if_block$5(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    			current = true;
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*$isOk*/ ctx[4]) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-
-    					if (dirty & /*$isOk*/ 16) {
-    						transition_in(if_block, 1);
-    					}
-    				} else {
-    					if_block = create_if_block$5(ctx);
-    					if_block.c();
-    					transition_in(if_block, 1);
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				group_outros();
-
-    				transition_out(if_block, 1, 1, () => {
-    					if_block = null;
-    				});
-
-    				check_outros();
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(if_block);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(if_block);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$7($$self, $$props, $$invalidate) {
-    	let left;
-    	let top;
-    	let width;
-    	let height;
-    	let $yLim;
-    	let $xLim;
-    	let $isOk;
-    	let { slot } = $$props;
-
-    	// check that the box is located in a correct slot
-    	if (slot !== "box") {
-    		throw "Component Box must have \"slot='box'\" attribute.";
-    	}
-
-    	// get axes context and reactive variables needed to compute coordinates
-    	const axes = getContext('axes');
-
-    	const xLim = axes.xLim;
-    	component_subscribe($$self, xLim, value => $$invalidate(10, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(9, $yLim = value));
-    	const isOk = axes.isOk;
-    	component_subscribe($$self, isOk, value => $$invalidate(4, $isOk = value));
-
-    	$$self.$$set = $$props => {
-    		if ('slot' in $$props) $$invalidate(8, slot = $$props.slot);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*$xLim*/ 1024) {
-    			// reactive variables for coordinates of box points in pixels
-    			$$invalidate(3, left = [$xLim[0]]);
-    		}
-
-    		if ($$self.$$.dirty & /*$yLim*/ 512) {
-    			$$invalidate(2, top = [$yLim[1]]);
-    		}
-
-    		if ($$self.$$.dirty & /*$xLim*/ 1024) {
-    			$$invalidate(1, width = [$xLim[1] - $xLim[0]]);
-    		}
-
-    		if ($$self.$$.dirty & /*$yLim*/ 512) {
-    			$$invalidate(0, height = [$yLim[1] - $yLim[0]]);
-    		}
-    	};
-
-    	return [height, width, top, left, $isOk, xLim, yLim, isOk, slot, $yLim, $xLim];
-    }
-
-    class Box extends SvelteComponent {
-    	constructor(options) {
-    		super();
-    		init(this, options, instance$7, create_fragment$7, safe_not_equal, { slot: 8 });
-    	}
-    }
-
-    /* src/Segments.svelte generated by Svelte v3.50.1 */
-
-    function get_each_context$2(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[24] = list[i];
-    	child_ctx[26] = i;
-    	return child_ctx;
-    }
-
-    // (41:0) {#if x1 !== undefined && y1 !== undefined}
-    function create_if_block$4(ctx) {
-    	let each_1_anchor;
-    	let each_value = /*x1*/ ctx[4];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			each_1_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(target, anchor);
-    			}
-
-    			insert(target, each_1_anchor, anchor);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x1, x2, y1, y2, lineStyleStr*/ 31) {
-    				each_value = /*x1*/ ctx[4];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$2(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block$2(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-    		},
-    		d(detaching) {
-    			destroy_each(each_blocks, detaching);
-    			if (detaching) detach(each_1_anchor);
-    		}
-    	};
-    }
-
-    // (42:3) {#each x1 as v, i}
-    function create_each_block$2(ctx) {
-    	let line;
-    	let line_x__value;
-    	let line_x__value_1;
-    	let line_y__value;
-    	let line_y__value_1;
-
-    	return {
-    		c() {
-    			line = svg_element("line");
-    			attr(line, "x1", line_x__value = /*x1*/ ctx[4][/*i*/ ctx[26]]);
-    			attr(line, "x2", line_x__value_1 = /*x2*/ ctx[3][/*i*/ ctx[26]]);
-    			attr(line, "y1", line_y__value = /*y1*/ ctx[2][/*i*/ ctx[26]]);
-    			attr(line, "y2", line_y__value_1 = /*y2*/ ctx[1][/*i*/ ctx[26]]);
-    			attr(line, "style", /*lineStyleStr*/ ctx[0]);
-    		},
-    		m(target, anchor) {
-    			insert(target, line, anchor);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x1*/ 16 && line_x__value !== (line_x__value = /*x1*/ ctx[4][/*i*/ ctx[26]])) {
-    				attr(line, "x1", line_x__value);
-    			}
-
-    			if (dirty & /*x2*/ 8 && line_x__value_1 !== (line_x__value_1 = /*x2*/ ctx[3][/*i*/ ctx[26]])) {
-    				attr(line, "x2", line_x__value_1);
-    			}
-
-    			if (dirty & /*y1*/ 4 && line_y__value !== (line_y__value = /*y1*/ ctx[2][/*i*/ ctx[26]])) {
-    				attr(line, "y1", line_y__value);
-    			}
-
-    			if (dirty & /*y2*/ 2 && line_y__value_1 !== (line_y__value_1 = /*y2*/ ctx[1][/*i*/ ctx[26]])) {
-    				attr(line, "y2", line_y__value_1);
-    			}
-
-    			if (dirty & /*lineStyleStr*/ 1) {
-    				attr(line, "style", /*lineStyleStr*/ ctx[0]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(line);
-    		}
-    	};
-    }
-
-    function create_fragment$6(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*x1*/ ctx[4] !== undefined && /*y1*/ ctx[2] !== undefined && create_if_block$4(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*x1*/ ctx[4] !== undefined && /*y1*/ ctx[2] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$4(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$6($$self, $$props, $$invalidate) {
-    	let x1;
-    	let x2;
-    	let y1;
-    	let y2;
-    	let lineStyleStr;
-    	let $scale;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { xStart } = $$props;
-    	let { xEnd } = $$props;
-    	let { yStart } = $$props;
-    	let { yEnd } = $$props;
-    	let { lineColor = Colors.PRIMARY } = $$props;
-    	let { lineType = 1 } = $$props;
-    	let { lineWidth = 1 } = $$props;
-
-    	/* sanity check for input parameters */
-    	if (!Array.isArray(xStart) || !Array.isArray(xEnd) || !Array.isArray(yStart) || !Array.isArray(yEnd)) {
-    		throw "Segments: parameters 'xStart', 'yStart', 'xEnd' and 'yEnd' must be vectors.";
-    	}
-
-    	const n = xStart.length;
-
-    	if (xEnd.length !== n || yStart.length !== n || yEnd.length !== n) {
-    		throw "Segments: parameters 'xStart', 'yStart', 'xEnd' and 'yEnd' should have the same length.";
-    	}
-
-    	// get axes context and reactive variables needed to compute coordinates
-    	const axes = getContext('axes');
-
-    	const xLim = axes.xLim;
-    	component_subscribe($$self, xLim, value => $$invalidate(21, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(19, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(20, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(18, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(17, $scale = value));
-
-    	$$self.$$set = $$props => {
-    		if ('xStart' in $$props) $$invalidate(10, xStart = $$props.xStart);
-    		if ('xEnd' in $$props) $$invalidate(11, xEnd = $$props.xEnd);
-    		if ('yStart' in $$props) $$invalidate(12, yStart = $$props.yStart);
-    		if ('yEnd' in $$props) $$invalidate(13, yEnd = $$props.yEnd);
-    		if ('lineColor' in $$props) $$invalidate(14, lineColor = $$props.lineColor);
-    		if ('lineType' in $$props) $$invalidate(15, lineType = $$props.lineType);
-    		if ('lineWidth' in $$props) $$invalidate(16, lineWidth = $$props.lineWidth);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*xStart, $xLim, $axesWidth*/ 3146752) {
-    			// reactive variables for coordinates of data points in pixels (and line style)
-    			$$invalidate(4, x1 = axes.scaleX(xStart, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*xEnd, $xLim, $axesWidth*/ 3147776) {
-    			$$invalidate(3, x2 = axes.scaleX(xEnd, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*yStart, $yLim, $axesHeight*/ 790528) {
-    			$$invalidate(2, y1 = axes.scaleY(yStart, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*yEnd, $yLim, $axesHeight*/ 794624) {
-    			$$invalidate(1, y2 = axes.scaleY(yEnd, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*lineColor, lineWidth, $scale, lineType*/ 245760) {
-    			$$invalidate(0, lineStyleStr = `stroke:${lineColor};stroke-width: ${lineWidth}px;stroke-dasharray:${axes.LINE_STYLES[$scale][lineType - 1]}`);
-    		}
-    	};
-
-    	return [
-    		lineStyleStr,
-    		y2,
-    		y1,
-    		x2,
-    		x1,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		xStart,
-    		xEnd,
-    		yStart,
-    		yEnd,
-    		lineColor,
-    		lineType,
-    		lineWidth,
-    		$scale,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class Segments extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$6, create_fragment$6, safe_not_equal, {
-    			xStart: 10,
-    			xEnd: 11,
-    			yStart: 12,
-    			yEnd: 13,
-    			lineColor: 14,
-    			lineType: 15,
-    			lineWidth: 16
-    		});
-    	}
-    }
-
-    /* src/TextLabels.svelte generated by Svelte v3.50.1 */
-
-    function add_css$2(target) {
-    	append_styles(target, "svelte-1xvrp9d", "text.svelte-1xvrp9d,text.svelte-1xvrp9d>tspan{dominant-baseline:middle}");
-    }
-
-    function get_each_context$1(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[27] = list[i];
-    	child_ctx[29] = i;
-    	return child_ctx;
-    }
-
-    // (66:0) {#if x !== undefined && y !== undefined}
-    function create_if_block$3(ctx) {
-    	let g;
-    	let g_class_value;
-    	let each_value = /*x*/ ctx[7];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			attr(g, "class", g_class_value = "series " + /*style*/ ctx[1]);
-    			attr(g, "title", /*title*/ ctx[2]);
-    			attr(g, "style", /*textStyleStr*/ ctx[3]);
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(g, null);
-    			}
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x, y, dx, dy, labels*/ 241) {
-    				each_value = /*x*/ ctx[7];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$1(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block$1(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(g, null);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (dirty & /*style*/ 2 && g_class_value !== (g_class_value = "series " + /*style*/ ctx[1])) {
-    				attr(g, "class", g_class_value);
-    			}
-
-    			if (dirty & /*title*/ 4) {
-    				attr(g, "title", /*title*/ ctx[2]);
-    			}
-
-    			if (dirty & /*textStyleStr*/ 8) {
-    				attr(g, "style", /*textStyleStr*/ ctx[3]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    			destroy_each(each_blocks, detaching);
-    		}
-    	};
-    }
-
-    // (68:3) {#each x as v, i}
-    function create_each_block$1(ctx) {
-    	let text_1;
-    	let raw_value = /*labels*/ ctx[0][/*i*/ ctx[29]] + "";
-    	let text_1_x_value;
-    	let text_1_y_value;
-
-    	return {
-    		c() {
-    			text_1 = svg_element("text");
-    			attr(text_1, "data-id", /*i*/ ctx[29]);
-    			attr(text_1, "x", text_1_x_value = /*x*/ ctx[7][/*i*/ ctx[29]]);
-    			attr(text_1, "y", text_1_y_value = /*y*/ ctx[6][/*i*/ ctx[29]]);
-    			attr(text_1, "dx", /*dx*/ ctx[5]);
-    			attr(text_1, "dy", /*dy*/ ctx[4]);
-    			attr(text_1, "class", "svelte-1xvrp9d");
-    		},
-    		m(target, anchor) {
-    			insert(target, text_1, anchor);
-    			text_1.innerHTML = raw_value;
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*labels*/ 1 && raw_value !== (raw_value = /*labels*/ ctx[0][/*i*/ ctx[29]] + "")) text_1.innerHTML = raw_value;
-    			if (dirty & /*x*/ 128 && text_1_x_value !== (text_1_x_value = /*x*/ ctx[7][/*i*/ ctx[29]])) {
-    				attr(text_1, "x", text_1_x_value);
-    			}
-
-    			if (dirty & /*y*/ 64 && text_1_y_value !== (text_1_y_value = /*y*/ ctx[6][/*i*/ ctx[29]])) {
-    				attr(text_1, "y", text_1_y_value);
-    			}
-
-    			if (dirty & /*dx*/ 32) {
-    				attr(text_1, "dx", /*dx*/ ctx[5]);
-    			}
-
-    			if (dirty & /*dy*/ 16) {
-    				attr(text_1, "dy", /*dy*/ ctx[4]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(text_1);
-    		}
-    	};
-    }
-
-    function create_fragment$5(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*x*/ ctx[7] !== undefined && /*y*/ ctx[6] !== undefined && create_if_block$3(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*x*/ ctx[7] !== undefined && /*y*/ ctx[6] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$3(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$5($$self, $$props, $$invalidate) {
-    	let x;
-    	let y;
-    	let dx;
-    	let dy;
-    	let textStyleStr;
-    	let $scale;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { xValues } = $$props;
-    	let { yValues } = $$props;
-    	let { labels } = $$props;
-    	let { pos = 0 } = $$props;
-    	let { faceColor = Colors.PRIMARY_TEXT } = $$props;
-    	let { borderColor = "transparent" } = $$props;
-    	let { borderWidth = 0 } = $$props;
-    	let { textSize = 1 } = $$props;
-    	let { style = "" } = $$props;
-    	let { title = "series_text" } = $$props;
-
-    	// text-anchor values depending on position
-    	const textAnchors = ["middle", "middle", "start", "middle", "end"];
-
-    	// sanity check for input parameters
-    	if (!Array.isArray(xValues) || !Array.isArray(yValues) || xValues.length !== yValues.length) {
-    		throw "TextLabels: parameters 'xValues' and 'yValues' must be vectors of the same length.";
-    	}
-
-    	// get axes context and reactive variables needed to compute coordinates
-    	const axes = getContext('axes');
-
-    	const xLim = axes.xLim;
-    	component_subscribe($$self, xLim, value => $$invalidate(24, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(22, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(23, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(21, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(20, $scale = value));
-
-    	$$self.$$set = $$props => {
-    		if ('xValues' in $$props) $$invalidate(13, xValues = $$props.xValues);
-    		if ('yValues' in $$props) $$invalidate(14, yValues = $$props.yValues);
-    		if ('labels' in $$props) $$invalidate(0, labels = $$props.labels);
-    		if ('pos' in $$props) $$invalidate(15, pos = $$props.pos);
-    		if ('faceColor' in $$props) $$invalidate(16, faceColor = $$props.faceColor);
-    		if ('borderColor' in $$props) $$invalidate(17, borderColor = $$props.borderColor);
-    		if ('borderWidth' in $$props) $$invalidate(18, borderWidth = $$props.borderWidth);
-    		if ('textSize' in $$props) $$invalidate(19, textSize = $$props.textSize);
-    		if ('style' in $$props) $$invalidate(1, style = $$props.style);
-    		if ('title' in $$props) $$invalidate(2, title = $$props.title);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*xValues, labels*/ 8193) {
-    			// multiply label values if needed
-    			{
-    				const n = xValues.length;
-    				if (!Array.isArray(labels)) $$invalidate(0, labels = Array(n).fill(labels));
-
-    				// workaround for an issue when xValues and yValues are changed in parent app
-    				// but array of labels is still the same as in the
-    				if (labels.length != n) $$invalidate(0, labels = Array(n).fill(labels[0]));
-
-    				// check that the length of labels vector is correct
-    				if (labels.length !== n) {
-    					throw "TextLabels: parameter 'labels' must be a single text value or a vector of the same size as 'x' and 'y'.";
-    				}
-    			}
-    		}
-
-    		if ($$self.$$.dirty & /*xValues, $xLim, $axesWidth*/ 25174016) {
-    			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(7, x = axes.scaleX(xValues, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*yValues, $yLim, $axesHeight*/ 6307840) {
-    			$$invalidate(6, y = axes.scaleY(yValues, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*pos, $scale*/ 1081344) {
-    			$$invalidate(5, dx = [0, 0, 1, 0, -1][pos] * axes.LABELS_MARGIN[$scale]);
-    		}
-
-    		if ($$self.$$.dirty & /*pos, $scale*/ 1081344) {
-    			$$invalidate(4, dy = [0, 1, 0, -1, 0][pos] * axes.LABELS_MARGIN[$scale]);
-    		}
-
-    		if ($$self.$$.dirty & /*faceColor, borderWidth, borderColor, textSize, pos*/ 1015808) {
-    			// styles for the elements
-    			$$invalidate(3, textStyleStr = `fill:${faceColor};stroke-width:${borderWidth}px;stroke:${borderColor};
-      font-size:${textSize}em; text-anchor:${textAnchors[pos]};`);
-    		}
-    	};
-
-    	return [
-    		labels,
-    		style,
-    		title,
-    		textStyleStr,
-    		dy,
-    		dx,
-    		y,
-    		x,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		xValues,
-    		yValues,
-    		pos,
-    		faceColor,
-    		borderColor,
-    		borderWidth,
-    		textSize,
-    		$scale,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class TextLabels extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(
-    			this,
-    			options,
-    			instance$5,
-    			create_fragment$5,
-    			safe_not_equal,
-    			{
-    				xValues: 13,
-    				yValues: 14,
-    				labels: 0,
-    				pos: 15,
-    				faceColor: 16,
-    				borderColor: 17,
-    				borderWidth: 18,
-    				textSize: 19,
-    				style: 1,
-    				title: 2
-    			},
-    			add_css$2
-    		);
-    	}
-    }
-
-    /* src/TextLegend.svelte generated by Svelte v3.50.1 */
-
-    function get_each_context(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[22] = list[i];
-    	child_ctx[24] = i;
-    	return child_ctx;
-    }
-
-    // (32:0) {#if x !== undefined && y !== undefined && elements.length > 0}
-    function create_if_block$2(ctx) {
-    	let text_1;
-    	let each_value = /*elements*/ ctx[2];
-    	let each_blocks = [];
-
-    	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-    	}
-
-    	return {
-    		c() {
-    			text_1 = svg_element("text");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			attr(text_1, "style", /*textStyleStr*/ ctx[3]);
-    			attr(text_1, "x", /*x*/ ctx[5]);
-    			attr(text_1, "y", /*y*/ ctx[4]);
-    			attr(text_1, "dx", /*dx*/ ctx[0]);
-    			attr(text_1, "dy", /*dy*/ ctx[1]);
-    			attr(text_1, "dominant-baseline", "middle");
-    			attr(text_1, "text-anchor", "start");
-    		},
-    		m(target, anchor) {
-    			insert(target, text_1, anchor);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(text_1, null);
-    			}
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x, dx, dy, elements*/ 39) {
-    				each_value = /*elements*/ ctx[2];
-    				let i;
-
-    				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context(ctx, each_value, i);
-
-    					if (each_blocks[i]) {
-    						each_blocks[i].p(child_ctx, dirty);
-    					} else {
-    						each_blocks[i] = create_each_block(child_ctx);
-    						each_blocks[i].c();
-    						each_blocks[i].m(text_1, null);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (dirty & /*textStyleStr*/ 8) {
-    				attr(text_1, "style", /*textStyleStr*/ ctx[3]);
-    			}
-
-    			if (dirty & /*x*/ 32) {
-    				attr(text_1, "x", /*x*/ ctx[5]);
-    			}
-
-    			if (dirty & /*y*/ 16) {
-    				attr(text_1, "y", /*y*/ ctx[4]);
-    			}
-
-    			if (dirty & /*dx*/ 1) {
-    				attr(text_1, "dx", /*dx*/ ctx[0]);
-    			}
-
-    			if (dirty & /*dy*/ 2) {
-    				attr(text_1, "dy", /*dy*/ ctx[1]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(text_1);
-    			destroy_each(each_blocks, detaching);
-    		}
-    	};
-    }
-
-    // (34:6) {#each elements as el, i}
-    function create_each_block(ctx) {
-    	let tspan;
-    	let raw_value = /*el*/ ctx[22] + "";
-    	let tspan_dy_value;
-
-    	return {
-    		c() {
-    			tspan = svg_element("tspan");
-    			attr(tspan, "x", /*x*/ ctx[5]);
-    			attr(tspan, "dx", /*dx*/ ctx[0]);
-    			attr(tspan, "dy", tspan_dy_value = /*i*/ ctx[24] === 0 ? 0 : /*dy*/ ctx[1]);
-    		},
-    		m(target, anchor) {
-    			insert(target, tspan, anchor);
-    			tspan.innerHTML = raw_value;
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*elements*/ 4 && raw_value !== (raw_value = /*el*/ ctx[22] + "")) tspan.innerHTML = raw_value;
-    			if (dirty & /*x*/ 32) {
-    				attr(tspan, "x", /*x*/ ctx[5]);
-    			}
-
-    			if (dirty & /*dx*/ 1) {
-    				attr(tspan, "dx", /*dx*/ ctx[0]);
-    			}
-
-    			if (dirty & /*dy*/ 2 && tspan_dy_value !== (tspan_dy_value = /*i*/ ctx[24] === 0 ? 0 : /*dy*/ ctx[1])) {
-    				attr(tspan, "dy", tspan_dy_value);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(tspan);
-    		}
-    	};
-    }
-
-    function create_fragment$4(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*x*/ ctx[5] !== undefined && /*y*/ ctx[4] !== undefined && /*elements*/ ctx[2].length > 0 && create_if_block$2(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*x*/ ctx[5] !== undefined && /*y*/ ctx[4] !== undefined && /*elements*/ ctx[2].length > 0) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$2(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$4($$self, $$props, $$invalidate) {
-    	let x;
-    	let y;
-    	let textStyleStr;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { left } = $$props;
-    	let { top } = $$props;
-    	let { dx = "0" } = $$props;
-    	let { dy = "1.25em" } = $$props;
-    	let { elements } = $$props;
-    	let { faceColor = Colors.PRIMARY_TEXT } = $$props;
-    	let { borderColor = "transparent" } = $$props;
-    	let { borderWidth = 0 } = $$props;
-    	let { textSize = 1 } = $$props;
-
-    	// get axes context and reactive variables needed to compute coordinates
-    	const axes = getContext('axes');
-
-    	const xLim = axes.xLim;
-    	component_subscribe($$self, xLim, value => $$invalidate(19, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(17, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(18, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(16, $axesHeight = value));
-    	axes.scale;
-
-    	$$self.$$set = $$props => {
-    		if ('left' in $$props) $$invalidate(10, left = $$props.left);
-    		if ('top' in $$props) $$invalidate(11, top = $$props.top);
-    		if ('dx' in $$props) $$invalidate(0, dx = $$props.dx);
-    		if ('dy' in $$props) $$invalidate(1, dy = $$props.dy);
-    		if ('elements' in $$props) $$invalidate(2, elements = $$props.elements);
-    		if ('faceColor' in $$props) $$invalidate(12, faceColor = $$props.faceColor);
-    		if ('borderColor' in $$props) $$invalidate(13, borderColor = $$props.borderColor);
-    		if ('borderWidth' in $$props) $$invalidate(14, borderWidth = $$props.borderWidth);
-    		if ('textSize' in $$props) $$invalidate(15, textSize = $$props.textSize);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*left, $xLim, $axesWidth*/ 787456) {
-    			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(5, x = axes.scaleX([left], $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*top, $yLim, $axesHeight*/ 198656) {
-    			$$invalidate(4, y = axes.scaleY([top], $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*faceColor, borderWidth, borderColor, textSize*/ 61440) {
-    			// styles for bars and labels
-    			$$invalidate(3, textStyleStr = `fill:${faceColor};stroke-width:${borderWidth}px;stroke:${borderColor};font-size:${textSize}em;`);
-    		}
-    	};
-
-    	return [
-    		dx,
-    		dy,
-    		elements,
-    		textStyleStr,
-    		y,
-    		x,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		left,
-    		top,
-    		faceColor,
-    		borderColor,
-    		borderWidth,
-    		textSize,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class TextLegend extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$4, create_fragment$4, safe_not_equal, {
-    			left: 10,
-    			top: 11,
-    			dx: 0,
-    			dy: 1,
-    			elements: 2,
-    			faceColor: 12,
-    			borderColor: 13,
-    			borderWidth: 14,
-    			textSize: 15
-    		});
-    	}
-    }
-
-    /**********************************************
-     * Functions for statistical tests and models *
-     **********************************************/
-
-
-    /**
-     * Finds smallest value in a vector
-     * @param {number[]} x - vector with values
-     * @returns {number}
-     */
-    function min(x) {
-       let n = x.length;
-       let min = Number.POSITIVE_INFINITY;
-
-       while (n--) min = x[n] < min ? x[n] : min;
-       return min;
-    }
-
-
-    /**
-     * Finds largest value in a vector
-     * @param {number[]} x - vector with values
-     * @returns {number}
-     */
-    function max(x) {
-       let n = x.length;
-       let max = Number.NEGATIVE_INFINITY;
-
-       while (n--) max = x[n] > max ? x[n] : max;
-       return max;
-    }
-
-
-    /**
-     * Computes a range of values in a vector with a margin
-     * @param {number[]} x - vector with values
-     * @param {number} margin - margin in parts of one (e.g. 0.1 for 10% or 2 for 200%)
-     * @returns{number[]} array with marginal range boundaries
-     */
-    function mrange(x, margin = 0.05) {
-       const mn = min(x);
-       const mx = max(x);
-       const d = mx - mn;
-
-       return [mn - d * margin, max(x) + d * margin];
-    }
-
-
-    /**
-     * Computes difference between all adjacent values in a vector
-     * @param {number[]} x - vector with values
-     * @returns {number[]} vector with the differences
-     */
-    function diff(x) {
-       return x.slice(1).map( (y, i) => (y - x[i]));
-    }
-
-    /* src/BarSeries.svelte generated by Svelte v3.50.1 */
-
-    function add_css$1(target) {
-    	append_styles(target, "svelte-kw726w", ".series_bar > rect{stroke-width:1px}.series_bar > rect:hover{opacity:90%}");
-    }
-
-    function create_fragment$3(ctx) {
-    	let rectangles;
-    	let current;
-
-    	rectangles = new Rectangles({
-    			props: {
-    				style: "series_bar",
-    				left: /*left*/ ctx[4],
-    				top: /*top*/ ctx[5],
-    				width: /*width*/ ctx[3],
-    				height: /*height*/ ctx[6],
-    				borderColor: /*borderColor*/ ctx[2],
-    				faceColor: /*faceColor*/ ctx[1],
-    				title: /*title*/ ctx[0]
-    			}
-    		});
-
-    	return {
-    		c() {
-    			create_component(rectangles.$$.fragment);
-    		},
-    		m(target, anchor) {
-    			mount_component(rectangles, target, anchor);
-    			current = true;
-    		},
-    		p(ctx, [dirty]) {
-    			const rectangles_changes = {};
-    			if (dirty & /*left*/ 16) rectangles_changes.left = /*left*/ ctx[4];
-    			if (dirty & /*top*/ 32) rectangles_changes.top = /*top*/ ctx[5];
-    			if (dirty & /*width*/ 8) rectangles_changes.width = /*width*/ ctx[3];
-    			if (dirty & /*height*/ 64) rectangles_changes.height = /*height*/ ctx[6];
-    			if (dirty & /*borderColor*/ 4) rectangles_changes.borderColor = /*borderColor*/ ctx[2];
-    			if (dirty & /*faceColor*/ 2) rectangles_changes.faceColor = /*faceColor*/ ctx[1];
-    			if (dirty & /*title*/ 1) rectangles_changes.title = /*title*/ ctx[0];
-    			rectangles.$set(rectangles_changes);
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(rectangles.$$.fragment, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(rectangles.$$.fragment, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			destroy_component(rectangles, detaching);
-    		}
-    	};
-    }
-
-    function instance$3($$self, $$props, $$invalidate) {
-    	let { xValues } = $$props;
-    	let { yValues } = $$props;
-    	let { barWidth = 0.8 } = $$props;
-    	let { title = "" } = $$props;
-    	let { faceColor = Colors.PRIMARY } = $$props;
-    	let { borderColor = Colors.PRIMARY } = $$props;
-    	let { showLabels = "no" } = $$props;
-
-    	// TODO: implemented later
-    	//export let labels = yValues;
-    	/* internal parameters */
-    	let width;
-
-    	let left;
-    	let top;
-    	let height;
-
-    	// to access shared parameters and methods from Axes
-    	const axes = getContext('axes');
-
-    	$$self.$$set = $$props => {
-    		if ('xValues' in $$props) $$invalidate(7, xValues = $$props.xValues);
-    		if ('yValues' in $$props) $$invalidate(8, yValues = $$props.yValues);
-    		if ('barWidth' in $$props) $$invalidate(9, barWidth = $$props.barWidth);
-    		if ('title' in $$props) $$invalidate(0, title = $$props.title);
-    		if ('faceColor' in $$props) $$invalidate(1, faceColor = $$props.faceColor);
-    		if ('borderColor' in $$props) $$invalidate(2, borderColor = $$props.borderColor);
-    		if ('showLabels' in $$props) $$invalidate(10, showLabels = $$props.showLabels);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*xValues, barWidth, width*/ 648) {
-    			/* reactive actions related to x-values, fires when there are changes in:
-     * - xValues
-     * - barWidth
-     */
-    			{
-    				if (!Array.isArray(xValues)) {
-    					throw "BarSeries: parameter 'xValues' must be a numeric vector.";
-    				}
-
-    				if (barWidth <= 0 || barWidth > 1) {
-    					throw "BarSeries: parameters 'barWidth' should be between 0 and 1.";
-    				}
-
-    				const xValuesRange = mrange(xValues, 0.1);
-    				xValuesRange[0] = xValuesRange[0] - barWidth * diff(xValuesRange) / xValues.length * 0.5;
-    				xValuesRange[1] = xValuesRange[1] + barWidth * diff(xValuesRange) / xValues.length * 0.5;
-    				axes.adjustXAxisLimits(xValuesRange);
-    				$$invalidate(3, width = Array(xValues.length).fill(max(diff(xValues)) * barWidth));
-    				$$invalidate(4, left = xValues.map((v, i) => v - width[i] / 2));
-    			}
-    		}
-
-    		if ($$self.$$.dirty & /*yValues, xValues, showLabels*/ 1408) {
-    			/* reactive actions related to y-values, fires when there are changes in:
-     * - yValues
-     */
-    			{
-    				if (!Array.isArray(yValues) || xValues.length != yValues.length) {
-    					throw "BarSeries: parameter 'yValues' must be a numeric vector of the same length as 'xValues'.";
-    				}
-
-    				const yValuesRange = mrange(yValues, showLabels === "no" ? 0.05 : 0.20);
-    				axes.adjustYAxisLimits(yValuesRange);
-    				$$invalidate(5, top = yValues.map(v => v > 0 ? v : 0));
-    				$$invalidate(6, height = yValues.map(v => Math.abs(v)));
-    			}
-    		}
-    	};
-
-    	return [
-    		title,
-    		faceColor,
-    		borderColor,
-    		width,
-    		left,
-    		top,
-    		height,
-    		xValues,
-    		yValues,
-    		barWidth,
-    		showLabels
-    	];
-    }
-
-    class BarSeries extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(
-    			this,
-    			options,
-    			instance$3,
-    			create_fragment$3,
-    			safe_not_equal,
-    			{
-    				xValues: 7,
-    				yValues: 8,
-    				barWidth: 9,
-    				title: 0,
-    				faceColor: 1,
-    				borderColor: 2,
-    				showLabels: 10
-    			},
-    			add_css$1
-    		);
-    	}
-    }
-
-    /* src/ScatterSeries.svelte generated by Svelte v3.50.1 */
-
-    function add_css(target) {
-    	append_styles(target, "svelte-byxua3", ".series_scatter > text{font-size:1em;cursor:default}.series_scatter > text:hover{opacity:90%}.series_scatter > *:hover + .labels_hover{visibility:visible;opacity:1}");
-    }
-
-    function create_fragment$2(ctx) {
-    	let textlabels;
-    	let current;
-
-    	textlabels = new TextLabels({
-    			props: {
-    				xValues: /*xValues*/ ctx[0],
-    				yValues: /*yValues*/ ctx[1],
-    				faceColor: /*faceColor*/ ctx[3],
-    				borderColor: /*borderColor*/ ctx[4],
-    				borderWidth: /*borderWidth*/ ctx[5],
-    				title: /*title*/ ctx[2],
-    				style: "series_scatter",
-    				labels: /*markerSymbol*/ ctx[7],
-    				textSize: /*markerSize*/ ctx[6]
-    			}
-    		});
-
-    	return {
-    		c() {
-    			create_component(textlabels.$$.fragment);
-    		},
-    		m(target, anchor) {
-    			mount_component(textlabels, target, anchor);
-    			current = true;
-    		},
-    		p(ctx, [dirty]) {
-    			const textlabels_changes = {};
-    			if (dirty & /*xValues*/ 1) textlabels_changes.xValues = /*xValues*/ ctx[0];
-    			if (dirty & /*yValues*/ 2) textlabels_changes.yValues = /*yValues*/ ctx[1];
-    			if (dirty & /*faceColor*/ 8) textlabels_changes.faceColor = /*faceColor*/ ctx[3];
-    			if (dirty & /*borderColor*/ 16) textlabels_changes.borderColor = /*borderColor*/ ctx[4];
-    			if (dirty & /*borderWidth*/ 32) textlabels_changes.borderWidth = /*borderWidth*/ ctx[5];
-    			if (dirty & /*title*/ 4) textlabels_changes.title = /*title*/ ctx[2];
-    			if (dirty & /*markerSymbol*/ 128) textlabels_changes.labels = /*markerSymbol*/ ctx[7];
-    			if (dirty & /*markerSize*/ 64) textlabels_changes.textSize = /*markerSize*/ ctx[6];
-    			textlabels.$set(textlabels_changes);
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(textlabels.$$.fragment, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(textlabels.$$.fragment, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			destroy_component(textlabels, detaching);
-    		}
-    	};
-    }
-
-    function instance$2($$self, $$props, $$invalidate) {
-    	let { xValues } = $$props;
-    	let { yValues } = $$props;
-    	let { marker = 1 } = $$props;
-    	let { title = "" } = $$props;
-    	let { faceColor = "transparent" } = $$props;
-    	let { borderColor = Colors.PRIMARY } = $$props;
-    	let { borderWidth = 1 } = $$props;
-    	let { markerSize = 1 } = $$props;
-
-    	// TODO: implement later
-    	//export let labels = yValues;
-    	//export let showLabels = "no"; // can be "no", "hover", "always"
-    	/* constants for internal use */
-    	const markers = ["●", "◼", "▲", "▼", "⬥", "+", "*", "⨯"];
-
-    	let markerSymbol;
-
-    	/* sanity check of input parameters */
-    	if (typeof marker !== "number" || marker < 1 || marker > markers.length) {
-    		throw `ScatterSeries: parameter 'marker' must be a number from 1 to ${markers.length}."`;
-    	}
-
-    	// to access shared parameters and methods from Axes
-    	const axes = getContext('axes');
-
-    	$$self.$$set = $$props => {
-    		if ('xValues' in $$props) $$invalidate(0, xValues = $$props.xValues);
-    		if ('yValues' in $$props) $$invalidate(1, yValues = $$props.yValues);
-    		if ('marker' in $$props) $$invalidate(8, marker = $$props.marker);
-    		if ('title' in $$props) $$invalidate(2, title = $$props.title);
-    		if ('faceColor' in $$props) $$invalidate(3, faceColor = $$props.faceColor);
-    		if ('borderColor' in $$props) $$invalidate(4, borderColor = $$props.borderColor);
-    		if ('borderWidth' in $$props) $$invalidate(5, borderWidth = $$props.borderWidth);
-    		if ('markerSize' in $$props) $$invalidate(6, markerSize = $$props.markerSize);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*xValues, marker*/ 257) {
-    			/* reactive actions related to x-values, fires when there are changes in:
-     * - xValues
-     * - marker
-     */
-    			{
-    				if (!Array.isArray(xValues)) {
-    					throw "ScatterSeries: parameter 'xValues' must be a numeric vector.";
-    				}
-
-    				const xValuesRange = mrange(xValues, 0.05);
-    				axes.adjustXAxisLimits(xValuesRange);
-    				$$invalidate(7, markerSymbol = "");
-    				$$invalidate(7, markerSymbol = markers[marker - 1]);
-    			}
-    		}
-
-    		if ($$self.$$.dirty & /*yValues, xValues*/ 3) {
-    			/* reactive actions related to y-values, fires when there are changes in:
-     * - yValues
-     */
-    			{
-    				if (!Array.isArray(yValues) || xValues.length != yValues.length) {
-    					throw "BarSeries: parameter 'yValues' must be a numeric vector of the same length as 'xValues'.";
-    				}
-
-    				const yValuesRange = mrange(yValues, 0.05);
-    				axes.adjustYAxisLimits(yValuesRange);
-    			}
-    		}
-    	};
-
-    	return [
-    		xValues,
-    		yValues,
-    		title,
-    		faceColor,
-    		borderColor,
-    		borderWidth,
-    		markerSize,
-    		markerSymbol,
-    		marker
-    	];
-    }
-
-    class ScatterSeries extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(
-    			this,
-    			options,
-    			instance$2,
-    			create_fragment$2,
-    			safe_not_equal,
-    			{
-    				xValues: 0,
-    				yValues: 1,
-    				marker: 8,
-    				title: 2,
-    				faceColor: 3,
-    				borderColor: 4,
-    				borderWidth: 5,
-    				markerSize: 6
-    			},
-    			add_css
-    		);
-    	}
-    }
-
-    /* src/LineSeries.svelte generated by Svelte v3.50.1 */
-
-    function create_if_block$1(ctx) {
-    	let g;
-    	let polyline;
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-    			polyline = svg_element("polyline");
-    			attr(polyline, "class", "line");
-    			attr(polyline, "points", /*p*/ ctx[2]);
-    			attr(g, "class", "series series_line");
-    			attr(g, "style", /*lineStyleStr*/ ctx[1]);
-    			attr(g, "title", /*title*/ ctx[0]);
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-    			append(g, polyline);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*p*/ 4) {
-    				attr(polyline, "points", /*p*/ ctx[2]);
-    			}
-
-    			if (dirty & /*lineStyleStr*/ 2) {
-    				attr(g, "style", /*lineStyleStr*/ ctx[1]);
-    			}
-
-    			if (dirty & /*title*/ 1) {
-    				attr(g, "title", /*title*/ ctx[0]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    		}
-    	};
-    }
-
-    function create_fragment$1(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*p*/ ctx[2] !== undefined && create_if_block$1(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*p*/ ctx[2] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block$1(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance$1($$self, $$props, $$invalidate) {
-    	let x;
-    	let y;
-    	let p;
-    	let lineStyleStr;
-    	let $scale;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { xValues } = $$props;
-    	let { yValues } = $$props;
-    	let { title = "" } = $$props;
-    	let { lineWidth = 1 } = $$props;
-    	let { lineColor = Colors.PRIMARY } = $$props;
-    	let { lineType = 1 } = $$props;
-
-    	/* sanity check of input parameters */
-    	if (!Array.isArray(xValues) || !Array.isArray(yValues) || xValues.length != yValues.length) {
-    		throw "LineSeries: parameters 'xValues' and 'yValues' must be numeric vectors of the same length.";
-    	}
-
-    	// compute ranges for x and y values
-    	const xValuesRange = mrange(xValues, 0.05);
-
-    	const yValuesRange = mrange(yValues, 0.05);
-
-    	// get axes context and adjust axes limits
-    	const axes = getContext('axes');
-
-    	axes.adjustXAxisLimits(xValuesRange);
-    	axes.adjustYAxisLimits(yValuesRange);
-
-    	// get reactive variables needed to compute coordinates
-    	const xLim = axes.xLim;
-
-    	component_subscribe($$self, xLim, value => $$invalidate(19, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(17, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(18, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(16, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(15, $scale = value));
-
-    	$$self.$$set = $$props => {
-    		if ('xValues' in $$props) $$invalidate(8, xValues = $$props.xValues);
-    		if ('yValues' in $$props) $$invalidate(9, yValues = $$props.yValues);
-    		if ('title' in $$props) $$invalidate(0, title = $$props.title);
-    		if ('lineWidth' in $$props) $$invalidate(10, lineWidth = $$props.lineWidth);
-    		if ('lineColor' in $$props) $$invalidate(11, lineColor = $$props.lineColor);
-    		if ('lineType' in $$props) $$invalidate(12, lineType = $$props.lineType);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*xValues, $xLim, $axesWidth*/ 786688) {
-    			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(14, x = axes.scaleX(xValues, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*yValues, $yLim, $axesHeight*/ 197120) {
-    			$$invalidate(13, y = axes.scaleY(yValues, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*x, y*/ 24576) {
-    			$$invalidate(2, p = x !== undefined && y !== undefined
-    			? x.map((v, i) => `${v},${y[i]}`).join(' ')
-    			: undefined);
-    		}
-
-    		if ($$self.$$.dirty & /*lineColor, lineWidth, $scale, lineType*/ 39936) {
-    			$$invalidate(1, lineStyleStr = `fill:transparent;stroke:${lineColor};stroke-width: ${lineWidth}px;
-      stroke-dasharray:${axes.LINE_STYLES[$scale][lineType - 1]}`);
-    		}
-    	};
-
-    	return [
-    		title,
-    		lineStyleStr,
-    		p,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		xValues,
-    		yValues,
-    		lineWidth,
-    		lineColor,
-    		lineType,
-    		y,
-    		x,
-    		$scale,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class LineSeries extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$1, create_fragment$1, safe_not_equal, {
-    			xValues: 8,
-    			yValues: 9,
-    			title: 0,
-    			lineWidth: 10,
-    			lineColor: 11,
-    			lineType: 12
-    		});
-    	}
-    }
-
-    /* src/AreaSeries.svelte generated by Svelte v3.50.1 */
-
-    function create_if_block(ctx) {
-    	let g;
-    	let polygon;
-    	let polygon_points_value;
-
-    	return {
-    		c() {
-    			g = svg_element("g");
-    			polygon = svg_element("polygon");
-    			attr(polygon, "points", polygon_points_value = /*x*/ ctx[1][0] + "," + /*y0*/ ctx[4] + " " + /*p*/ ctx[3] + " " + /*x*/ ctx[1][/*x*/ ctx[1].length - 1] + "," + /*y0*/ ctx[4][0]);
-    			attr(g, "class", "series lineseries");
-    			attr(g, "style", /*areaStyleStr*/ ctx[2]);
-    			attr(g, "title", /*title*/ ctx[0]);
-    		},
-    		m(target, anchor) {
-    			insert(target, g, anchor);
-    			append(g, polygon);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*x, y0, p*/ 26 && polygon_points_value !== (polygon_points_value = /*x*/ ctx[1][0] + "," + /*y0*/ ctx[4] + " " + /*p*/ ctx[3] + " " + /*x*/ ctx[1][/*x*/ ctx[1].length - 1] + "," + /*y0*/ ctx[4][0])) {
-    				attr(polygon, "points", polygon_points_value);
-    			}
-
-    			if (dirty & /*areaStyleStr*/ 4) {
-    				attr(g, "style", /*areaStyleStr*/ ctx[2]);
-    			}
-
-    			if (dirty & /*title*/ 1) {
-    				attr(g, "title", /*title*/ ctx[0]);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(g);
-    		}
-    	};
-    }
-
-    function create_fragment(ctx) {
-    	let if_block_anchor;
-    	let if_block = /*p*/ ctx[3] !== undefined && create_if_block(ctx);
-
-    	return {
-    		c() {
-    			if (if_block) if_block.c();
-    			if_block_anchor = empty();
-    		},
-    		m(target, anchor) {
-    			if (if_block) if_block.m(target, anchor);
-    			insert(target, if_block_anchor, anchor);
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*p*/ ctx[3] !== undefined) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
-    				} else {
-    					if_block = create_if_block(ctx);
-    					if_block.c();
-    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-    				}
-    			} else if (if_block) {
-    				if_block.d(1);
-    				if_block = null;
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (if_block) if_block.d(detaching);
-    			if (detaching) detach(if_block_anchor);
-    		}
-    	};
-    }
-
-    function instance($$self, $$props, $$invalidate) {
-    	let y0;
-    	let x;
-    	let y;
-    	let p;
-    	let areaStyleStr;
-    	let $scale;
-    	let $axesHeight;
-    	let $yLim;
-    	let $axesWidth;
-    	let $xLim;
-    	let { xValues } = $$props;
-    	let { yValues } = $$props;
-    	let { title = "" } = $$props;
-    	let { lineWidth = 1 } = $$props;
-    	let { lineColor = Colors.PRIMARY } = $$props;
-    	let { fillColor = Colors.PRIMARY } = $$props;
-    	let { opacity = 1 } = $$props;
-    	let { lineType = 1 } = $$props;
-
-    	/* sanity check of input parameters */
-    	if (!Array.isArray(xValues) || !Array.isArray(yValues) || xValues.length != yValues.length) {
-    		throw "AreaSeries: parameters 'xValues' and 'yValues' must be numeric vectors of the same length.";
-    	}
-
-    	// compute ranges for x and y values
-    	const xValuesRange = mrange(xValues, 0.05);
-
-    	const yValuesRange = mrange(yValues, 0.05);
-
-    	// get axes context and adjust axes limits
-    	const axes = getContext('axes');
-
-    	axes.adjustXAxisLimits(xValuesRange);
-    	axes.adjustYAxisLimits(yValuesRange);
-
-    	// get reactive variables needed to compute coordinates
-    	const xLim = axes.xLim;
-
-    	component_subscribe($$self, xLim, value => $$invalidate(22, $xLim = value));
-    	const yLim = axes.yLim;
-    	component_subscribe($$self, yLim, value => $$invalidate(20, $yLim = value));
-    	const axesWidth = axes.width;
-    	component_subscribe($$self, axesWidth, value => $$invalidate(21, $axesWidth = value));
-    	const axesHeight = axes.height;
-    	component_subscribe($$self, axesHeight, value => $$invalidate(19, $axesHeight = value));
-    	const scale = axes.scale;
-    	component_subscribe($$self, scale, value => $$invalidate(18, $scale = value));
-
-    	$$self.$$set = $$props => {
-    		if ('xValues' in $$props) $$invalidate(10, xValues = $$props.xValues);
-    		if ('yValues' in $$props) $$invalidate(11, yValues = $$props.yValues);
-    		if ('title' in $$props) $$invalidate(0, title = $$props.title);
-    		if ('lineWidth' in $$props) $$invalidate(12, lineWidth = $$props.lineWidth);
-    		if ('lineColor' in $$props) $$invalidate(13, lineColor = $$props.lineColor);
-    		if ('fillColor' in $$props) $$invalidate(14, fillColor = $$props.fillColor);
-    		if ('opacity' in $$props) $$invalidate(15, opacity = $$props.opacity);
-    		if ('lineType' in $$props) $$invalidate(16, lineType = $$props.lineType);
-    	};
-
-    	$$self.$$.update = () => {
-    		if ($$self.$$.dirty & /*$yLim, $axesHeight*/ 1572864) {
-    			// reactive variables for coordinates of data points in pixels
-    			$$invalidate(4, y0 = axes.scaleY([0], $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*xValues, $xLim, $axesWidth*/ 6292480) {
-    			$$invalidate(1, x = axes.scaleX(xValues, $xLim, $axesWidth));
-    		}
-
-    		if ($$self.$$.dirty & /*yValues, $yLim, $axesHeight*/ 1574912) {
-    			$$invalidate(17, y = axes.scaleY(yValues, $yLim, $axesHeight));
-    		}
-
-    		if ($$self.$$.dirty & /*x, y*/ 131074) {
-    			$$invalidate(3, p = x !== undefined && y !== undefined
-    			? x.map((v, i) => `${v},${y[i]}`).join(' ')
-    			: undefined);
-    		}
-
-    		if ($$self.$$.dirty & /*opacity, fillColor, lineColor, lineWidth, $scale, lineType*/ 389120) {
-    			$$invalidate(2, areaStyleStr = `opacity:${opacity};fill:${fillColor};stroke:${lineColor};stroke-width: ${lineWidth}px;stroke-dasharray:${axes.LINE_STYLES[$scale][lineType - 1]}`);
-    		}
-    	};
-
-    	return [
-    		title,
-    		x,
-    		areaStyleStr,
-    		p,
-    		y0,
-    		xLim,
-    		yLim,
-    		axesWidth,
-    		axesHeight,
-    		scale,
-    		xValues,
-    		yValues,
-    		lineWidth,
-    		lineColor,
-    		fillColor,
-    		opacity,
-    		lineType,
-    		y,
-    		$scale,
-    		$axesHeight,
-    		$yLim,
-    		$axesWidth,
-    		$xLim
-    	];
-    }
-
-    class AreaSeries extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance, create_fragment, safe_not_equal, {
-    			xValues: 10,
-    			yValues: 11,
-    			title: 0,
-    			lineWidth: 12,
-    			lineColor: 13,
-    			fillColor: 14,
-    			opacity: 15,
-    			lineType: 16
-    		});
-    	}
-    }
-
-    exports.AreaSeries = AreaSeries;
-    exports.Axes = Axes;
-    exports.BarSeries = BarSeries;
-    exports.Box = Box;
-    exports.Colors = Colors;
-    exports.LineSeries = LineSeries;
-    exports.Rectangles = Rectangles;
-    exports.ScatterSeries = ScatterSeries;
-    exports.Segments = Segments;
-    exports.TextLabels = TextLabels;
-    exports.TextLegend = TextLegend;
-    exports.XAxis = XAxis;
-    exports.YAxis = YAxis;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));