@budibase/bbui 1.4.1 → 1.4.2

package/dist/index.js

@@ -1,1275 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = global || self, factory(global.Bbui = {}));
-}(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 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(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {
-        const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_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 action_destroyer(action_result) {
-        return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
-    }
-
-    function append(target, node) {
-        target.appendChild(node);
-    }
-    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 text(data) {
-        return document.createTextNode(data);
-    }
-    function space() {
-        return text(' ');
-    }
-    function listen(node, event, handler, options) {
-        node.addEventListener(event, handler, options);
-        return () => node.removeEventListener(event, handler, options);
-    }
-    function prevent_default(fn) {
-        return function (event) {
-            event.preventDefault();
-            // @ts-ignore
-            return fn.call(this, event);
-        };
-    }
-    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.data !== data)
-            text.data = data;
-    }
-    function set_input_value(input, value) {
-        input.value = value == null ? '' : value;
-    }
-    function toggle_class(element, name, toggle) {
-        element.classList[toggle ? 'add' : 'remove'](name);
-    }
-
-    let current_component;
-    function set_current_component(component) {
-        current_component = component;
-    }
-    // TODO figure out if we still want to support
-    // shorthand events, or if we want to implement
-    // a real bubbling mechanism
-    function bubble(component, event) {
-        const callbacks = component.$$.callbacks[event.type];
-        if (callbacks) {
-            callbacks.slice().forEach(fn => fn(event));
-        }
-    }
-
-    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);
-    }
-    let flushing = false;
-    const seen_callbacks = new Set();
-    function flush() {
-        if (flushing)
-            return;
-        flushing = true;
-        do {
-            // first, call beforeUpdate functions
-            // and update components
-            for (let i = 0; i < dirty_components.length; i += 1) {
-                const component = dirty_components[i];
-                set_current_component(component);
-                update(component.$$);
-            }
-            dirty_components.length = 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;
-        flushing = false;
-        seen_callbacks.clear();
-    }
-    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);
-        }
-    }
-    function create_component(block) {
-        block && block.c();
-    }
-    function mount_component(component, target, anchor) {
-        const { fragment, on_mount, on_destroy, after_update } = component.$$;
-        fragment && fragment.m(target, anchor);
-        // 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, dirty = [-1]) {
-        const parent_component = current_component;
-        set_current_component(component);
-        const prop_values = options.props || {};
-        const $$ = component.$$ = {
-            fragment: null,
-            ctx: null,
-            // state
-            props,
-            update: noop,
-            not_equal,
-            bound: blank_object(),
-            // lifecycle
-            on_mount: [],
-            on_destroy: [],
-            before_update: [],
-            after_update: [],
-            context: new Map(parent_component ? parent_component.$$.context : []),
-            // everything else
-            callbacks: blank_object(),
-            dirty
-        };
-        let ready = false;
-        $$.ctx = instance
-            ? instance(component, prop_values, (i, ret, ...rest) => {
-                const value = rest.length ? rest[0] : ret;
-                if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-                    if ($$.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);
-            flush();
-        }
-        set_current_component(parent_component);
-    }
-    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() {
-            // overridden by instance, if it has props
-        }
-    }
-
-    /* src/Form/Input.svelte generated by Svelte v3.23.2 */
-
-    function create_fragment(ctx) {
-    	let div;
-    	let label_1;
-    	let t0;
-    	let t1;
-    	let input;
-    	let validator_action;
-    	let mounted;
-    	let dispose;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			label_1 = element("label");
-    			t0 = text(/*label*/ ctx[1]);
-    			t1 = space();
-    			input = element("input");
-    			attr(label_1, "for", /*name*/ ctx[0]);
-    			attr(label_1, "class", "svelte-1ujfzyw");
-    			attr(input, "type", /*type*/ ctx[2]);
-    			attr(input, "name", /*name*/ ctx[0]);
-    			attr(input, "placeholder", /*placeholder*/ ctx[3]);
-    			attr(input, "class", "svelte-1ujfzyw");
-    			attr(div, "class", "container svelte-1ujfzyw");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			append(div, label_1);
-    			append(label_1, t0);
-    			append(div, t1);
-    			append(div, input);
-
-    			if (!mounted) {
-    				dispose = [
-    					listen(input, "change", /*change_handler*/ ctx[5]),
-    					listen(input, "input", /*input_handler*/ ctx[6]),
-    					action_destroyer(validator_action = /*validator*/ ctx[4].call(null, input))
-    				];
-
-    				mounted = true;
-    			}
-    		},
-    		p(ctx, [dirty]) {
-    			if (dirty & /*label*/ 2) set_data(t0, /*label*/ ctx[1]);
-
-    			if (dirty & /*name*/ 1) {
-    				attr(label_1, "for", /*name*/ ctx[0]);
-    			}
-
-    			if (dirty & /*type*/ 4) {
-    				attr(input, "type", /*type*/ ctx[2]);
-    			}
-
-    			if (dirty & /*name*/ 1) {
-    				attr(input, "name", /*name*/ ctx[0]);
-    			}
-
-    			if (dirty & /*placeholder*/ 8) {
-    				attr(input, "placeholder", /*placeholder*/ ctx[3]);
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (detaching) detach(div);
-    			mounted = false;
-    			run_all(dispose);
-    		}
-    	};
-    }
-
-    function instance($$self, $$props, $$invalidate) {
-    	let { name } = $$props,
-    		{ label } = $$props,
-    		{ type } = $$props,
-    		{ placeholder } = $$props,
-    		{ validator = () => {
-    			
-    		} } = $$props;
-
-    	function change_handler(event) {
-    		bubble($$self, event);
-    	}
-
-    	function input_handler(event) {
-    		bubble($$self, event);
-    	}
-
-    	$$self.$set = $$props => {
-    		if ("name" in $$props) $$invalidate(0, name = $$props.name);
-    		if ("label" in $$props) $$invalidate(1, label = $$props.label);
-    		if ("type" in $$props) $$invalidate(2, type = $$props.type);
-    		if ("placeholder" in $$props) $$invalidate(3, placeholder = $$props.placeholder);
-    		if ("validator" in $$props) $$invalidate(4, validator = $$props.validator);
-    	};
-
-    	return [name, label, type, placeholder, validator, change_handler, input_handler];
-    }
-
-    class Input extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance, create_fragment, safe_not_equal, {
-    			name: 0,
-    			label: 1,
-    			type: 2,
-    			placeholder: 3,
-    			validator: 4
-    		});
-    	}
-    }
-
-    function resize({ target }) {
-        target.style.height = "1px";
-        target.style.height = (+target.scrollHeight) + "px";
-    }
-
-    function text_area_resize(el) {
-        resize({ target: el });
-        el.style.overflow = 'hidden';
-        el.addEventListener('input', resize);
-
-        return {
-            destroy: () => el.removeEventListener('input', resize)
-        }
-    }
-
-    /* src/Form/TextArea.svelte generated by Svelte v3.23.2 */
-
-    function create_fragment$1(ctx) {
-    	let div;
-    	let label_1;
-    	let t0;
-    	let t1;
-    	let textarea;
-    	let text_area_resize_action;
-    	let mounted;
-    	let dispose;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			label_1 = element("label");
-    			t0 = text(/*label*/ ctx[2]);
-    			t1 = space();
-    			textarea = element("textarea");
-    			attr(label_1, "for", /*name*/ ctx[1]);
-    			attr(label_1, "class", "svelte-b7rdfu");
-    			attr(textarea, "placeholder", /*placeholder*/ ctx[3]);
-    			attr(textarea, "name", /*name*/ ctx[1]);
-    			attr(textarea, "class", "svelte-b7rdfu");
-    			attr(div, "class", "container svelte-b7rdfu");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			append(div, label_1);
-    			append(label_1, t0);
-    			append(div, t1);
-    			append(div, textarea);
-    			set_input_value(textarea, /*value*/ ctx[0]);
-
-    			if (!mounted) {
-    				dispose = [
-    					listen(textarea, "input", /*textarea_input_handler*/ ctx[5]),
-    					action_destroyer(text_area_resize_action = text_area_resize.call(null, textarea))
-    				];
-
-    				mounted = true;
-    			}
-    		},
-    		p(ctx, [dirty]) {
-    			if (dirty & /*label*/ 4) set_data(t0, /*label*/ ctx[2]);
-
-    			if (dirty & /*name*/ 2) {
-    				attr(label_1, "for", /*name*/ ctx[1]);
-    			}
-
-    			if (dirty & /*placeholder*/ 8) {
-    				attr(textarea, "placeholder", /*placeholder*/ ctx[3]);
-    			}
-
-    			if (dirty & /*name*/ 2) {
-    				attr(textarea, "name", /*name*/ ctx[1]);
-    			}
-
-    			if (dirty & /*value*/ 1) {
-    				set_input_value(textarea, /*value*/ ctx[0]);
-    			}
-    		},
-    		i: noop,
-    		o: noop,
-    		d(detaching) {
-    			if (detaching) detach(div);
-    			mounted = false;
-    			run_all(dispose);
-    		}
-    	};
-    }
-
-    function instance$1($$self, $$props, $$invalidate) {
-    	let { name } = $$props,
-    		{ label } = $$props,
-    		{ value } = $$props,
-    		{ placeholder } = $$props,
-    		{ validator = () => {
-    			
-    		} } = $$props;
-
-    	function textarea_input_handler() {
-    		value = this.value;
-    		$$invalidate(0, value);
-    	}
-
-    	$$self.$set = $$props => {
-    		if ("name" in $$props) $$invalidate(1, name = $$props.name);
-    		if ("label" in $$props) $$invalidate(2, label = $$props.label);
-    		if ("value" in $$props) $$invalidate(0, value = $$props.value);
-    		if ("placeholder" in $$props) $$invalidate(3, placeholder = $$props.placeholder);
-    		if ("validator" in $$props) $$invalidate(4, validator = $$props.validator);
-    	};
-
-    	return [value, name, label, placeholder, validator, textarea_input_handler];
-    }
-
-    class TextArea extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$1, create_fragment$1, safe_not_equal, {
-    			name: 1,
-    			label: 2,
-    			value: 0,
-    			placeholder: 3,
-    			validator: 4
-    		});
-    	}
-    }
-
-    /* src/Form/Button.svelte generated by Svelte v3.23.2 */
-
-    function create_fragment$2(ctx) {
-    	let button;
-    	let current;
-    	let mounted;
-    	let dispose;
-    	const default_slot_template = /*$$slots*/ ctx[11].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
-
-    	return {
-    		c() {
-    			button = element("button");
-    			if (default_slot) default_slot.c();
-    			button.disabled = /*disabled*/ ctx[3];
-    			attr(button, "class", "svelte-1oez5n8");
-    			toggle_class(button, "primary", /*primary*/ ctx[0]);
-    			toggle_class(button, "secondary", /*secondary*/ ctx[1]);
-    			toggle_class(button, "attention", /*attention*/ ctx[2]);
-    			toggle_class(button, "error", /*error*/ ctx[4]);
-    			toggle_class(button, "warning", /*warning*/ ctx[5]);
-    			toggle_class(button, "small", /*small*/ ctx[6]);
-    			toggle_class(button, "medium", /*medium*/ ctx[7]);
-    			toggle_class(button, "wide", /*wide*/ ctx[8]);
-    			toggle_class(button, "large", /*large*/ ctx[9]);
-    		},
-    		m(target, anchor) {
-    			insert(target, button, anchor);
-
-    			if (default_slot) {
-    				default_slot.m(button, null);
-    			}
-
-    			current = true;
-
-    			if (!mounted) {
-    				dispose = listen(button, "click", prevent_default(/*click_handler*/ ctx[12]));
-    				mounted = true;
-    			}
-    		},
-    		p(ctx, [dirty]) {
-    			if (default_slot) {
-    				if (default_slot.p && dirty & /*$$scope*/ 1024) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[10], dirty, null, null);
-    				}
-    			}
-
-    			if (!current || dirty & /*disabled*/ 8) {
-    				button.disabled = /*disabled*/ ctx[3];
-    			}
-
-    			if (dirty & /*primary*/ 1) {
-    				toggle_class(button, "primary", /*primary*/ ctx[0]);
-    			}
-
-    			if (dirty & /*secondary*/ 2) {
-    				toggle_class(button, "secondary", /*secondary*/ ctx[1]);
-    			}
-
-    			if (dirty & /*attention*/ 4) {
-    				toggle_class(button, "attention", /*attention*/ ctx[2]);
-    			}
-
-    			if (dirty & /*error*/ 16) {
-    				toggle_class(button, "error", /*error*/ ctx[4]);
-    			}
-
-    			if (dirty & /*warning*/ 32) {
-    				toggle_class(button, "warning", /*warning*/ ctx[5]);
-    			}
-
-    			if (dirty & /*small*/ 64) {
-    				toggle_class(button, "small", /*small*/ ctx[6]);
-    			}
-
-    			if (dirty & /*medium*/ 128) {
-    				toggle_class(button, "medium", /*medium*/ ctx[7]);
-    			}
-
-    			if (dirty & /*wide*/ 256) {
-    				toggle_class(button, "wide", /*wide*/ ctx[8]);
-    			}
-
-    			if (dirty & /*large*/ 512) {
-    				toggle_class(button, "large", /*large*/ ctx[9]);
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(default_slot, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(default_slot, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(button);
-    			if (default_slot) default_slot.d(detaching);
-    			mounted = false;
-    			dispose();
-    		}
-    	};
-    }
-
-    function instance$2($$self, $$props, $$invalidate) {
-    	let { primary = false } = $$props,
-    		{ secondary = false } = $$props,
-    		{ attention = false } = $$props,
-    		{ disabled = false } = $$props,
-    		{ error = false } = $$props,
-    		{ warning = false } = $$props,
-    		{ small = false } = $$props,
-    		{ medium = false } = $$props,
-    		{ wide = false } = $$props,
-    		{ large = false } = $$props;
-
-    	let { $$slots = {}, $$scope } = $$props;
-
-    	function click_handler(event) {
-    		bubble($$self, event);
-    	}
-
-    	$$self.$set = $$props => {
-    		if ("primary" in $$props) $$invalidate(0, primary = $$props.primary);
-    		if ("secondary" in $$props) $$invalidate(1, secondary = $$props.secondary);
-    		if ("attention" in $$props) $$invalidate(2, attention = $$props.attention);
-    		if ("disabled" in $$props) $$invalidate(3, disabled = $$props.disabled);
-    		if ("error" in $$props) $$invalidate(4, error = $$props.error);
-    		if ("warning" in $$props) $$invalidate(5, warning = $$props.warning);
-    		if ("small" in $$props) $$invalidate(6, small = $$props.small);
-    		if ("medium" in $$props) $$invalidate(7, medium = $$props.medium);
-    		if ("wide" in $$props) $$invalidate(8, wide = $$props.wide);
-    		if ("large" in $$props) $$invalidate(9, large = $$props.large);
-    		if ("$$scope" in $$props) $$invalidate(10, $$scope = $$props.$$scope);
-    	};
-
-    	return [
-    		primary,
-    		secondary,
-    		attention,
-    		disabled,
-    		error,
-    		warning,
-    		small,
-    		medium,
-    		wide,
-    		large,
-    		$$scope,
-    		$$slots,
-    		click_handler
-    	];
-    }
-
-    class Button extends SvelteComponent {
-    	constructor(options) {
-    		super();
-
-    		init(this, options, instance$2, create_fragment$2, safe_not_equal, {
-    			primary: 0,
-    			secondary: 1,
-    			attention: 2,
-    			disabled: 3,
-    			error: 4,
-    			warning: 5,
-    			small: 6,
-    			medium: 7,
-    			wide: 8,
-    			large: 9
-    		});
-    	}
-    }
-
-    /* src/Links/Home.svelte generated by Svelte v3.23.2 */
-
-    function create_if_block_1(ctx) {
-    	let span;
-    	let switch_instance;
-    	let current;
-    	var switch_value = /*icon*/ ctx[1];
-
-    	function switch_props(ctx) {
-    		return {};
-    	}
-
-    	if (switch_value) {
-    		switch_instance = new switch_value(switch_props());
-    	}
-
-    	return {
-    		c() {
-    			span = element("span");
-    			if (switch_instance) create_component(switch_instance.$$.fragment);
-    			attr(span, "class", "nav-item-icon svelte-dsza1v");
-    		},
-    		m(target, anchor) {
-    			insert(target, span, anchor);
-
-    			if (switch_instance) {
-    				mount_component(switch_instance, span, null);
-    			}
-
-    			current = true;
-    		},
-    		p(ctx, dirty) {
-    			if (switch_value !== (switch_value = /*icon*/ ctx[1])) {
-    				if (switch_instance) {
-    					group_outros();
-    					const old_component = switch_instance;
-
-    					transition_out(old_component.$$.fragment, 1, 0, () => {
-    						destroy_component(old_component, 1);
-    					});
-
-    					check_outros();
-    				}
-
-    				if (switch_value) {
-    					switch_instance = new switch_value(switch_props());
-    					create_component(switch_instance.$$.fragment);
-    					transition_in(switch_instance.$$.fragment, 1);
-    					mount_component(switch_instance, span, null);
-    				} else {
-    					switch_instance = null;
-    				}
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			if (switch_instance) transition_in(switch_instance.$$.fragment, local);
-    			current = true;
-    		},
-    		o(local) {
-    			if (switch_instance) transition_out(switch_instance.$$.fragment, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(span);
-    			if (switch_instance) destroy_component(switch_instance);
-    		}
-    	};
-    }
-
-    // (46:2) {#if title}
-    function create_if_block(ctx) {
-    	let div;
-    	let t;
-
-    	return {
-    		c() {
-    			div = element("div");
-    			t = text(/*title*/ ctx[2]);
-    			attr(div, "class", "nav-item-title svelte-dsza1v");
-    		},
-    		m(target, anchor) {
-    			insert(target, div, anchor);
-    			append(div, t);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*title*/ 4) set_data(t, /*title*/ ctx[2]);
-    		},
-    		d(detaching) {
-    			if (detaching) detach(div);
-    		}
-    	};
-    }
-
-    function create_fragment$3(ctx) {
-    	let a;
-    	let t;
-    	let current;
-    	let if_block0 = /*icon*/ ctx[1] && create_if_block_1(ctx);
-    	let if_block1 = /*title*/ ctx[2] && create_if_block(ctx);
-
-    	return {
-    		c() {
-    			a = element("a");
-    			if (if_block0) if_block0.c();
-    			t = space();
-    			if (if_block1) if_block1.c();
-    			attr(a, "href", /*href*/ ctx[0]);
-    			attr(a, "target", "_blank");
-    			attr(a, "class", "nav-item svelte-dsza1v");
-    			toggle_class(a, "active", /*active*/ ctx[3]);
-    		},
-    		m(target, anchor) {
-    			insert(target, a, anchor);
-    			if (if_block0) if_block0.m(a, null);
-    			append(a, t);
-    			if (if_block1) if_block1.m(a, null);
-    			current = true;
-    		},
-    		p(ctx, [dirty]) {
-    			if (/*icon*/ ctx[1]) {
-    				if (if_block0) {
-    					if_block0.p(ctx, dirty);
-
-    					if (dirty & /*icon*/ 2) {
-    						transition_in(if_block0, 1);
-    					}
-    				} else {
-    					if_block0 = create_if_block_1(ctx);
-    					if_block0.c();
-    					transition_in(if_block0, 1);
-    					if_block0.m(a, t);
-    				}
-    			} else if (if_block0) {
-    				group_outros();
-
-    				transition_out(if_block0, 1, 1, () => {
-    					if_block0 = null;
-    				});
-
-    				check_outros();
-    			}
-
-    			if (/*title*/ ctx[2]) {
-    				if (if_block1) {
-    					if_block1.p(ctx, dirty);
-    				} else {
-    					if_block1 = create_if_block(ctx);
-    					if_block1.c();
-    					if_block1.m(a, null);
-    				}
-    			} else if (if_block1) {
-    				if_block1.d(1);
-    				if_block1 = null;
-    			}
-
-    			if (!current || dirty & /*href*/ 1) {
-    				attr(a, "href", /*href*/ ctx[0]);
-    			}
-
-    			if (dirty & /*active*/ 8) {
-    				toggle_class(a, "active", /*active*/ ctx[3]);
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(if_block0);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(if_block0);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(a);
-    			if (if_block0) if_block0.d();
-    			if (if_block1) if_block1.d();
-    		}
-    	};
-    }
-
-    function instance$3($$self, $$props, $$invalidate) {
-    	let { href } = $$props,
-    		{ icon } = $$props,
-    		{ title } = $$props,
-    		{ active = false } = $$props;
-
-    	$$self.$set = $$props => {
-    		if ("href" in $$props) $$invalidate(0, href = $$props.href);
-    		if ("icon" in $$props) $$invalidate(1, icon = $$props.icon);
-    		if ("title" in $$props) $$invalidate(2, title = $$props.title);
-    		if ("active" in $$props) $$invalidate(3, active = $$props.active);
-    	};
-
-    	return [href, icon, title, active];
-    }
-
-    class Home extends SvelteComponent {
-    	constructor(options) {
-    		super();
-    		init(this, options, instance$3, create_fragment$3, safe_not_equal, { href: 0, icon: 1, title: 2, active: 3 });
-    	}
-    }
-
-    /* src/List/Items/DetailSummary.svelte generated by Svelte v3.23.2 */
-
-    function create_fragment$4(ctx) {
-    	let div4;
-    	let div2;
-    	let div0;
-    	let i;
-    	let i_class_value;
-    	let t0;
-    	let div1;
-    	let t1_value = /*capitalize*/ ctx[2](/*name*/ ctx[1]) + "";
-    	let t1;
-    	let t2;
-    	let div3;
-    	let current;
-    	let mounted;
-    	let dispose;
-    	const default_slot_template = /*$$slots*/ ctx[4].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
-
-    	return {
-    		c() {
-    			div4 = element("div");
-    			div2 = element("div");
-    			div0 = element("div");
-    			i = element("i");
-    			t0 = space();
-    			div1 = element("div");
-    			t1 = text(t1_value);
-    			t2 = space();
-    			div3 = element("div");
-    			if (default_slot) default_slot.c();
-
-    			attr(i, "class", i_class_value = /*show*/ ctx[0]
-    			? "ri-arrow-down-s-fill"
-    			: "ri-arrow-right-s-fill");
-
-    			attr(div0, "class", "icon svelte-1ds8322");
-    			attr(div1, "class", "name svelte-1ds8322");
-    			attr(div2, "class", "property-group-name svelte-1ds8322");
-    			attr(div3, "class", "property-panel svelte-1ds8322");
-    			toggle_class(div3, "show", /*show*/ ctx[0]);
-    			attr(div4, "class", "property-group-container svelte-1ds8322");
-    		},
-    		m(target, anchor) {
-    			insert(target, div4, anchor);
-    			append(div4, div2);
-    			append(div2, div0);
-    			append(div0, i);
-    			append(div2, t0);
-    			append(div2, div1);
-    			append(div1, t1);
-    			append(div4, t2);
-    			append(div4, div3);
-
-    			if (default_slot) {
-    				default_slot.m(div3, null);
-    			}
-
-    			current = true;
-
-    			if (!mounted) {
-    				dispose = listen(div2, "click", /*click_handler*/ ctx[5]);
-    				mounted = true;
-    			}
-    		},
-    		p(ctx, [dirty]) {
-    			if (!current || dirty & /*show*/ 1 && i_class_value !== (i_class_value = /*show*/ ctx[0]
-    			? "ri-arrow-down-s-fill"
-    			: "ri-arrow-right-s-fill")) {
-    				attr(i, "class", i_class_value);
-    			}
-
-    			if ((!current || dirty & /*name*/ 2) && t1_value !== (t1_value = /*capitalize*/ ctx[2](/*name*/ ctx[1]) + "")) set_data(t1, t1_value);
-
-    			if (default_slot) {
-    				if (default_slot.p && dirty & /*$$scope*/ 8) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[3], dirty, null, null);
-    				}
-    			}
-
-    			if (dirty & /*show*/ 1) {
-    				toggle_class(div3, "show", /*show*/ ctx[0]);
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(default_slot, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(default_slot, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(div4);
-    			if (default_slot) default_slot.d(detaching);
-    			mounted = false;
-    			dispose();
-    		}
-    	};
-    }
-
-    function instance$4($$self, $$props, $$invalidate) {
-    	let { name } = $$props, { show = false } = $$props;
-    	const capitalize = name => name[0].toUpperCase() + name.slice(1);
-    	let { $$slots = {}, $$scope } = $$props;
-    	const click_handler = () => $$invalidate(0, show = !show);
-
-    	$$self.$set = $$props => {
-    		if ("name" in $$props) $$invalidate(1, name = $$props.name);
-    		if ("show" in $$props) $$invalidate(0, show = $$props.show);
-    		if ("$$scope" in $$props) $$invalidate(3, $$scope = $$props.$$scope);
-    	};
-
-    	return [show, name, capitalize, $$scope, $$slots, click_handler];
-    }
-
-    class DetailSummary extends SvelteComponent {
-    	constructor(options) {
-    		super();
-    		init(this, options, instance$4, create_fragment$4, safe_not_equal, { name: 1, show: 0 });
-    	}
-    }
-
-    /* src/Switcher/Switcher.svelte generated by Svelte v3.23.2 */
-
-    function get_each_context(ctx, list, i) {
-    	const child_ctx = ctx.slice();
-    	child_ctx[5] = list[i];
-    	return child_ctx;
-    }
-
-    // (30:4) {#each headings as heading}
-    function create_each_block(ctx) {
-    	let span;
-    	let t0_value = /*heading*/ ctx[5].title + "";
-    	let t0;
-    	let t1;
-    	let mounted;
-    	let dispose;
-
-    	function click_handler(...args) {
-    		return /*click_handler*/ ctx[4](/*heading*/ ctx[5], ...args);
-    	}
-
-    	return {
-    		c() {
-    			span = element("span");
-    			t0 = text(t0_value);
-    			t1 = space();
-    			attr(span, "class", "svelte-1qsas4l");
-    			toggle_class(span, "selected", /*value*/ ctx[0] === /*heading*/ ctx[5].key);
-    		},
-    		m(target, anchor) {
-    			insert(target, span, anchor);
-    			append(span, t0);
-    			append(span, t1);
-
-    			if (!mounted) {
-    				dispose = listen(span, "click", click_handler);
-    				mounted = true;
-    			}
-    		},
-    		p(new_ctx, dirty) {
-    			ctx = new_ctx;
-    			if (dirty & /*headings*/ 2 && t0_value !== (t0_value = /*heading*/ ctx[5].title + "")) set_data(t0, t0_value);
-
-    			if (dirty & /*value, headings*/ 3) {
-    				toggle_class(span, "selected", /*value*/ ctx[0] === /*heading*/ ctx[5].key);
-    			}
-    		},
-    		d(detaching) {
-    			if (detaching) detach(span);
-    			mounted = false;
-    			dispose();
-    		}
-    	};
-    }
-
-    function create_fragment$5(ctx) {
-    	let section;
-    	let header;
-    	let t;
-    	let current;
-    	let each_value = /*headings*/ ctx[1];
-    	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));
-    	}
-
-    	const default_slot_template = /*$$slots*/ ctx[3].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
-
-    	return {
-    		c() {
-    			section = element("section");
-    			header = element("header");
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].c();
-    			}
-
-    			t = space();
-    			if (default_slot) default_slot.c();
-    			attr(header, "class", "svelte-1qsas4l");
-    		},
-    		m(target, anchor) {
-    			insert(target, section, anchor);
-    			append(section, header);
-
-    			for (let i = 0; i < each_blocks.length; i += 1) {
-    				each_blocks[i].m(header, null);
-    			}
-
-    			append(section, t);
-
-    			if (default_slot) {
-    				default_slot.m(section, null);
-    			}
-
-    			current = true;
-    		},
-    		p(ctx, [dirty]) {
-    			if (dirty & /*value, headings*/ 3) {
-    				each_value = /*headings*/ ctx[1];
-    				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(header, null);
-    					}
-    				}
-
-    				for (; i < each_blocks.length; i += 1) {
-    					each_blocks[i].d(1);
-    				}
-
-    				each_blocks.length = each_value.length;
-    			}
-
-    			if (default_slot) {
-    				if (default_slot.p && dirty & /*$$scope*/ 4) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[2], dirty, null, null);
-    				}
-    			}
-    		},
-    		i(local) {
-    			if (current) return;
-    			transition_in(default_slot, local);
-    			current = true;
-    		},
-    		o(local) {
-    			transition_out(default_slot, local);
-    			current = false;
-    		},
-    		d(detaching) {
-    			if (detaching) detach(section);
-    			destroy_each(each_blocks, detaching);
-    			if (default_slot) default_slot.d(detaching);
-    		}
-    	};
-    }
-
-    function instance$5($$self, $$props, $$invalidate) {
-    	let { headings } = $$props;
-    	let { value } = $$props;
-    	let { $$slots = {}, $$scope } = $$props;
-    	const click_handler = heading => $$invalidate(0, value = heading.key);
-
-    	$$self.$set = $$props => {
-    		if ("headings" in $$props) $$invalidate(1, headings = $$props.headings);
-    		if ("value" in $$props) $$invalidate(0, value = $$props.value);
-    		if ("$$scope" in $$props) $$invalidate(2, $$scope = $$props.$$scope);
-    	};
-
-    	return [value, headings, $$scope, $$slots, click_handler];
-    }
-
-    class Switcher extends SvelteComponent {
-    	constructor(options) {
-    		super();
-    		init(this, options, instance$5, create_fragment$5, safe_not_equal, { headings: 1, value: 0 });
-    	}
-    }
-
-    exports.Button = Button;
-    exports.DetailSummary = DetailSummary;
-    exports.Home = Home;
-    exports.Input = Input;
-    exports.Switcher = Switcher;
-    exports.TextArea = TextArea;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));