@memberstack/dom 1.9.0 → 1.9.1

package/lib/uis/main-dom.js

@@ -0,0 +1,4655 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+function noop() { }
+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 append(target, node) {
+    target.appendChild(node);
+}
+function append_styles(target, style_sheet_id, styles) {
+    var append_styles_to = get_root_for_style(target);
+    if (!append_styles_to.getElementById(style_sheet_id)) {
+        var 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;
+    var 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);
+}
+function insert(target, node, anchor) {
+    target.insertBefore(node, anchor || null);
+}
+function detach(node) {
+    node.parentNode.removeChild(node);
+}
+function destroy_each(iterations, detaching) {
+    for (var 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 listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return function () { return node.removeEventListener(event, handler, options); };
+}
+function prevent_default(fn) {
+    return function (event) {
+        event.preventDefault();
+        // @ts-ignore
+        return fn.call(this, event);
+    };
+}
+function stop_propagation(fn) {
+    return function (event) {
+        event.stopPropagation();
+        // @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.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);
+}
+var 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);
+}
+var dirty_components = [];
+var binding_callbacks = [];
+var render_callbacks = [];
+var flush_callbacks = [];
+var resolved_promise = Promise.resolve();
+var 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);
+}
+function add_flush_callback(fn) {
+    flush_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.
+var seen_callbacks = new Set();
+var flushidx = 0; // Do *not* move this inside the flush() function
+function flush() {
+    var saved_component = current_component;
+    do {
+        // first, call beforeUpdate functions
+        // and update components
+        while (flushidx < dirty_components.length) {
+            var 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 (var i = 0; i < render_callbacks.length; i += 1) {
+            var 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);
+        var dirty = $$.dirty;
+        $$.dirty = [-1];
+        $$.fragment && $$.fragment.p($$.ctx, dirty);
+        $$.after_update.forEach(add_render_callback);
+    }
+}
+var outroing = new Set();
+var 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(function () {
+            outroing.delete(block);
+            if (callback) {
+                if (detach)
+                    block.d(1);
+                callback();
+            }
+        });
+        block.o(local);
+    }
+}
+function bind(component, name, callback) {
+    var index = component.$$.props[name];
+    if (index !== undefined) {
+        component.$$.bound[index] = callback;
+        callback(component.$$.ctx[index]);
+    }
+}
+function create_component(block) {
+    block && block.c();
+}
+function mount_component(component, target, anchor, customElement) {
+    var _a = component.$$, fragment = _a.fragment, on_mount = _a.on_mount, on_destroy = _a.on_destroy, after_update = _a.after_update;
+    fragment && fragment.m(target, anchor);
+    if (!customElement) {
+        // onMount happens before the initial afterUpdate
+        add_render_callback(function () {
+            var new_on_destroy = on_mount.map(run).filter(is_function);
+            if (on_destroy) {
+                on_destroy.push.apply(on_destroy, __spreadArray([], __read(new_on_destroy), false));
+            }
+            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) {
+    var $$ = 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) {
+    if (dirty === void 0) { dirty = [-1]; }
+    var parent_component = current_component;
+    set_current_component(component);
+    var $$ = component.$$ = {
+        fragment: null,
+        ctx: null,
+        // state
+        props: props,
+        update: noop,
+        not_equal: 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: dirty,
+        skip_bound: false,
+        root: options.target || parent_component.$$.root
+    };
+    append_styles && append_styles($$.root);
+    var ready = false;
+    $$.ctx = instance
+        ? instance(component, options.props || {}, function (i, ret) {
+            var rest = [];
+            for (var _i = 2; _i < arguments.length; _i++) {
+                rest[_i - 2] = arguments[_i];
+            }
+            var 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) {
+            var 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.
+ */
+var SvelteComponent = /** @class */ (function () {
+    function SvelteComponent() {
+    }
+    SvelteComponent.prototype.$destroy = function () {
+        destroy_component(this, 1);
+        this.$destroy = noop;
+    };
+    SvelteComponent.prototype.$on = function (type, callback) {
+        var callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
+        callbacks.push(callback);
+        return function () {
+            var index = callbacks.indexOf(callback);
+            if (index !== -1)
+                callbacks.splice(index, 1);
+        };
+    };
+    SvelteComponent.prototype.$set = function ($$props) {
+        if (this.$$set && !is_empty($$props)) {
+            this.$$.skip_bound = true;
+            this.$$set($$props);
+            this.$$.skip_bound = false;
+        }
+    };
+    return SvelteComponent;
+}());
+/* src/icons/LoadingIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$v(ctx) {
+    var svg;
+    var path;
+    var animateTransform;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            animateTransform = svg_element("animateTransform");
+            attr(animateTransform, "attributeName", "transform");
+            attr(animateTransform, "attributeType", "xml");
+            attr(animateTransform, "dur", "0.6s");
+            attr(animateTransform, "from", "0 25 25");
+            attr(animateTransform, "repeatCount", "indefinite");
+            attr(animateTransform, "to", "360 25 25");
+            attr(animateTransform, "type", "rotate");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "m43.935 25.145c0-10.318-8.364-18.683-18.683-18.683-10.318 0-18.683 8.365-18.683 18.683h4.068c0-8.071 6.543-14.615 14.615-14.615s14.615 6.543 14.615 14.615h4.068z");
+            attr(svg, "width", "40px");
+            attr(svg, "height", "40px");
+            attr(svg, "enable-background", "new 0 0 50 50");
+            set_style(svg, "z-index", "1000000");
+            attr(svg, "version", "1.1");
+            attr(svg, "viewBox", "0 0 50 50");
+            attr(svg, "xml:space", "preserve");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+            append(path, animateTransform);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var LoadingIcon = /** @class */ (function (_super) {
+    __extends(LoadingIcon, _super);
+    function LoadingIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$v, safe_not_equal, {});
+        return _this;
+    }
+    return LoadingIcon;
+}(SvelteComponent));
+/* src/components/Loader.svelte generated by Svelte v3.48.0 */
+function create_fragment$u(ctx) {
+    var div;
+    var loadingicon;
+    var current;
+    loadingicon = new LoadingIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            create_component(loadingicon.$$.fragment);
+            attr(div, "class", "ms__loader");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            mount_component(loadingicon, div, null);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(loadingicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(loadingicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(loadingicon);
+        }
+    };
+}
+var Loader = /** @class */ (function (_super) {
+    __extends(Loader, _super);
+    function Loader(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$u, safe_not_equal, {});
+        return _this;
+    }
+    return Loader;
+}(SvelteComponent));
+/* src/icons/CloseIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$t(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "shape-rendering", "geometricPrecision");
+            attr(path, "d", "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z");
+            attr(svg, "fill", "none");
+            set_style(svg, "width", "100%");
+            attr(svg, "viewBox", "0 0 14 14");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var CloseIcon = /** @class */ (function (_super) {
+    __extends(CloseIcon, _super);
+    function CloseIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$t, safe_not_equal, {});
+        return _this;
+    }
+    return CloseIcon;
+}(SvelteComponent));
+/* src/components/CloseButton.svelte generated by Svelte v3.48.0 */
+function create_fragment$s(ctx) {
+    var div;
+    var button;
+    var closeicon;
+    var current;
+    var mounted;
+    var dispose;
+    closeicon = new CloseIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            button = element("button");
+            create_component(closeicon.$$.fragment);
+            attr(div, "class", "ms-modal__close");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, button);
+            mount_component(closeicon, button, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(button, "click", function () {
+                    if (is_function(/*closeModal*/ ctx[0])) /*closeModal*/
+                        ctx[0].apply(this, arguments);
+                });
+                mounted = true;
+            }
+        },
+        p: function (new_ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            ctx = new_ctx;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closeicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closeicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(closeicon);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+function instance$d($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(0, closeModal = $$props.closeModal);
+    };
+    return [closeModal];
+}
+var CloseButton = /** @class */ (function (_super) {
+    __extends(CloseButton, _super);
+    function CloseButton(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$d, create_fragment$s, safe_not_equal, { closeModal: 0 });
+        return _this;
+    }
+    return CloseButton;
+}(SvelteComponent));
+/* src/icons/MemberstackIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$r(ctx) {
+    var svg;
+    var path0;
+    var path1;
+    var path2;
+    var path3;
+    var path4;
+    var path5;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path0 = svg_element("path");
+            path1 = svg_element("path");
+            path2 = svg_element("path");
+            path3 = svg_element("path");
+            path4 = svg_element("path");
+            path5 = svg_element("path");
+            attr(path0, "d", "m259.078 190.582 16.797-39.611c7.315-20.421 26.982-34.665 49.897-34.665 13.187 0 25.344 4.817 34.6 12.818l32.818 73.118c9.656 21.709-.097 47.144-21.786 56.809-21.688 9.666-47.097-.098-56.753-21.807l-38.573-86.723-17 40.088v-.027Z");
+            attr(path0, "fill", "#2AA8FF");
+            attr(path1, "d", "m111.31 169.64 8.002-18.679c-7.22-20.585-26.82-35.345-49.866-35.345-12.678 0-24.901 4.865-34.007 12.314 6.6063-2.796 14.34-3.575 21.988-3.575 26.999 0 49.435 19.445 53.884 45.285z");
+            attr(path2, "d", "m111.31 169.64-28.66 68.126c-9.2762 21.875-34.511 32.081-56.365 22.795-21.853-9.285-32.049-34.545-22.773-56.42l31.925-76.211c6.7448-2.988 14.142-3.575 21.988-3.575 27.086 0 49.537 19.321 53.884 45.285z");
+            attr(path2, "fill", "#393939");
+            attr(path3, "d", "m197.57 115.46-39.756-89.506c-7.148-16.07-22.929-25.595-39.443-25.537-16.786-0.058576-32.766 9.7896-39.736 26.227l-43.199 101.28c9.1064-7.45 21.329-12.314 34.008-12.314 23.046 0 42.646 14.76 49.866 35.345l0.093 0.337c5.784 1.658 11.893 2.546 18.21 2.546 26.578 0 49.487-15.722 59.958-38.382z");
+            attr(path3, "fill", "#017ACE");
+            attr(path4, "d", "m197.57 115.46c-10.071 21.796-31.651 37.172-56.934 38.314-1.052 0.05-2.11 0.075-3.175 0.075-6.316 0-12.425-0.888-18.21-2.546l38.425 86.387c3.996 8.986 10.692 15.926 18.706 20.288 1.908 1.196 3.935 2.257 6.073 3.165 21.853 9.286 47.088-0.92 56.364-22.795l37.055-87.381c7.315-20.421 26.982-34.665 49.896-34.665 13.188 0 25.345 4.817 34.601 12.818l-45.994-103.17c-7.148-16.07-22.929-25.595-39.442-25.537-16.786-0.058576-32.767 9.7896-39.737 26.227l-37.628 88.816z");
+            attr(path4, "fill", "#AEDEFF");
+            attr(path5, "d", "m325.77 116.31c-22.915 0-42.379 13.795-49.694 34.216l8.919 20.052c5.873-25.763 28.931-44.989 56.481-44.989 6.67 0 12.931 1.465 18.894 3.539-9.256-8-21.413-12.818-34.6-12.818z");
+            attr(path5, "fill", "#2D91D7");
+            set_style(svg, "width", "100%");
+            attr(svg, "viewBox", "0 0 397 265");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path0);
+            append(svg, path1);
+            append(svg, path2);
+            append(svg, path3);
+            append(svg, path4);
+            append(svg, path5);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var MemberstackIcon = /** @class */ (function (_super) {
+    __extends(MemberstackIcon, _super);
+    function MemberstackIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$r, safe_not_equal, {});
+        return _this;
+    }
+    return MemberstackIcon;
+}(SvelteComponent));
+/* src/components/FigureElement.svelte generated by Svelte v3.48.0 */
+function create_fragment$q(ctx) {
+    var figure;
+    var memberstackicon;
+    var current;
+    memberstackicon = new MemberstackIcon({});
+    return {
+        c: function () {
+            figure = element("figure");
+            create_component(memberstackicon.$$.fragment);
+            attr(figure, "class", "ms-modal__figure");
+        },
+        m: function (target, anchor) {
+            insert(target, figure, anchor);
+            mount_component(memberstackicon, figure, null);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(memberstackicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(memberstackicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(figure);
+            destroy_component(memberstackicon);
+        }
+    };
+}
+var FigureElement = /** @class */ (function (_super) {
+    __extends(FigureElement, _super);
+    function FigureElement(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$q, safe_not_equal, {});
+        return _this;
+    }
+    return FigureElement;
+}(SvelteComponent));
+/* src/components/SubmitButton.svelte generated by Svelte v3.48.0 */
+function create_else_block$1(ctx) {
+    var button;
+    var loadingicon;
+    var current;
+    loadingicon = new LoadingIcon({});
+    return {
+        c: function () {
+            button = element("button");
+            create_component(loadingicon.$$.fragment);
+            attr(button, "class", "ms-form__button");
+            attr(button, "type", "submit");
+            button.disabled = true;
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            mount_component(loadingicon, button, null);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(loadingicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(loadingicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            destroy_component(loadingicon);
+        }
+    };
+}
+// (8:2) {#if !isLoading}
+function create_if_block$6(ctx) {
+    var button;
+    var t;
+    return {
+        c: function () {
+            button = element("button");
+            t = text(/*buttonText*/ ctx[0]);
+            attr(button, "class", "ms-form__button");
+            attr(button, "type", "submit");
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            append(button, t);
+        },
+        p: function (ctx, dirty) {
+            if (dirty & /*buttonText*/ 1)
+                set_data(t, /*buttonText*/ ctx[0]);
+        },
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+        }
+    };
+}
+function create_fragment$p(ctx) {
+    var div;
+    var current_block_type_index;
+    var if_block;
+    var current;
+    var if_block_creators = [create_if_block$6, create_else_block$1];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if (!ctx[1])
+            return 0;
+        return 1;
+    }
+    current_block_type_index = select_block_type(ctx);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+        c: function () {
+            div = element("div");
+            if_block.c();
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            if_blocks[current_block_type_index].m(div, null);
+            current = true;
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
+            }
+            else {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block = if_blocks[current_block_type_index];
+                if (!if_block) {
+                    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block.c();
+                }
+                else {
+                    if_block.p(ctx, dirty);
+                }
+                transition_in(if_block, 1);
+                if_block.m(div, null);
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            if_blocks[current_block_type_index].d();
+        }
+    };
+}
+function instance$c($$self, $$props, $$invalidate) {
+    var _a = $$props.buttonText, buttonText = _a === void 0 ? "Submit" : _a;
+    var _b = $$props.isLoading, isLoading = _b === void 0 ? false : _b;
+    $$self.$$set = function ($$props) {
+        if ('buttonText' in $$props)
+            $$invalidate(0, buttonText = $$props.buttonText);
+        if ('isLoading' in $$props)
+            $$invalidate(1, isLoading = $$props.isLoading);
+    };
+    return [buttonText, isLoading];
+}
+var SubmitButton = /** @class */ (function (_super) {
+    __extends(SubmitButton, _super);
+    function SubmitButton(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$c, create_fragment$p, safe_not_equal, { buttonText: 0, isLoading: 1 });
+        return _this;
+    }
+    return SubmitButton;
+}(SvelteComponent));
+/* src/icons/ErrorIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$o(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "m10 0c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm1 15h-2v-2h2v2zm0-4h-2v-6h2v6z");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 20 20");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var ErrorIcon = /** @class */ (function (_super) {
+    __extends(ErrorIcon, _super);
+    function ErrorIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$o, safe_not_equal, {});
+        return _this;
+    }
+    return ErrorIcon;
+}(SvelteComponent));
+/* src/components/EmailInput.svelte generated by Svelte v3.48.0 */
+function create_if_block$5(ctx) {
+    var div;
+    var erroricon;
+    var t0;
+    var t1;
+    var current;
+    erroricon = new ErrorIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            create_component(erroricon.$$.fragment);
+            t0 = space();
+            t1 = text(errorMessage$1);
+            attr(div, "class", "ms-form__error");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            mount_component(erroricon, div, null);
+            append(div, t0);
+            append(div, t1);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(erroricon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(erroricon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(erroricon);
+        }
+    };
+}
+function create_fragment$n(ctx) {
+    var div;
+    var label;
+    var t1;
+    var input;
+    var t2;
+    var current;
+    var mounted;
+    var dispose;
+    var if_block = /*inputError*/ ctx[0] && create_if_block$5();
+    return {
+        c: function () {
+            div = element("div");
+            label = element("label");
+            label.textContent = "" + emailLabel;
+            t1 = space();
+            input = element("input");
+            t2 = space();
+            if (if_block)
+                if_block.c();
+            attr(label, "class", "ms-form__label");
+            attr(label, "for", "eml");
+            attr(input, "class", "ms-form__input");
+            attr(input, "type", "email");
+            attr(input, "placeholder", "example@domain.com");
+            attr(input, "name", "eml");
+            input.required = true;
+            attr(div, "class", "ms-form__group");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, label);
+            append(div, t1);
+            append(div, input);
+            append(div, t2);
+            if (if_block)
+                if_block.m(div, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(input, "blur", /*validateField*/ ctx[1]);
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if ( /*inputError*/ctx[0]) {
+                if (if_block) {
+                    if_block.p(ctx, dirty);
+                    if (dirty & /*inputError*/ 1) {
+                        transition_in(if_block, 1);
+                    }
+                }
+                else {
+                    if_block = create_if_block$5();
+                    if_block.c();
+                    transition_in(if_block, 1);
+                    if_block.m(div, null);
+                }
+            }
+            else if (if_block) {
+                group_outros();
+                transition_out(if_block, 1, 1, function () {
+                    if_block = null;
+                });
+                check_outros();
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            if (if_block)
+                if_block.d();
+            mounted = false;
+            dispose();
+        }
+    };
+}
+var emailLabel = "Email Address";
+var errorMessage$1 = "Please enter a valid email address";
+function instance$b($$self, $$props, $$invalidate) {
+    var _a = $$props.emailInputValid, emailInputValid = _a === void 0 ? false : _a;
+    var inputError = false;
+    var validateField = function (e) {
+        var emailInput = e.target;
+        var hasValidEmail = (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/).test(emailInput.value)
+            ? true
+            : false;
+        if (!hasValidEmail && e.target.value.length > 0) {
+            $$invalidate(2, emailInputValid = false);
+            $$invalidate(0, inputError = true);
+        }
+        else {
+            $$invalidate(2, emailInputValid = true);
+            $$invalidate(0, inputError = false);
+        }
+    };
+    $$self.$$set = function ($$props) {
+        if ('emailInputValid' in $$props)
+            $$invalidate(2, emailInputValid = $$props.emailInputValid);
+    };
+    return [inputError, validateField, emailInputValid];
+}
+var EmailInput = /** @class */ (function (_super) {
+    __extends(EmailInput, _super);
+    function EmailInput(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$b, create_fragment$n, safe_not_equal, { emailInputValid: 2 });
+        return _this;
+    }
+    return EmailInput;
+}(SvelteComponent));
+/* src/icons/EyeIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$m(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "m11 0.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z");
+            attr(svg, "class", "ms-form__eye");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 22 16");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var EyeIcon = /** @class */ (function (_super) {
+    __extends(EyeIcon, _super);
+    function EyeIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$m, safe_not_equal, {});
+        return _this;
+    }
+    return EyeIcon;
+}(SvelteComponent));
+/* src/icons/EyeSlashIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$l(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "m11 4c2.76 0 5 2.24 5 5 0 0.65-0.13 1.26-0.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74 0.25-3.98 0.7l2.16 2.16c0.57-0.23 1.18-0.36 1.83-0.36zm-10-2.73 2.74 2.74c-1.66 1.29-2.96 3.01-3.74 4.99 1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-0.3 4.38-0.84l0.42 0.42 2.93 2.92 1.27-1.27-17.73-17.73-1.27 1.27zm5.53 5.53 1.55 1.55c-0.05 0.21-0.08 0.43-0.08 0.65 0 1.66 1.34 3 3 3 0.22 0 0.44-0.03 0.65-0.08l1.55 1.55c-0.67 0.33-1.41 0.53-2.2 0.53-2.76 0-5-2.24-5-5 0-0.79 0.2-1.53 0.53-2.2zm4.31-0.78 3.15 3.15 0.02-0.16c0-1.66-1.34-3-3-3l-0.17 0.01z");
+            attr(svg, "class", "ms-form__eye-slash");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 22 19");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var EyeSlashIcon = /** @class */ (function (_super) {
+    __extends(EyeSlashIcon, _super);
+    function EyeSlashIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$l, safe_not_equal, {});
+        return _this;
+    }
+    return EyeSlashIcon;
+}(SvelteComponent));
+/* src/components/PasswordInput.svelte generated by Svelte v3.48.0 */
+function create_if_block_2$2(ctx) {
+    var div;
+    var a;
+    var mounted;
+    var dispose;
+    return {
+        c: function () {
+            div = element("div");
+            a = element("a");
+            a.textContent = "Forgot Password?";
+            attr(a, "tabindex", "-1");
+            attr(a, "href", "#");
+            attr(div, "class", "ms-form__label ms-form__label--right");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, a);
+            if (!mounted) {
+                dispose = listen(a, "click", /*click_handler*/ ctx[10]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (51:6) {:else}
+function create_else_block(ctx) {
+    var eyeslashicon;
+    var current;
+    eyeslashicon = new EyeSlashIcon({});
+    return {
+        c: function () {
+            create_component(eyeslashicon.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(eyeslashicon, target, anchor);
+            current = true;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(eyeslashicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(eyeslashicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(eyeslashicon, detaching);
+        }
+    };
+}
+// (49:6) {#if !passwordVisible}
+function create_if_block_1$2(ctx) {
+    var eyeicon;
+    var current;
+    eyeicon = new EyeIcon({});
+    return {
+        c: function () {
+            create_component(eyeicon.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(eyeicon, target, anchor);
+            current = true;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(eyeicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(eyeicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(eyeicon, detaching);
+        }
+    };
+}
+// (56:2) {#if inputError}
+function create_if_block$4(ctx) {
+    var div;
+    var erroricon;
+    var t0;
+    var t1;
+    var current;
+    erroricon = new ErrorIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            create_component(erroricon.$$.fragment);
+            t0 = space();
+            t1 = text(errorMessage);
+            attr(div, "class", "ms-form__error");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            mount_component(erroricon, div, null);
+            append(div, t0);
+            append(div, t1);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(erroricon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(erroricon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(erroricon);
+        }
+    };
+}
+function create_fragment$k(ctx) {
+    var div3;
+    var div0;
+    var label;
+    var t0;
+    var t1;
+    var t2;
+    var div2;
+    var input;
+    var t3;
+    var div1;
+    var current_block_type_index;
+    var if_block1;
+    var t4;
+    var current;
+    var mounted;
+    var dispose;
+    var if_block0 = /*showForgotPasswordLabel*/ ctx[1] && create_if_block_2$2(ctx);
+    var if_block_creators = [create_if_block_1$2, create_else_block];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if (!ctx[4])
+            return 0;
+        return 1;
+    }
+    current_block_type_index = select_block_type(ctx);
+    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    var if_block2 = /*inputError*/ ctx[5] && create_if_block$4();
+    return {
+        c: function () {
+            div3 = element("div");
+            div0 = element("div");
+            label = element("label");
+            t0 = text(/*passwordLabel*/ ctx[2]);
+            t1 = space();
+            if (if_block0)
+                if_block0.c();
+            t2 = space();
+            div2 = element("div");
+            input = element("input");
+            t3 = space();
+            div1 = element("div");
+            if_block1.c();
+            t4 = space();
+            if (if_block2)
+                if_block2.c();
+            attr(label, "class", "ms-form__label");
+            attr(label, "for", "psw");
+            attr(div0, "class", "ms-form__flex");
+            attr(input, "class", "ms-form__input ms-form__input--password");
+            attr(input, "type", /*type*/ ctx[6]);
+            attr(input, "placeholder", /*passwordPlaceholder*/ ctx[3]);
+            attr(input, "name", "psw");
+            attr(input, "autocomplete", "off");
+            input.required = true;
+            attr(div1, "class", "ms-form__show-toggle");
+            attr(div1, "id", "togglePassword");
+            attr(div2, "class", "ms-form__password-container");
+            attr(div3, "class", "ms-form__group");
+        },
+        m: function (target, anchor) {
+            insert(target, div3, anchor);
+            append(div3, div0);
+            append(div0, label);
+            append(label, t0);
+            append(div0, t1);
+            if (if_block0)
+                if_block0.m(div0, null);
+            append(div3, t2);
+            append(div3, div2);
+            append(div2, input);
+            append(div2, t3);
+            append(div2, div1);
+            if_blocks[current_block_type_index].m(div1, null);
+            append(div3, t4);
+            if (if_block2)
+                if_block2.m(div3, null);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(input, "blur", /*validateField*/ ctx[8]),
+                    listen(div1, "click", /*togglePassword*/ ctx[7])
+                ];
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if (!current || dirty & /*passwordLabel*/ 4)
+                set_data(t0, /*passwordLabel*/ ctx[2]);
+            if ( /*showForgotPasswordLabel*/ctx[1]) {
+                if (if_block0) {
+                    if_block0.p(ctx, dirty);
+                }
+                else {
+                    if_block0 = create_if_block_2$2(ctx);
+                    if_block0.c();
+                    if_block0.m(div0, null);
+                }
+            }
+            else if (if_block0) {
+                if_block0.d(1);
+                if_block0 = null;
+            }
+            if (!current || dirty & /*type*/ 64) {
+                attr(input, "type", /*type*/ ctx[6]);
+            }
+            if (!current || dirty & /*passwordPlaceholder*/ 8) {
+                attr(input, "placeholder", /*passwordPlaceholder*/ ctx[3]);
+            }
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index !== previous_block_index) {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block1 = if_blocks[current_block_type_index];
+                if (!if_block1) {
+                    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block1.c();
+                }
+                transition_in(if_block1, 1);
+                if_block1.m(div1, null);
+            }
+            if ( /*inputError*/ctx[5]) {
+                if (if_block2) {
+                    if_block2.p(ctx, dirty);
+                    if (dirty & /*inputError*/ 32) {
+                        transition_in(if_block2, 1);
+                    }
+                }
+                else {
+                    if_block2 = create_if_block$4();
+                    if_block2.c();
+                    transition_in(if_block2, 1);
+                    if_block2.m(div3, null);
+                }
+            }
+            else if (if_block2) {
+                group_outros();
+                transition_out(if_block2, 1, 1, function () {
+                    if_block2 = null;
+                });
+                check_outros();
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block1);
+            transition_in(if_block2);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block1);
+            transition_out(if_block2);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div3);
+            if (if_block0)
+                if_block0.d();
+            if_blocks[current_block_type_index].d();
+            if (if_block2)
+                if_block2.d();
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+var errorMessage = "Minimum 8 characters required";
+function instance$a($$self, $$props, $$invalidate) {
+    var type;
+    var _a = $$props.showForgotPasswordLabel, showForgotPasswordLabel = _a === void 0 ? false : _a;
+    var _b = $$props.passwordInputValid, passwordInputValid = _b === void 0 ? false : _b;
+    var _c = $$props.passwordLabel, passwordLabel = _c === void 0 ? "Password" : _c;
+    var _d = $$props.passwordPlaceholder, passwordPlaceholder = _d === void 0 ? "Enter Password" : _d;
+    var display = $$props.display;
+    var inputError = false;
+    var passwordVisible = false;
+    function togglePassword() {
+        $$invalidate(4, passwordVisible = !passwordVisible);
+    }
+    var validateField = function (e) {
+        var hasValidPassword = e.target.value.length >= 8 ? true : false;
+        if (!hasValidPassword) {
+            $$invalidate(9, passwordInputValid = false);
+            $$invalidate(5, inputError = true);
+        }
+        else {
+            $$invalidate(9, passwordInputValid = true);
+            $$invalidate(5, inputError = false);
+        }
+    };
+    var click_handler = function () { return $$invalidate(0, display = "forgot_password"); };
+    $$self.$$set = function ($$props) {
+        if ('showForgotPasswordLabel' in $$props)
+            $$invalidate(1, showForgotPasswordLabel = $$props.showForgotPasswordLabel);
+        if ('passwordInputValid' in $$props)
+            $$invalidate(9, passwordInputValid = $$props.passwordInputValid);
+        if ('passwordLabel' in $$props)
+            $$invalidate(2, passwordLabel = $$props.passwordLabel);
+        if ('passwordPlaceholder' in $$props)
+            $$invalidate(3, passwordPlaceholder = $$props.passwordPlaceholder);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+    };
+    $$self.$$.update = function () {
+        if ($$self.$$.dirty & /*passwordVisible*/ 16) {
+            $$invalidate(6, type = passwordVisible ? "text" : "password");
+        }
+    };
+    return [
+        display,
+        showForgotPasswordLabel,
+        passwordLabel,
+        passwordPlaceholder,
+        passwordVisible,
+        inputError,
+        type,
+        togglePassword,
+        validateField,
+        passwordInputValid,
+        click_handler
+    ];
+}
+var PasswordInput = /** @class */ (function (_super) {
+    __extends(PasswordInput, _super);
+    function PasswordInput(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$a, create_fragment$k, safe_not_equal, {
+            showForgotPasswordLabel: 1,
+            passwordInputValid: 9,
+            passwordLabel: 2,
+            passwordPlaceholder: 3,
+            display: 0
+        });
+        return _this;
+    }
+    return PasswordInput;
+}(SvelteComponent));
+/* src/icons/SecuredIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$j(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "shape-rendering", "geometricPrecision");
+            attr(path, "d", "m9 0-9 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12v-6l-9-4zm-2 16-4-4 1.41-1.41 2.59 2.58 6.59-6.59 1.41 1.42-8 8z");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 18 22");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var SecuredIcon = /** @class */ (function (_super) {
+    __extends(SecuredIcon, _super);
+    function SecuredIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$j, safe_not_equal, {});
+        return _this;
+    }
+    return SecuredIcon;
+}(SvelteComponent));
+/* src/components/ModalFooter.svelte generated by Svelte v3.48.0 */
+function create_fragment$i(ctx) {
+    var div;
+    var a;
+    var securedicon;
+    var t;
+    var current;
+    securedicon = new SecuredIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            a = element("a");
+            create_component(securedicon.$$.fragment);
+            t = text(" Secured by Memberstack");
+            attr(a, "href", "https://www.memberstack.com");
+            attr(a, "target", "_blank");
+            attr(div, "class", "ms-modal__footer");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, a);
+            mount_component(securedicon, a, null);
+            append(a, t);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(securedicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(securedicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(securedicon);
+        }
+    };
+}
+var ModalFooter = /** @class */ (function (_super) {
+    __extends(ModalFooter, _super);
+    function ModalFooter(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$i, safe_not_equal, {});
+        return _this;
+    }
+    return ModalFooter;
+}(SvelteComponent));
+/* src/modals/LoginModal.svelte generated by Svelte v3.48.0 */
+function create_if_block$3(ctx) {
+    var div;
+    var a;
+    var mounted;
+    var dispose;
+    return {
+        c: function () {
+            div = element("div");
+            a = element("a");
+            a.textContent = "Don't have an account?";
+            attr(a, "class", "ms-form__link");
+            attr(a, "href", "#");
+            attr(div, "class", "ms-form__flex ms-form__flex--centered");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, a);
+            if (!mounted) {
+                dispose = listen(a, "click", /*click_handler*/ ctx[11]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+function create_fragment$h(ctx) {
+    var div1;
+    var closebutton;
+    var t0;
+    var div0;
+    var figureelement;
+    var t1;
+    var h2;
+    var t3;
+    var form;
+    var emailinput;
+    var updating_emailInputValid;
+    var t4;
+    var passwordinput;
+    var updating_passwordInputValid;
+    var updating_display;
+    var t5;
+    var submitbutton;
+    var t6;
+    var t7;
+    var modalfooter;
+    var current;
+    var mounted;
+    var dispose;
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    figureelement = new FigureElement({});
+    function emailinput_emailInputValid_binding(value) {
+        /*emailinput_emailInputValid_binding*/ ctx[8](value);
+    }
+    var emailinput_props = {};
+    if ( /*emailInputValid*/ctx[4] !== void 0) {
+        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[4];
+    }
+    emailinput = new EmailInput({ props: emailinput_props });
+    binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
+    function passwordinput_passwordInputValid_binding(value) {
+        /*passwordinput_passwordInputValid_binding*/ ctx[9](value);
+    }
+    function passwordinput_display_binding(value) {
+        /*passwordinput_display_binding*/ ctx[10](value);
+    }
+    var passwordinput_props = { showForgotPasswordLabel: true };
+    if ( /*passwordInputValid*/ctx[5] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[5];
+    }
+    if ( /*display*/ctx[0] !== void 0) {
+        passwordinput_props.display = /*display*/ ctx[0];
+    }
+    passwordinput = new PasswordInput({ props: passwordinput_props });
+    binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
+    binding_callbacks.push(function () { return bind(passwordinput, 'display', passwordinput_display_binding); });
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Log in",
+            isLoading: /*showLoader*/ ctx[3]
+        }
+    });
+    var if_block = /*params*/ ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans && create_if_block$3(ctx);
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div1 = element("div");
+            create_component(closebutton.$$.fragment);
+            t0 = space();
+            div0 = element("div");
+            create_component(figureelement.$$.fragment);
+            t1 = space();
+            h2 = element("h2");
+            h2.textContent = "Login to your account";
+            t3 = space();
+            form = element("form");
+            create_component(emailinput.$$.fragment);
+            t4 = space();
+            create_component(passwordinput.$$.fragment);
+            t5 = space();
+            create_component(submitbutton.$$.fragment);
+            t6 = space();
+            if (if_block)
+                if_block.c();
+            t7 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(h2, "class", "ms-modal__title");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(div0, "class", "ms-modal__content");
+            attr(div1, "class", "ms-modal");
+            attr(div1, "id", "LoginModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div1, anchor);
+            mount_component(closebutton, div1, null);
+            append(div1, t0);
+            append(div1, div0);
+            mount_component(figureelement, div0, null);
+            append(div0, t1);
+            append(div0, h2);
+            append(div0, t3);
+            append(div0, form);
+            mount_component(emailinput, form, null);
+            append(form, t4);
+            mount_component(passwordinput, form, null);
+            append(form, t5);
+            mount_component(submitbutton, form, null);
+            append(form, t6);
+            if (if_block)
+                if_block.m(form, null);
+            append(div1, t7);
+            mount_component(modalfooter, div1, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[6])));
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            var emailinput_changes = {};
+            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 16) {
+                updating_emailInputValid = true;
+                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[4];
+                add_flush_callback(function () { return updating_emailInputValid = false; });
+            }
+            emailinput.$set(emailinput_changes);
+            var passwordinput_changes = {};
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
+                updating_passwordInputValid = true;
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
+                add_flush_callback(function () { return updating_passwordInputValid = false; });
+            }
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                passwordinput_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            passwordinput.$set(passwordinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+            if ( /*params*/ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans) {
+                if (if_block) {
+                    if_block.p(ctx, dirty);
+                }
+                else {
+                    if_block = create_if_block$3(ctx);
+                    if_block.c();
+                    if_block.m(form, null);
+                }
+            }
+            else if (if_block) {
+                if_block.d(1);
+                if_block = null;
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(emailinput.$$.fragment, local);
+            transition_in(passwordinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(emailinput.$$.fragment, local);
+            transition_out(passwordinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div1);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            destroy_component(emailinput);
+            destroy_component(passwordinput);
+            destroy_component(submitbutton);
+            if (if_block)
+                if_block.d();
+            destroy_component(modalfooter);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+function instance$9($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    var display = $$props.display;
+    var onSuccessLogin = $$props.onSuccessLogin;
+    var params = $$props.params;
+    var showLoader = false;
+    var emailInputValid = false;
+    var passwordInputValid = false;
+    function submitLogin(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var emailInput, passwordInput, data, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        emailInput = e.target[0];
+                        passwordInput = e.target[1];
+                        if (!emailInputValid || !passwordInputValid)
+                            return [2 /*return*/];
+                        $$invalidate(3, showLoader = true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, window.$memberstackDom.loginMemberEmailPassword({
+                                email: emailInput.value,
+                                password: passwordInput.value
+                            })];
+                    case 2:
+                        data = (_a.sent()).data;
+                        onSuccessLogin({ type: "LOGIN", data: data });
+                        $$invalidate(3, showLoader = false);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _a.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_1.message, true);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function emailinput_emailInputValid_binding(value) {
+        emailInputValid = value;
+        $$invalidate(4, emailInputValid);
+    }
+    function passwordinput_passwordInputValid_binding(value) {
+        passwordInputValid = value;
+        $$invalidate(5, passwordInputValid);
+    }
+    function passwordinput_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    var click_handler = function () { return $$invalidate(0, display = "signup"); };
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+        if ('onSuccessLogin' in $$props)
+            $$invalidate(7, onSuccessLogin = $$props.onSuccessLogin);
+        if ('params' in $$props)
+            $$invalidate(2, params = $$props.params);
+    };
+    return [
+        display,
+        closeModal,
+        params,
+        showLoader,
+        emailInputValid,
+        passwordInputValid,
+        submitLogin,
+        onSuccessLogin,
+        emailinput_emailInputValid_binding,
+        passwordinput_passwordInputValid_binding,
+        passwordinput_display_binding,
+        click_handler
+    ];
+}
+var LoginModal = /** @class */ (function (_super) {
+    __extends(LoginModal, _super);
+    function LoginModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$9, create_fragment$h, safe_not_equal, {
+            closeModal: 1,
+            display: 0,
+            onSuccessLogin: 7,
+            params: 2
+        });
+        return _this;
+    }
+    return LoginModal;
+}(SvelteComponent));
+/* src/modals/SignupModal.svelte generated by Svelte v3.48.0 */
+function create_fragment$g(ctx) {
+    var div2;
+    var closebutton;
+    var t0;
+    var div1;
+    var figureelement;
+    var t1;
+    var h2;
+    var t3;
+    var form;
+    var emailinput;
+    var updating_emailInputValid;
+    var t4;
+    var passwordinput;
+    var updating_passwordInputValid;
+    var t5;
+    var submitbutton;
+    var t6;
+    var div0;
+    var a;
+    var t8;
+    var modalfooter;
+    var current;
+    var mounted;
+    var dispose;
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    figureelement = new FigureElement({});
+    function emailinput_emailInputValid_binding(value) {
+        /*emailinput_emailInputValid_binding*/ ctx[8](value);
+    }
+    var emailinput_props = {};
+    if ( /*emailInputValid*/ctx[3] !== void 0) {
+        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[3];
+    }
+    emailinput = new EmailInput({ props: emailinput_props });
+    binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
+    function passwordinput_passwordInputValid_binding(value) {
+        /*passwordinput_passwordInputValid_binding*/ ctx[9](value);
+    }
+    var passwordinput_props = {};
+    if ( /*passwordInputValid*/ctx[4] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[4];
+    }
+    passwordinput = new PasswordInput({ props: passwordinput_props });
+    binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Sign up",
+            isLoading: /*showLoader*/ ctx[2]
+        }
+    });
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div2 = element("div");
+            create_component(closebutton.$$.fragment);
+            t0 = space();
+            div1 = element("div");
+            create_component(figureelement.$$.fragment);
+            t1 = space();
+            h2 = element("h2");
+            h2.textContent = "Create an account";
+            t3 = space();
+            form = element("form");
+            create_component(emailinput.$$.fragment);
+            t4 = space();
+            create_component(passwordinput.$$.fragment);
+            t5 = space();
+            create_component(submitbutton.$$.fragment);
+            t6 = space();
+            div0 = element("div");
+            a = element("a");
+            a.textContent = "Already have an account?";
+            t8 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(h2, "class", "ms-modal__title");
+            attr(a, "class", "ms-form__link");
+            attr(a, "href", "#");
+            attr(div0, "class", "ms-form__flex ms-form__flex--centered");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(div1, "class", "ms-modal__content");
+            attr(div2, "class", "ms-modal");
+            attr(div2, "id", "SignupModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div2, anchor);
+            mount_component(closebutton, div2, null);
+            append(div2, t0);
+            append(div2, div1);
+            mount_component(figureelement, div1, null);
+            append(div1, t1);
+            append(div1, h2);
+            append(div1, t3);
+            append(div1, form);
+            mount_component(emailinput, form, null);
+            append(form, t4);
+            mount_component(passwordinput, form, null);
+            append(form, t5);
+            mount_component(submitbutton, form, null);
+            append(form, t6);
+            append(form, div0);
+            append(div0, a);
+            append(div2, t8);
+            mount_component(modalfooter, div2, null);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(a, "click", /*click_handler*/ ctx[10]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[5])))
+                ];
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            var emailinput_changes = {};
+            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 8) {
+                updating_emailInputValid = true;
+                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[3];
+                add_flush_callback(function () { return updating_emailInputValid = false; });
+            }
+            emailinput.$set(emailinput_changes);
+            var passwordinput_changes = {};
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 16) {
+                updating_passwordInputValid = true;
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[4];
+                add_flush_callback(function () { return updating_passwordInputValid = false; });
+            }
+            passwordinput.$set(passwordinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 4)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(emailinput.$$.fragment, local);
+            transition_in(passwordinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(emailinput.$$.fragment, local);
+            transition_out(passwordinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div2);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            destroy_component(emailinput);
+            destroy_component(passwordinput);
+            destroy_component(submitbutton);
+            destroy_component(modalfooter);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function instance$8($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    var display = $$props.display;
+    var onSuccessSignup = $$props.onSuccessSignup;
+    var params = $$props.params;
+    var showLoader = false;
+    var emailInputValid = false;
+    var passwordInputValid = false;
+    function submitSignup(e) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var emailInput, passwordInput, plans, data, err_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        emailInput = e.target[0];
+                        passwordInput = e.target[1];
+                        if (!emailInputValid || !passwordInputValid)
+                            return [2 /*return*/];
+                        $$invalidate(2, showLoader = true);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        plans = (((_a = params === null || params === void 0 ? void 0 : params.signup) === null || _a === void 0 ? void 0 : _a.plans) || []).map(function (plan) {
+                            return { planId: plan };
+                        });
+                        return [4 /*yield*/, window.$memberstackDom.signupMemberEmailPassword({
+                                email: emailInput.value,
+                                password: passwordInput.value,
+                                plans: plans
+                            })];
+                    case 2:
+                        data = (_b.sent()).data;
+                        onSuccessSignup({ type: "SIGNUP", data: data });
+                        $$invalidate(2, showLoader = false);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _b.sent();
+                        $$invalidate(2, showLoader = false);
+                        window.$memberstackDom._showMessage(err_2.message, true);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function emailinput_emailInputValid_binding(value) {
+        emailInputValid = value;
+        $$invalidate(3, emailInputValid);
+    }
+    function passwordinput_passwordInputValid_binding(value) {
+        passwordInputValid = value;
+        $$invalidate(4, passwordInputValid);
+    }
+    var click_handler = function () { return $$invalidate(0, display = "login"); };
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+        if ('onSuccessSignup' in $$props)
+            $$invalidate(6, onSuccessSignup = $$props.onSuccessSignup);
+        if ('params' in $$props)
+            $$invalidate(7, params = $$props.params);
+    };
+    return [
+        display,
+        closeModal,
+        showLoader,
+        emailInputValid,
+        passwordInputValid,
+        submitSignup,
+        onSuccessSignup,
+        params,
+        emailinput_emailInputValid_binding,
+        passwordinput_passwordInputValid_binding,
+        click_handler
+    ];
+}
+var SignupModal = /** @class */ (function (_super) {
+    __extends(SignupModal, _super);
+    function SignupModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$8, create_fragment$g, safe_not_equal, {
+            closeModal: 1,
+            display: 0,
+            onSuccessSignup: 6,
+            params: 7
+        });
+        return _this;
+    }
+    return SignupModal;
+}(SvelteComponent));
+/* src/icons/BackIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$f(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "M7.41 1.41L6 0L0 6L6 12L7.41 10.59L2.83 6L7.41 1.41Z");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 8 12");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var BackIcon = /** @class */ (function (_super) {
+    __extends(BackIcon, _super);
+    function BackIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$f, safe_not_equal, {});
+        return _this;
+    }
+    return BackIcon;
+}(SvelteComponent));
+/* src/modals/PassResetModal.svelte generated by Svelte v3.48.0 */
+function create_fragment$e(ctx) {
+    var div3;
+    var div0;
+    var button;
+    var backicon;
+    var t0;
+    var closebutton;
+    var t1;
+    var div2;
+    var figureelement;
+    var t2;
+    var h2;
+    var t4;
+    var p;
+    var t6;
+    var form;
+    var emailinput;
+    var updating_emailInputValid;
+    var t7;
+    var submitbutton;
+    var t8;
+    var div1;
+    var t11;
+    var modalfooter;
+    var current;
+    var mounted;
+    var dispose;
+    backicon = new BackIcon({});
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    figureelement = new FigureElement({});
+    function emailinput_emailInputValid_binding(value) {
+        /*emailinput_emailInputValid_binding*/ ctx[6](value);
+    }
+    var emailinput_props = {};
+    if ( /*emailInputValid*/ctx[2] !== void 0) {
+        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[2];
+    }
+    emailinput = new EmailInput({ props: emailinput_props });
+    binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Send Link",
+            isLoading: /*showLoader*/ ctx[3]
+        }
+    });
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div3 = element("div");
+            div0 = element("div");
+            button = element("button");
+            create_component(backicon.$$.fragment);
+            t0 = space();
+            create_component(closebutton.$$.fragment);
+            t1 = space();
+            div2 = element("div");
+            create_component(figureelement.$$.fragment);
+            t2 = space();
+            h2 = element("h2");
+            h2.textContent = "Reset your password";
+            t4 = space();
+            p = element("p");
+            p.textContent = "We’ll email you a secure link to reset the password for your account.";
+            t6 = space();
+            form = element("form");
+            create_component(emailinput.$$.fragment);
+            t7 = space();
+            create_component(submitbutton.$$.fragment);
+            t8 = space();
+            div1 = element("div");
+            div1.innerHTML = "<a class=\"ms-form__link\" href=\"#\">Still need help? <u>Contact us</u></a>";
+            t11 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(div0, "class", "ms-modal__back");
+            attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
+            attr(p, "class", "ms-modal__text");
+            attr(div1, "class", "ms-form__flex ms-form__flex--centered");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(div2, "class", "ms-modal__content");
+            attr(div3, "class", "ms-modal");
+            attr(div3, "id", "PasswordResetModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div3, anchor);
+            append(div3, div0);
+            append(div0, button);
+            mount_component(backicon, button, null);
+            append(div3, t0);
+            mount_component(closebutton, div3, null);
+            append(div3, t1);
+            append(div3, div2);
+            mount_component(figureelement, div2, null);
+            append(div2, t2);
+            append(div2, h2);
+            append(div2, t4);
+            append(div2, p);
+            append(div2, t6);
+            append(div2, form);
+            mount_component(emailinput, form, null);
+            append(form, t7);
+            mount_component(submitbutton, form, null);
+            append(form, t8);
+            append(form, div1);
+            append(div3, t11);
+            mount_component(modalfooter, div3, null);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(button, "click", /*click_handler*/ ctx[5]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordReset*/ ctx[4])))
+                ];
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            var emailinput_changes = {};
+            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 4) {
+                updating_emailInputValid = true;
+                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[2];
+                add_flush_callback(function () { return updating_emailInputValid = false; });
+            }
+            emailinput.$set(emailinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(emailinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(emailinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div3);
+            destroy_component(backicon);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            destroy_component(emailinput);
+            destroy_component(submitbutton);
+            destroy_component(modalfooter);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function instance$7($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    var display = $$props.display;
+    var emailInputValid = false;
+    var showLoader = false;
+    function submitPasswordReset(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var emailInput, err_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        emailInput = e.target[0];
+                        if (!emailInputValid)
+                            return [2 /*return*/];
+                        $$invalidate(3, showLoader = true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, window.$memberstackDom.sendMemberResetPasswordEmail({ email: emailInput.value })];
+                    case 2:
+                        _a.sent();
+                        $$invalidate(0, display = "reset_password");
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_3 = _a.sent();
+                        console.log(err_3);
+                        $$invalidate(3, showLoader = false);
+                        if (err_3.message) {
+                            window.$memberstackDom._showMessage(err_3.message, false);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var click_handler = function () { return $$invalidate(0, display = "login"); };
+    function emailinput_emailInputValid_binding(value) {
+        emailInputValid = value;
+        $$invalidate(2, emailInputValid);
+    }
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+    };
+    return [
+        display,
+        closeModal,
+        emailInputValid,
+        showLoader,
+        submitPasswordReset,
+        click_handler,
+        emailinput_emailInputValid_binding
+    ];
+}
+var PassResetModal = /** @class */ (function (_super) {
+    __extends(PassResetModal, _super);
+    function PassResetModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$7, create_fragment$e, safe_not_equal, { closeModal: 1, display: 0 });
+        return _this;
+    }
+    return PassResetModal;
+}(SvelteComponent));
+/* src/modals/PassTokenModal.svelte generated by Svelte v3.48.0 */
+function create_if_block$2(ctx) {
+    var div;
+    var erroricon;
+    var t;
+    var current;
+    erroricon = new ErrorIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            create_component(erroricon.$$.fragment);
+            t = text(" Please enter a valid token");
+            attr(div, "class", "ms-form__error");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            mount_component(erroricon, div, null);
+            append(div, t);
+            current = true;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(erroricon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(erroricon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(erroricon);
+        }
+    };
+}
+function create_fragment$d(ctx) {
+    var div4;
+    var div0;
+    var button;
+    var backicon;
+    var t0;
+    var closebutton;
+    var t1;
+    var div3;
+    var figureelement;
+    var t2;
+    var h2;
+    var t4;
+    var form;
+    var div1;
+    var label;
+    var t6;
+    var fieldset;
+    var t12;
+    var t13;
+    var passwordinput;
+    var updating_passwordInputValid;
+    var t14;
+    var submitbutton;
+    var t15;
+    var div2;
+    var t18;
+    var modalfooter;
+    var current;
+    var mounted;
+    var dispose;
+    backicon = new BackIcon({});
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    figureelement = new FigureElement({});
+    var if_block = !ctx[2] && create_if_block$2();
+    function passwordinput_passwordInputValid_binding(value) {
+        /*passwordinput_passwordInputValid_binding*/ ctx[7](value);
+    }
+    var passwordinput_props = { passwordLabel: "Choose a new password" };
+    if ( /*passwordInputValid*/ctx[3] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[3];
+    }
+    passwordinput = new PasswordInput({ props: passwordinput_props });
+    binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Confirm & Reset",
+            isLoading: false
+        }
+    });
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div4 = element("div");
+            div0 = element("div");
+            button = element("button");
+            create_component(backicon.$$.fragment);
+            t0 = space();
+            create_component(closebutton.$$.fragment);
+            t1 = space();
+            div3 = element("div");
+            create_component(figureelement.$$.fragment);
+            t2 = space();
+            h2 = element("h2");
+            h2.textContent = "Reset your password";
+            t4 = space();
+            form = element("form");
+            div1 = element("div");
+            label = element("label");
+            label.textContent = "Enter your 6-digit token";
+            t6 = space();
+            fieldset = element("fieldset");
+            fieldset.innerHTML = "<input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\"/>";
+            t12 = space();
+            if (if_block)
+                if_block.c();
+            t13 = space();
+            create_component(passwordinput.$$.fragment);
+            t14 = space();
+            create_component(submitbutton.$$.fragment);
+            t15 = space();
+            div2 = element("div");
+            div2.innerHTML = "<a class=\"ms-form__link\" href=\"#\">Still need help? <u>Contact us</u></a>";
+            t18 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(div0, "class", "ms-modal__back");
+            attr(h2, "class", "ms-modal__title");
+            attr(label, "class", "ms-form__label");
+            attr(label, "for", "token-fieldset");
+            attr(fieldset, "class", "ms-form__fieldset");
+            attr(fieldset, "name", "token-fieldset");
+            attr(div1, "class", "ms-form__group");
+            attr(div2, "class", "ms-form__flex ms-form__flex--centered");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(div3, "class", "ms-modal__content");
+            attr(div4, "class", "ms-modal");
+            attr(div4, "id", "PasswordTokenModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div4, anchor);
+            append(div4, div0);
+            append(div0, button);
+            mount_component(backicon, button, null);
+            append(div4, t0);
+            mount_component(closebutton, div4, null);
+            append(div4, t1);
+            append(div4, div3);
+            mount_component(figureelement, div3, null);
+            append(div3, t2);
+            append(div3, h2);
+            append(div3, t4);
+            append(div3, form);
+            append(form, div1);
+            append(div1, label);
+            append(div1, t6);
+            append(div1, fieldset);
+            append(div1, t12);
+            if (if_block)
+                if_block.m(div1, null);
+            append(form, t13);
+            mount_component(passwordinput, form, null);
+            append(form, t14);
+            mount_component(submitbutton, form, null);
+            append(form, t15);
+            append(form, div2);
+            append(div4, t18);
+            mount_component(modalfooter, div4, null);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(button, "click", /*click_handler*/ ctx[6]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordToken*/ ctx[4])))
+                ];
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            if (!ctx[2]) {
+                if (if_block) {
+                    if (dirty & /*tokenInputValid*/ 4) {
+                        transition_in(if_block, 1);
+                    }
+                }
+                else {
+                    if_block = create_if_block$2();
+                    if_block.c();
+                    transition_in(if_block, 1);
+                    if_block.m(div1, null);
+                }
+            }
+            else if (if_block) {
+                group_outros();
+                transition_out(if_block, 1, 1, function () {
+                    if_block = null;
+                });
+                check_outros();
+            }
+            var passwordinput_changes = {};
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 8) {
+                updating_passwordInputValid = true;
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[3];
+                add_flush_callback(function () { return updating_passwordInputValid = false; });
+            }
+            passwordinput.$set(passwordinput_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(if_block);
+            transition_in(passwordinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(if_block);
+            transition_out(passwordinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div4);
+            destroy_component(backicon);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            if (if_block)
+                if_block.d();
+            destroy_component(passwordinput);
+            destroy_component(submitbutton);
+            destroy_component(modalfooter);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function instance$6($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    var display = $$props.display;
+    var onSuccessPasswordReset = $$props.onSuccessPasswordReset;
+    var tokenInputValid = true;
+    var passwordInputValid = true;
+    onMount(function () {
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        tokenElements.forEach(function (ele, index) {
+            ele.addEventListener("keydown", function (e) {
+                if (e.keyCode === 8 && e.target.value === "")
+                    tokenElements[Math.max(0, index - 1)].focus();
+            });
+            ele.addEventListener("input", function (e) {
+                var _a = __read(e.target.value), first = _a[0], rest = _a.slice(1);
+                e.target.value = first !== null && first !== void 0 ? first : "";
+                var lastInputBox = index === tokenElements.length - 1;
+                var insertedContent = first !== undefined;
+                if (insertedContent && !lastInputBox) {
+                    tokenElements[index + 1].focus();
+                    tokenElements[index + 1].value = rest.join("");
+                    tokenElements[index + 1].dispatchEvent(new Event("input"));
+                }
+            });
+        });
+    });
+    var validateFields = function (e) {
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var hasEmpty = tokenElements.some(function (el) {
+            if (!el.value) {
+                return true;
+            }
+            return false;
+        });
+        if (hasEmpty) {
+            $$invalidate(2, tokenInputValid = false);
+        }
+        else {
+            $$invalidate(2, tokenInputValid = true);
+        }
+        return !hasEmpty;
+    };
+    function submitPasswordToken(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var passwordInput, isValid, token, data, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        passwordInput = e.target[7];
+                        isValid = validateFields();
+                        if (!isValid)
+                            return [2 /*return*/];
+                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
+                            var name = _a.name;
+                            return name;
+                        }).map(function (_a) {
+                            var value = _a.value;
+                            return value;
+                        }).join("");
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, window.$memberstackDom.resetMemberPassword({ token: token, newPassword: passwordInput.value })];
+                    case 2:
+                        data = (_a.sent()).data;
+                        onSuccessPasswordReset({ type: "PASSWORD_RESET", data: data });
+                        showLoader = false;
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_4 = _a.sent();
+                        console.log(err_4);
+                        //
+                        if (err_4.message) {
+                            window.$memberstackDom._showMessage(err_4.message, true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var click_handler = function () { return $$invalidate(0, display = "forgot_password"); };
+    function passwordinput_passwordInputValid_binding(value) {
+        passwordInputValid = value;
+        $$invalidate(3, passwordInputValid);
+    }
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+        if ('onSuccessPasswordReset' in $$props)
+            $$invalidate(5, onSuccessPasswordReset = $$props.onSuccessPasswordReset);
+    };
+    return [
+        display,
+        closeModal,
+        tokenInputValid,
+        passwordInputValid,
+        submitPasswordToken,
+        onSuccessPasswordReset,
+        click_handler,
+        passwordinput_passwordInputValid_binding
+    ];
+}
+var PassTokenModal = /** @class */ (function (_super) {
+    __extends(PassTokenModal, _super);
+    function PassTokenModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$6, create_fragment$d, safe_not_equal, {
+            closeModal: 1,
+            display: 0,
+            onSuccessPasswordReset: 5
+        });
+        return _this;
+    }
+    return PassTokenModal;
+}(SvelteComponent));
+/* src/icons/ProfileIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$c(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "m8 8c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z");
+            attr(path, "fill", "currentColor");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 16 16");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var ProfileIcon = /** @class */ (function (_super) {
+    __extends(ProfileIcon, _super);
+    function ProfileIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$c, safe_not_equal, {});
+        return _this;
+    }
+    return ProfileIcon;
+}(SvelteComponent));
+/* src/icons/SecurityIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$b(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "m9 0-9 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12v-6l-9-4zm0 10.99h7c-0.53 4.12-3.28 7.79-7 8.94v-8.93h-7v-5.7l7-3.11v8.8z");
+            attr(path, "fill", "currentColor");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 18 22");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var SecurityIcon = /** @class */ (function (_super) {
+    __extends(SecurityIcon, _super);
+    function SecurityIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$b, safe_not_equal, {});
+        return _this;
+    }
+    return SecurityIcon;
+}(SvelteComponent));
+/* src/icons/ProductsIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$a(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "m14.55 11c0.75 0 1.41-0.41 1.75-1.03l3.58-6.49c0.37-0.66-0.11-1.48-0.87-1.48h-14.8l-0.94-2h-3.27v2h2l3.6 7.59-1.35 2.44c-0.73 1.34 0.23 2.97 1.75 2.97h12v-2h-12l1.1-2h7.45zm-9.39-7h12.15l-2.76 5h-7.02l-2.37-5zm0.84 12c-1.1 0-1.99 0.9-1.99 2s0.89 2 1.99 2 2-0.9 2-2-0.9-2-2-2zm10 0c-1.1 0-1.99 0.9-1.99 2s0.89 2 1.99 2 2-0.9 2-2-0.9-2-2-2z");
+            attr(path, "fill", "currentColor");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 21 20");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var ProductsIcon = /** @class */ (function (_super) {
+    __extends(ProductsIcon, _super);
+    function ProductsIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$a, safe_not_equal, {});
+        return _this;
+    }
+    return ProductsIcon;
+}(SvelteComponent));
+/* src/icons/InvoicesIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$9(ctx) {
+    var svg;
+    var path0;
+    var path1;
+    var path2;
+    var path3;
+    var path4;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path0 = svg_element("path");
+            path1 = svg_element("path");
+            path2 = svg_element("path");
+            path3 = svg_element("path");
+            path4 = svg_element("path");
+            attr(path0, "d", "m16.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5v14h-3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3v-17l-1.5 1.5zm-4.5 16.5h-9c-0.55 0-1-0.45-1-1v-1h10v2zm4-1c0 0.55-0.45 1-1 1s-1-0.45-1-1v-3h-9v-11h11v14z");
+            attr(path0, "fill", "currentColor");
+            attr(path1, "d", "M12 5H6V7H12V5Z");
+            attr(path1, "fill", "currentColor");
+            attr(path2, "d", "m15 5h-2v2h2v-2z");
+            attr(path2, "fill", "currentColor");
+            attr(path3, "d", "m12 8h-6v2h6v-2z");
+            attr(path3, "fill", "currentColor");
+            attr(path4, "d", "m15 8h-2v2h2v-2z");
+            attr(path4, "fill", "currentColor");
+            attr(svg, "viewBox", "0 0 18 20");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path0);
+            append(svg, path1);
+            append(svg, path2);
+            append(svg, path3);
+            append(svg, path4);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var InvoicesIcon = /** @class */ (function (_super) {
+    __extends(InvoicesIcon, _super);
+    function InvoicesIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$9, safe_not_equal, {});
+        return _this;
+    }
+    return InvoicesIcon;
+}(SvelteComponent));
+/* src/icons/PaymentIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$8(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "m18 0h-16c-1.11 0-1.99 0.89-1.99 2l-0.01 12c0 1.11 0.89 2 2 2h16c1.11 0 2-0.89 2-2v-12c0-1.11-0.89-2-2-2zm0 14h-16v-6h16v6zm0-10h-16v-2h16v2z");
+            attr(path, "fill", "currentColor");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 20 16");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var PaymentIcon = /** @class */ (function (_super) {
+    __extends(PaymentIcon, _super);
+    function PaymentIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$8, safe_not_equal, {});
+        return _this;
+    }
+    return PaymentIcon;
+}(SvelteComponent));
+/* src/icons/LogoutIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$7(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "M16 7H3.83L9.42 1.41L8 0L0 8L8 16L9.41 14.59L3.83 9H16V7Z");
+            attr(path, "fill", "currentColor");
+            attr(svg, "width", "16");
+            attr(svg, "height", "16");
+            attr(svg, "viewBox", "0 0 16 16");
+            attr(svg, "fill", "none");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var LogoutIcon = /** @class */ (function (_super) {
+    __extends(LogoutIcon, _super);
+    function LogoutIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$7, safe_not_equal, {});
+        return _this;
+    }
+    return LogoutIcon;
+}(SvelteComponent));
+/* src/components/ProfileModalNav.svelte generated by Svelte v3.48.0 */
+function create_fragment$6(ctx) {
+    var div0;
+    var profileicon;
+    var t0;
+    var t1;
+    var div1;
+    var securityicon;
+    var t2;
+    var t3;
+    var div2;
+    var productsicon;
+    var t4;
+    var t5;
+    var div3;
+    var invoicesicon;
+    var t6;
+    var t7;
+    var div4;
+    var paymenticon;
+    var t8;
+    var t9;
+    var div5;
+    var logouticon;
+    var t10;
+    var current;
+    var mounted;
+    var dispose;
+    profileicon = new ProfileIcon({});
+    securityicon = new SecurityIcon({});
+    productsicon = new ProductsIcon({});
+    invoicesicon = new InvoicesIcon({});
+    paymenticon = new PaymentIcon({});
+    logouticon = new LogoutIcon({});
+    return {
+        c: function () {
+            div0 = element("div");
+            create_component(profileicon.$$.fragment);
+            t0 = text(" Profile");
+            t1 = space();
+            div1 = element("div");
+            create_component(securityicon.$$.fragment);
+            t2 = text(" Security");
+            t3 = space();
+            div2 = element("div");
+            create_component(productsicon.$$.fragment);
+            t4 = text(" Products");
+            t5 = space();
+            div3 = element("div");
+            create_component(invoicesicon.$$.fragment);
+            t6 = text(" Invoices");
+            t7 = space();
+            div4 = element("div");
+            create_component(paymenticon.$$.fragment);
+            t8 = text(" Payment Methods");
+            t9 = space();
+            div5 = element("div");
+            create_component(logouticon.$$.fragment);
+            t10 = text(" Logout");
+            attr(div0, "class", "ms-modal__profile-option ");
+            toggle_class(div0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
+            attr(div1, "class", "ms-modal__profile-option");
+            toggle_class(div1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
+            attr(div2, "class", "ms-modal__profile-option");
+            attr(div3, "class", "ms-modal__profile-option");
+            attr(div4, "class", "ms-modal__profile-option");
+            attr(div5, "class", "ms-modal__profile-option");
+        },
+        m: function (target, anchor) {
+            insert(target, div0, anchor);
+            mount_component(profileicon, div0, null);
+            append(div0, t0);
+            insert(target, t1, anchor);
+            insert(target, div1, anchor);
+            mount_component(securityicon, div1, null);
+            append(div1, t2);
+            insert(target, t3, anchor);
+            insert(target, div2, anchor);
+            mount_component(productsicon, div2, null);
+            append(div2, t4);
+            insert(target, t5, anchor);
+            insert(target, div3, anchor);
+            mount_component(invoicesicon, div3, null);
+            append(div3, t6);
+            insert(target, t7, anchor);
+            insert(target, div4, anchor);
+            mount_component(paymenticon, div4, null);
+            append(div4, t8);
+            insert(target, t9, anchor);
+            insert(target, div5, anchor);
+            mount_component(logouticon, div5, null);
+            append(div5, t10);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(div0, "click", /*click_handler*/ ctx[1]),
+                    listen(div1, "click", /*click_handler_1*/ ctx[2])
+                ];
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if (dirty & /*displayProfile*/ 1) {
+                toggle_class(div0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
+            }
+            if (dirty & /*displayProfile*/ 1) {
+                toggle_class(div1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(profileicon.$$.fragment, local);
+            transition_in(securityicon.$$.fragment, local);
+            transition_in(productsicon.$$.fragment, local);
+            transition_in(invoicesicon.$$.fragment, local);
+            transition_in(paymenticon.$$.fragment, local);
+            transition_in(logouticon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(profileicon.$$.fragment, local);
+            transition_out(securityicon.$$.fragment, local);
+            transition_out(productsicon.$$.fragment, local);
+            transition_out(invoicesicon.$$.fragment, local);
+            transition_out(paymenticon.$$.fragment, local);
+            transition_out(logouticon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div0);
+            destroy_component(profileicon);
+            if (detaching)
+                detach(t1);
+            if (detaching)
+                detach(div1);
+            destroy_component(securityicon);
+            if (detaching)
+                detach(t3);
+            if (detaching)
+                detach(div2);
+            destroy_component(productsicon);
+            if (detaching)
+                detach(t5);
+            if (detaching)
+                detach(div3);
+            destroy_component(invoicesicon);
+            if (detaching)
+                detach(t7);
+            if (detaching)
+                detach(div4);
+            destroy_component(paymenticon);
+            if (detaching)
+                detach(t9);
+            if (detaching)
+                detach(div5);
+            destroy_component(logouticon);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function instance$5($$self, $$props, $$invalidate) {
+    var displayProfile = $$props.displayProfile;
+    var click_handler = function () { return $$invalidate(0, displayProfile = "profile"); };
+    var click_handler_1 = function () { return $$invalidate(0, displayProfile = "security"); };
+    $$self.$$set = function ($$props) {
+        if ('displayProfile' in $$props)
+            $$invalidate(0, displayProfile = $$props.displayProfile);
+    };
+    return [displayProfile, click_handler, click_handler_1];
+}
+var ProfileModalNav = /** @class */ (function (_super) {
+    __extends(ProfileModalNav, _super);
+    function ProfileModalNav(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$5, create_fragment$6, safe_not_equal, { displayProfile: 0 });
+        return _this;
+    }
+    return ProfileModalNav;
+}(SvelteComponent));
+/* src/components/ProfieInfoContent.svelte generated by Svelte v3.48.0 */
+function get_each_context(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[1] = list[i];
+    child_ctx[3] = i;
+    return child_ctx;
+}
+// (32:1) {#each customFields as customField, i}
+function create_each_block(ctx) {
+    var div1;
+    var div0;
+    var label;
+    var t0_value = /*customField*/ ctx[1].label + "";
+    var t0;
+    var label_for_value;
+    var t1;
+    var input;
+    var input_placeholder_value;
+    var input_name_value;
+    var input_value_value;
+    var t2;
+    return {
+        c: function () {
+            div1 = element("div");
+            div0 = element("div");
+            label = element("label");
+            t0 = text(t0_value);
+            t1 = space();
+            input = element("input");
+            t2 = space();
+            attr(label, "class", "ms-form__label");
+            attr(label, "for", label_for_value = /*customField*/ ctx[1].id);
+            attr(input, "class", "ms-form__input");
+            attr(input, "type", "text");
+            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[1].value);
+            attr(input, "name", input_name_value = /*customField*/ ctx[1].id);
+            input.value = input_value_value = /*customField*/ ctx[1].value;
+            attr(div0, "class", "ms-form__group");
+            attr(div1, "class", "ms-modal__custom-field-container");
+        },
+        m: function (target, anchor) {
+            insert(target, div1, anchor);
+            append(div1, div0);
+            append(div0, label);
+            append(label, t0);
+            append(div0, t1);
+            append(div0, input);
+            append(div1, t2);
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(div1);
+        }
+    };
+}
+function create_fragment$5(ctx) {
+    var div1;
+    var t5;
+    var form;
+    var mounted;
+    var dispose;
+    var each_value = /*customFields*/ ctx[0];
+    var each_blocks = [];
+    for (var i = 0; i < each_value.length; i += 1) {
+        each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    }
+    return {
+        c: function () {
+            div1 = element("div");
+            div1.innerHTML = "<h2 class=\"ms-modal__title ms-modal__title--profile\">Profile Information</h2> \n <div class=\"ms-modal__action-container\"><button class=\"ms-modal__cancel-button\">Cancel</button> \n   <button class=\"ms-modal__save-button\">Save</button></div>";
+            t5 = space();
+            form = element("form");
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].c();
+            }
+            attr(div1, "class", "ms-modal__title-container");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+        },
+        m: function (target, anchor) {
+            insert(target, div1, anchor);
+            insert(target, t5, anchor);
+            insert(target, form, anchor);
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].m(form, null);
+            }
+            if (!mounted) {
+                dispose = listen(form, "submit", stop_propagation(prevent_default(submitProfile)));
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if (dirty & /*customFields*/ 1) {
+                each_value = /*customFields*/ ctx[0];
+                var i = void 0;
+                for (i = 0; i < each_value.length; i += 1) {
+                    var 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(form, null);
+                    }
+                }
+                for (; i < each_blocks.length; i += 1) {
+                    each_blocks[i].d(1);
+                }
+                each_blocks.length = each_value.length;
+            }
+        },
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(div1);
+            if (detaching)
+                detach(t5);
+            if (detaching)
+                detach(form);
+            destroy_each(each_blocks, detaching);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+function getMember() {
+    return __awaiter(this, void 0, void 0, function () {
+        var member;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, window.$memberstackDom.getCurrentMember()];
+                case 1:
+                    member = _a.sent();
+                    console.log(member.data);
+                    console.log(member.data.customFields);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function submitProfile(e) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.log(e);
+            return [2 /*return*/];
+        });
+    });
+}
+function instance$4($$self) {
+    var customFields = [
+        {
+            id: "firstname",
+            label: "First Name",
+            value: "Bob"
+        },
+        {
+            id: "lastname",
+            label: "Last Name",
+            value: "Barker"
+        }
+    ];
+    getMember();
+    return [customFields];
+}
+var ProfieInfoContent = /** @class */ (function (_super) {
+    __extends(ProfieInfoContent, _super);
+    function ProfieInfoContent(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$4, create_fragment$5, safe_not_equal, {});
+        return _this;
+    }
+    return ProfieInfoContent;
+}(SvelteComponent));
+/* src/icons/PasswordLockIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$4(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "currentColor");
+            attr(path, "d", "m14 7h-1v-2c0-2.76-2.24-5-5-5s-5 2.24-5 5v2h-1c-1.1 0-2 0.9-2 2v10c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-10c0-1.1-0.9-2-2-2zm-9-2c0-1.66 1.34-3 3-3s3 1.34 3 3v2h-6v-2zm9 14h-12v-10h12v10zm-6-3c1.1 0 2-0.9 2-2s-0.9-2-2-2-2 0.9-2 2 0.9 2 2 2z");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 16 21");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var PasswordLockIcon = /** @class */ (function (_super) {
+    __extends(PasswordLockIcon, _super);
+    function PasswordLockIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$4, safe_not_equal, {});
+        return _this;
+    }
+    return PasswordLockIcon;
+}(SvelteComponent));
+/* src/components/SecurityInfoContent.svelte generated by Svelte v3.48.0 */
+function create_fragment$3(ctx) {
+    var div1;
+    var t5;
+    var form;
+    var emailinput;
+    var t6;
+    var label;
+    var t8;
+    var button2;
+    var passwordlockicon;
+    var t9;
+    var current;
+    var mounted;
+    var dispose;
+    emailinput = new EmailInput({});
+    passwordlockicon = new PasswordLockIcon({});
+    return {
+        c: function () {
+            div1 = element("div");
+            div1.innerHTML = "<h2 class=\"ms-modal__title ms-modal__title--profile\">Security</h2> \n  <div class=\"ms-modal__action-container\"><button class=\"ms-modal__cancel-button\">Cancel</button> \n    <button class=\"ms-modal__save-button\">Save</button></div>";
+            t5 = space();
+            form = element("form");
+            create_component(emailinput.$$.fragment);
+            t6 = space();
+            label = element("label");
+            label.textContent = "Password";
+            t8 = space();
+            button2 = element("button");
+            create_component(passwordlockicon.$$.fragment);
+            t9 = text(" Set Password");
+            attr(div1, "class", "ms-modal__title-container");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(label, "class", "ms-modal__button-label");
+            attr(label, "for", "setPassword");
+            attr(button2, "class", "ms-modal__outline-button");
+            attr(button2, "name", "setPassword");
+        },
+        m: function (target, anchor) {
+            insert(target, div1, anchor);
+            insert(target, t5, anchor);
+            insert(target, form, anchor);
+            mount_component(emailinput, form, null);
+            insert(target, t6, anchor);
+            insert(target, label, anchor);
+            insert(target, t8, anchor);
+            insert(target, button2, anchor);
+            mount_component(passwordlockicon, button2, null);
+            append(button2, t9);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(form, "submit", stop_propagation(prevent_default(submitEmailChange))),
+                    listen(button2, "click", /*click_handler*/ ctx[1])
+                ];
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(emailinput.$$.fragment, local);
+            transition_in(passwordlockicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(emailinput.$$.fragment, local);
+            transition_out(passwordlockicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div1);
+            if (detaching)
+                detach(t5);
+            if (detaching)
+                detach(form);
+            destroy_component(emailinput);
+            if (detaching)
+                detach(t6);
+            if (detaching)
+                detach(label);
+            if (detaching)
+                detach(t8);
+            if (detaching)
+                detach(button2);
+            destroy_component(passwordlockicon);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function submitEmailChange(e) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.log(e);
+            return [2 /*return*/];
+        });
+    });
+}
+function instance$3($$self, $$props, $$invalidate) {
+    var displayProfile = $$props.displayProfile;
+    var click_handler = function () { return $$invalidate(0, displayProfile = "changePassword"); };
+    $$self.$$set = function ($$props) {
+        if ('displayProfile' in $$props)
+            $$invalidate(0, displayProfile = $$props.displayProfile);
+    };
+    return [displayProfile, click_handler];
+}
+var SecurityInfoContent = /** @class */ (function (_super) {
+    __extends(SecurityInfoContent, _super);
+    function SecurityInfoContent(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$3, create_fragment$3, safe_not_equal, { displayProfile: 0 });
+        return _this;
+    }
+    return SecurityInfoContent;
+}(SvelteComponent));
+/* src/components/PasswordInfoContent.svelte generated by Svelte v3.48.0 */
+function create_fragment$2(ctx) {
+    var div3;
+    var div1;
+    var div0;
+    var button0;
+    var backicon;
+    var t0;
+    var h2;
+    var t2;
+    var div2;
+    var t6;
+    var form;
+    var passwordinput0;
+    var t7;
+    var passwordinput1;
+    var t8;
+    var passwordinput2;
+    var current;
+    var mounted;
+    var dispose;
+    backicon = new BackIcon({});
+    passwordinput0 = new PasswordInput({
+        props: {
+            passwordLabel: "Current Password",
+            passwordPlaceholder: "Enter a strong password"
+        }
+    });
+    passwordinput1 = new PasswordInput({
+        props: {
+            passwordLabel: "New Password",
+            passwordPlaceholder: "Enter a strong password"
+        }
+    });
+    passwordinput2 = new PasswordInput({
+        props: {
+            passwordLabel: "Confirm New Password",
+            passwordPlaceholder: "Enter a strong password"
+        }
+    });
+    return {
+        c: function () {
+            div3 = element("div");
+            div1 = element("div");
+            div0 = element("div");
+            button0 = element("button");
+            create_component(backicon.$$.fragment);
+            t0 = space();
+            h2 = element("h2");
+            h2.textContent = "Change Password";
+            t2 = space();
+            div2 = element("div");
+            div2.innerHTML = "<button class=\"ms-modal__cancel-button\">Cancel</button> \n    <button class=\"ms-modal__save-button\">Save</button>";
+            t6 = space();
+            form = element("form");
+            create_component(passwordinput0.$$.fragment);
+            t7 = space();
+            create_component(passwordinput1.$$.fragment);
+            t8 = space();
+            create_component(passwordinput2.$$.fragment);
+            attr(div0, "class", "ms-modal__profile-back");
+            attr(h2, "class", "ms-modal__title ms-modal__title--profile");
+            attr(div1, "class", "ms-modal__title-group");
+            attr(div2, "class", "ms-modal__action-container");
+            attr(div3, "class", "ms-modal__title-container");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+        },
+        m: function (target, anchor) {
+            insert(target, div3, anchor);
+            append(div3, div1);
+            append(div1, div0);
+            append(div0, button0);
+            mount_component(backicon, button0, null);
+            append(div1, t0);
+            append(div1, h2);
+            append(div3, t2);
+            append(div3, div2);
+            insert(target, t6, anchor);
+            insert(target, form, anchor);
+            mount_component(passwordinput0, form, null);
+            append(form, t7);
+            mount_component(passwordinput1, form, null);
+            append(form, t8);
+            mount_component(passwordinput2, form, null);
+            current = true;
+            if (!mounted) {
+                dispose = [
+                    listen(button0, "click", /*click_handler*/ ctx[1]),
+                    listen(form, "submit", stop_propagation(prevent_default(submitPasswordChange)))
+                ];
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            transition_in(passwordinput0.$$.fragment, local);
+            transition_in(passwordinput1.$$.fragment, local);
+            transition_in(passwordinput2.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            transition_out(passwordinput0.$$.fragment, local);
+            transition_out(passwordinput1.$$.fragment, local);
+            transition_out(passwordinput2.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div3);
+            destroy_component(backicon);
+            if (detaching)
+                detach(t6);
+            if (detaching)
+                detach(form);
+            destroy_component(passwordinput0);
+            destroy_component(passwordinput1);
+            destroy_component(passwordinput2);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function submitPasswordChange(e) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.log(e);
+            return [2 /*return*/];
+        });
+    });
+}
+function instance$2($$self, $$props, $$invalidate) {
+    var displayProfile = $$props.displayProfile;
+    var click_handler = function () { return $$invalidate(0, displayProfile = "security"); };
+    $$self.$$set = function ($$props) {
+        if ('displayProfile' in $$props)
+            $$invalidate(0, displayProfile = $$props.displayProfile);
+    };
+    return [displayProfile, click_handler];
+}
+var PasswordInfoContent = /** @class */ (function (_super) {
+    __extends(PasswordInfoContent, _super);
+    function PasswordInfoContent(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$2, create_fragment$2, safe_not_equal, { displayProfile: 0 });
+        return _this;
+    }
+    return PasswordInfoContent;
+}(SvelteComponent));
+/* src/modals/ProfileModal.svelte generated by Svelte v3.48.0 */
+function create_if_block_2$1(ctx) {
+    var passwordinfocontent;
+    var updating_displayProfile;
+    var current;
+    function passwordinfocontent_displayProfile_binding(value) {
+        /*passwordinfocontent_displayProfile_binding*/ ctx[5](value);
+    }
+    var passwordinfocontent_props = {};
+    if ( /*displayProfile*/ctx[0] !== void 0) {
+        passwordinfocontent_props.displayProfile = /*displayProfile*/ ctx[0];
+    }
+    passwordinfocontent = new PasswordInfoContent({ props: passwordinfocontent_props });
+    binding_callbacks.push(function () { return bind(passwordinfocontent, 'displayProfile', passwordinfocontent_displayProfile_binding); });
+    return {
+        c: function () {
+            create_component(passwordinfocontent.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordinfocontent, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordinfocontent_changes = {};
+            if (!updating_displayProfile && dirty & /*displayProfile*/ 1) {
+                updating_displayProfile = true;
+                passwordinfocontent_changes.displayProfile = /*displayProfile*/ ctx[0];
+                add_flush_callback(function () { return updating_displayProfile = false; });
+            }
+            passwordinfocontent.$set(passwordinfocontent_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordinfocontent.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordinfocontent.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordinfocontent, detaching);
+        }
+    };
+}
+// (34:46) 
+function create_if_block_1$1(ctx) {
+    var securityinfocontent;
+    var updating_displayProfile;
+    var current;
+    function securityinfocontent_displayProfile_binding(value) {
+        /*securityinfocontent_displayProfile_binding*/ ctx[4](value);
+    }
+    var securityinfocontent_props = {};
+    if ( /*displayProfile*/ctx[0] !== void 0) {
+        securityinfocontent_props.displayProfile = /*displayProfile*/ ctx[0];
+    }
+    securityinfocontent = new SecurityInfoContent({ props: securityinfocontent_props });
+    binding_callbacks.push(function () { return bind(securityinfocontent, 'displayProfile', securityinfocontent_displayProfile_binding); });
+    return {
+        c: function () {
+            create_component(securityinfocontent.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(securityinfocontent, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var securityinfocontent_changes = {};
+            if (!updating_displayProfile && dirty & /*displayProfile*/ 1) {
+                updating_displayProfile = true;
+                securityinfocontent_changes.displayProfile = /*displayProfile*/ ctx[0];
+                add_flush_callback(function () { return updating_displayProfile = false; });
+            }
+            securityinfocontent.$set(securityinfocontent_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(securityinfocontent.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(securityinfocontent.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(securityinfocontent, detaching);
+        }
+    };
+}
+// (32:6) {#if displayProfile === "profile"}
+function create_if_block$1(ctx) {
+    var profileinfocontent;
+    var current;
+    profileinfocontent = new ProfieInfoContent({});
+    return {
+        c: function () {
+            create_component(profileinfocontent.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(profileinfocontent, target, anchor);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(profileinfocontent.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(profileinfocontent.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(profileinfocontent, detaching);
+        }
+    };
+}
+function create_fragment$1(ctx) {
+    var div5;
+    var div1;
+    var figure;
+    var memberstackicon;
+    var t0;
+    var div0;
+    var t2;
+    var closebutton;
+    var t3;
+    var div4;
+    var div2;
+    var profilemodalnav;
+    var updating_displayProfile;
+    var t4;
+    var div3;
+    var current_block_type_index;
+    var if_block;
+    var t5;
+    var modalfooter;
+    var current;
+    memberstackicon = new MemberstackIcon({});
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    function profilemodalnav_displayProfile_binding(value) {
+        /*profilemodalnav_displayProfile_binding*/ ctx[3](value);
+    }
+    var profilemodalnav_props = {};
+    if ( /*displayProfile*/ctx[0] !== void 0) {
+        profilemodalnav_props.displayProfile = /*displayProfile*/ ctx[0];
+    }
+    profilemodalnav = new ProfileModalNav({ props: profilemodalnav_props });
+    binding_callbacks.push(function () { return bind(profilemodalnav, 'displayProfile', profilemodalnav_displayProfile_binding); });
+    var if_block_creators = [create_if_block$1, create_if_block_1$1, create_if_block_2$1];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if ( /*displayProfile*/ctx[0] === "profile")
+            return 0;
+        if ( /*displayProfile*/ctx[0] === "security")
+            return 1;
+        if ( /*displayProfile*/ctx[0] === "changePassword")
+            return 2;
+        return -1;
+    }
+    if (~(current_block_type_index = select_block_type(ctx))) {
+        if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    }
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div5 = element("div");
+            div1 = element("div");
+            figure = element("figure");
+            create_component(memberstackicon.$$.fragment);
+            t0 = space();
+            div0 = element("div");
+            div0.textContent = "bob@barker.com";
+            t2 = space();
+            create_component(closebutton.$$.fragment);
+            t3 = space();
+            div4 = element("div");
+            div2 = element("div");
+            create_component(profilemodalnav.$$.fragment);
+            t4 = space();
+            div3 = element("div");
+            if (if_block)
+                if_block.c();
+            t5 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(figure, "class", "ms-modal__figure ms-modal__figure--profile");
+            attr(div1, "class", "ms-modal__header");
+            attr(div2, "class", "ms-modal__content-left");
+            attr(div3, "class", "ms-modal__content-right");
+            attr(div4, "class", "ms-modal__content ms-modal__content--profile");
+            attr(div5, "class", "ms-modal ms-modal--profile");
+            attr(div5, "id", "ProfileModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div5, anchor);
+            append(div5, div1);
+            append(div1, figure);
+            mount_component(memberstackicon, figure, null);
+            append(div1, t0);
+            append(div1, div0);
+            append(div1, t2);
+            mount_component(closebutton, div1, null);
+            append(div5, t3);
+            append(div5, div4);
+            append(div4, div2);
+            mount_component(profilemodalnav, div2, null);
+            append(div4, t4);
+            append(div4, div3);
+            if (~current_block_type_index) {
+                if_blocks[current_block_type_index].m(div3, null);
+            }
+            append(div5, t5);
+            mount_component(modalfooter, div5, null);
+            current = true;
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            var profilemodalnav_changes = {};
+            if (!updating_displayProfile && dirty & /*displayProfile*/ 1) {
+                updating_displayProfile = true;
+                profilemodalnav_changes.displayProfile = /*displayProfile*/ ctx[0];
+                add_flush_callback(function () { return updating_displayProfile = false; });
+            }
+            profilemodalnav.$set(profilemodalnav_changes);
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if (~current_block_type_index) {
+                    if_blocks[current_block_type_index].p(ctx, dirty);
+                }
+            }
+            else {
+                if (if_block) {
+                    group_outros();
+                    transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                        if_blocks[previous_block_index] = null;
+                    });
+                    check_outros();
+                }
+                if (~current_block_type_index) {
+                    if_block = if_blocks[current_block_type_index];
+                    if (!if_block) {
+                        if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                        if_block.c();
+                    }
+                    else {
+                        if_block.p(ctx, dirty);
+                    }
+                    transition_in(if_block, 1);
+                    if_block.m(div3, null);
+                }
+                else {
+                    if_block = null;
+                }
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(memberstackicon.$$.fragment, local);
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(profilemodalnav.$$.fragment, local);
+            transition_in(if_block);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(memberstackicon.$$.fragment, local);
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(profilemodalnav.$$.fragment, local);
+            transition_out(if_block);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div5);
+            destroy_component(memberstackicon);
+            destroy_component(closebutton);
+            destroy_component(profilemodalnav);
+            if (~current_block_type_index) {
+                if_blocks[current_block_type_index].d();
+            }
+            destroy_component(modalfooter);
+        }
+    };
+}
+function instance$1($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    var logout = $$props.logout;
+    var _a = $$props.displayProfile, displayProfile = _a === void 0 ? "profile" : _a;
+    function profilemodalnav_displayProfile_binding(value) {
+        displayProfile = value;
+        $$invalidate(0, displayProfile);
+    }
+    function securityinfocontent_displayProfile_binding(value) {
+        displayProfile = value;
+        $$invalidate(0, displayProfile);
+    }
+    function passwordinfocontent_displayProfile_binding(value) {
+        displayProfile = value;
+        $$invalidate(0, displayProfile);
+    }
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('logout' in $$props)
+            $$invalidate(2, logout = $$props.logout);
+        if ('displayProfile' in $$props)
+            $$invalidate(0, displayProfile = $$props.displayProfile);
+    };
+    return [
+        displayProfile,
+        closeModal,
+        logout,
+        profilemodalnav_displayProfile_binding,
+        securityinfocontent_displayProfile_binding,
+        passwordinfocontent_displayProfile_binding
+    ];
+}
+var ProfileModal = /** @class */ (function (_super) {
+    __extends(ProfileModal, _super);
+    function ProfileModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$1, create_fragment$1, safe_not_equal, {
+            closeModal: 1,
+            logout: 2,
+            displayProfile: 0
+        });
+        return _this;
+    }
+    return ProfileModal;
+}(SvelteComponent));
+/* src/Main.svelte generated by Svelte v3.48.0 */
+function add_css(target) {
+    append_styles(target, "svelte-tmmzoj", "@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap\");#msOverlay.svelte-tmmzoj{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:2;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif}.--hide{display:none}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms-modal{box-sizing:border-box;margin:auto;min-width:0;position:relative;outline:none;background:white;border-radius:16px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);width:360px;color:rgb(10, 10, 10)}.ms-modal--profile{width:700px}.ms-modal__close{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;right:16px;z-index:10;line-height:0}.ms-modal__close button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__close button:hover{color:#0a0a0a}.ms-modal__back{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__back button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__back button:hover, .ms-modal__profile-back button:hover{color:#0a0a0a}.ms-modal__back svg{height:12px}.ms-modal__profile-back button{appearance:none;padding:5px;margin-right:6px;outline:none;width:25px;height:25px;border:0;background:transparent;cursor:pointer;color:#5c5c5c;display:flex;align-items:stretch;justify-content:center}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__content{padding:28px 28px 20px;width:100%;box-sizing:border-box;margin:0 auto}.ms-modal__content--profile{padding:0;display:flex;flex-wrap:wrap;align-content:stretch;align-items:stretch;border-top:1px solid #DDDDDD}.ms-modal__content-left{padding:20px;border-right:1px solid #DDDDDD}.ms-modal__content-right{padding:20px;flex-grow:1}.ms-modal__figure{box-sizing:border-box;margin:8px auto;display:flex;width:44px;height:44px;border-radius:100%;border:1px solid rgb(235, 235, 235);box-shadow:rgb(0 0 0 / 4%) 0px 2px 2px 0px;padding:7px}.ms-modal__figure--profile{width:24px;height:24px;padding:3px;margin:0px 8px 0px 0px}.ms-modal__title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ms-modal__title{margin-bottom:36px;margin-top:0;text-align:center;font-size:24px;line-height:32px;font-weight:500}.ms-modal__title--profile{margin-bottom:0px}.ms-modal__title-group{display:flex;align-items:center}.ms-modal__title--sub-text{margin-bottom:8px}.ms-modal__text{font-weight:500;font-size:16px;line-height:28px;text-align:center;margin:0 0 20px 0}.ms-form{width:100%}.ms-form__group{margin-bottom:20px}.ms-form__flex{display:flex;justify-content:space-between;align-content:center}.ms-form__flex--centered{justify-content:center}.ms-form__label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-form__fieldset{display:flex;justify-content:space-between;padding:0;border:none}.ms-form__input{box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;font-size:16px;font-weight:400;padding:15px;width:100%}.ms-form__password-container{display:flex;justify-content:space-between;align-content:center;box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;width:100%}.ms-form__password-container:focus-within{border:1px solid rgb(0, 68, 252);outline:rgb(0, 68, 252) solid 1px}.ms-form__password-container:focus-within input{outline:none;border-color:rgb(201, 201, 201);box-shadow:none}.ms-form__input--password{border:none}.ms-form__input--token{font-weight:500;font-size:24.19px;line-height:32px;text-align:center;color:#000000;padding:9px;max-width:42px}.ms-form__show-toggle{cursor:pointer;background:transparent;border-radius:0px 6px 6px 0px;padding:0px 8px;display:flex;align-items:center}.ms-form__eye{display:block;width:22px}.ms-form__eye-slash{display:block;width:22px}.ms-form__error{font-weight:500;font-size:12px;line-height:16px;color:#e40023;margin-top:4px;display:flex;align-items:baseline}.ms-form__error svg{width:10px;height:10px;margin-right:5px}.ms-form__label--right a{color:rgb(10, 10, 10) !important;text-decoration:none;font-weight:400}.ms-form__button{border-radius:6px;font-weight:700;font-size:16px;padding-left:22px;padding-right:22px;height:52px;border:none;display:block;width:100%;background-color:rgb(41, 98, 255);color:#fff;transition:background-color 0.5s ease;cursor:pointer}.ms-form__button:hover{background-color:#0745ff}.ms-form__button:disabled{background-color:#96C0FE;color:#fff;pointer-events:none}#msFormLoader path{fill:#fff}a.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none}.ms-modal__cancel-button{background:#F6F6F6;color:#828282;padding:8px;margin-right:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__save-button{background:#2962FF;color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__outline-button{background:#fff;color:#0A0A0A;font-weight:700;font-size:14px;line-height:16px;padding:12px;margin-right:8px;border-radius:4px;border:1px solid #DDDDDD;cursor:pointer}.ms-modal__outline-button svg{height:14px;margin-right:6px}.ms-modal__button-label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-modal__profile-option{cursor:pointer;margin-bottom:20px;font-weight:500;font-size:16px;line-height:28px}.ms-modal__profile-option svg{height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962FF}.ms-modal__profile-option--active{color:#2962FF}.ms-modal__social-divider{display:flex;align-items:center;margin:20px 0px}.ms-modal__divider-line{text-align:center;background:#dddddd;height:1px;width:100%}.ms-modal__divider-text{padding:0px 4px}.ms-modal__footer{text-align:center;width:100%;box-sizing:border-box;margin:0;min-width:0;background:#f6f6f6;padding-top:10px;padding-bottom:10px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid;border-top-color:#dddddd;font-size:12px;line-height:16px;font-weight:500}.ms-modal__footer a{color:rgb(10, 10, 10);text-decoration:none}.ms-modal__footer svg{height:12px;width:12px}");
+}
+// (23:2) {#if showLoader}
+function create_if_block_5(ctx) {
+    var loader;
+    var current;
+    loader = new Loader({});
+    return {
+        c: function () {
+            create_component(loader.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(loader, target, anchor);
+            current = true;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(loader.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(loader.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(loader, detaching);
+        }
+    };
+}
+// (35:34) 
+function create_if_block_4(ctx) {
+    var profilemodal;
+    var updating_display;
+    var current;
+    function profilemodal_display_binding(value) {
+        /*profilemodal_display_binding*/ ctx[11](value);
+    }
+    var profilemodal_props = { closeModal: /*closeModal*/ ctx[4] };
+    if ( /*display*/ctx[0] !== void 0) {
+        profilemodal_props.display = /*display*/ ctx[0];
+    }
+    profilemodal = new ProfileModal({ props: profilemodal_props });
+    binding_callbacks.push(function () { return bind(profilemodal, 'display', profilemodal_display_binding); });
+    return {
+        c: function () {
+            create_component(profilemodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(profilemodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var profilemodal_changes = {};
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                profilemodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            profilemodal.$set(profilemodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(profilemodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(profilemodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(profilemodal, detaching);
+        }
+    };
+}
+// (33:41) 
+function create_if_block_3(ctx) {
+    var passwordtokenmodal;
+    var updating_display;
+    var current;
+    function passwordtokenmodal_display_binding(value) {
+        /*passwordtokenmodal_display_binding*/ ctx[10](value);
+    }
+    var passwordtokenmodal_props = {
+        closeModal: /*closeModal*/ ctx[4],
+        onSuccessPasswordReset: /*onSuccess*/ ctx[3]
+    };
+    if ( /*display*/ctx[0] !== void 0) {
+        passwordtokenmodal_props.display = /*display*/ ctx[0];
+    }
+    passwordtokenmodal = new PassTokenModal({ props: passwordtokenmodal_props });
+    binding_callbacks.push(function () { return bind(passwordtokenmodal, 'display', passwordtokenmodal_display_binding); });
+    return {
+        c: function () {
+            create_component(passwordtokenmodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordtokenmodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordtokenmodal_changes = {};
+            if (dirty & /*onSuccess*/ 8)
+                passwordtokenmodal_changes.onSuccessPasswordReset = /*onSuccess*/ ctx[3];
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                passwordtokenmodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            passwordtokenmodal.$set(passwordtokenmodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordtokenmodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordtokenmodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordtokenmodal, detaching);
+        }
+    };
+}
+// (31:42) 
+function create_if_block_2(ctx) {
+    var passwordresetmodal;
+    var updating_display;
+    var current;
+    function passwordresetmodal_display_binding(value) {
+        /*passwordresetmodal_display_binding*/ ctx[9](value);
+    }
+    var passwordresetmodal_props = { closeModal: /*closeModal*/ ctx[4] };
+    if ( /*display*/ctx[0] !== void 0) {
+        passwordresetmodal_props.display = /*display*/ ctx[0];
+    }
+    passwordresetmodal = new PassResetModal({ props: passwordresetmodal_props });
+    binding_callbacks.push(function () { return bind(passwordresetmodal, 'display', passwordresetmodal_display_binding); });
+    return {
+        c: function () {
+            create_component(passwordresetmodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordresetmodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordresetmodal_changes = {};
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                passwordresetmodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            passwordresetmodal.$set(passwordresetmodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordresetmodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordresetmodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordresetmodal, detaching);
+        }
+    };
+}
+// (29:33) 
+function create_if_block_1(ctx) {
+    var signupmodal;
+    var updating_display;
+    var updating_params;
+    var current;
+    function signupmodal_display_binding(value) {
+        /*signupmodal_display_binding*/ ctx[7](value);
+    }
+    function signupmodal_params_binding(value) {
+        /*signupmodal_params_binding*/ ctx[8](value);
+    }
+    var signupmodal_props = {
+        closeModal: /*closeModal*/ ctx[4],
+        onSuccessSignup: /*onSuccess*/ ctx[3]
+    };
+    if ( /*display*/ctx[0] !== void 0) {
+        signupmodal_props.display = /*display*/ ctx[0];
+    }
+    if ( /*params*/ctx[1] !== void 0) {
+        signupmodal_props.params = /*params*/ ctx[1];
+    }
+    signupmodal = new SignupModal({ props: signupmodal_props });
+    binding_callbacks.push(function () { return bind(signupmodal, 'display', signupmodal_display_binding); });
+    binding_callbacks.push(function () { return bind(signupmodal, 'params', signupmodal_params_binding); });
+    return {
+        c: function () {
+            create_component(signupmodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(signupmodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var signupmodal_changes = {};
+            if (dirty & /*onSuccess*/ 8)
+                signupmodal_changes.onSuccessSignup = /*onSuccess*/ ctx[3];
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                signupmodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            if (!updating_params && dirty & /*params*/ 2) {
+                updating_params = true;
+                signupmodal_changes.params = /*params*/ ctx[1];
+                add_flush_callback(function () { return updating_params = false; });
+            }
+            signupmodal.$set(signupmodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(signupmodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(signupmodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(signupmodal, detaching);
+        }
+    };
+}
+// (27:2) {#if display === "login"}
+function create_if_block(ctx) {
+    var loginmodal;
+    var updating_display;
+    var updating_params;
+    var current;
+    function loginmodal_display_binding(value) {
+        /*loginmodal_display_binding*/ ctx[5](value);
+    }
+    function loginmodal_params_binding(value) {
+        /*loginmodal_params_binding*/ ctx[6](value);
+    }
+    var loginmodal_props = {
+        closeModal: /*closeModal*/ ctx[4],
+        onSuccessLogin: /*onSuccess*/ ctx[3]
+    };
+    if ( /*display*/ctx[0] !== void 0) {
+        loginmodal_props.display = /*display*/ ctx[0];
+    }
+    if ( /*params*/ctx[1] !== void 0) {
+        loginmodal_props.params = /*params*/ ctx[1];
+    }
+    loginmodal = new LoginModal({ props: loginmodal_props });
+    binding_callbacks.push(function () { return bind(loginmodal, 'display', loginmodal_display_binding); });
+    binding_callbacks.push(function () { return bind(loginmodal, 'params', loginmodal_params_binding); });
+    return {
+        c: function () {
+            create_component(loginmodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(loginmodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var loginmodal_changes = {};
+            if (dirty & /*onSuccess*/ 8)
+                loginmodal_changes.onSuccessLogin = /*onSuccess*/ ctx[3];
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                loginmodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            if (!updating_params && dirty & /*params*/ 2) {
+                updating_params = true;
+                loginmodal_changes.params = /*params*/ ctx[1];
+                add_flush_callback(function () { return updating_params = false; });
+            }
+            loginmodal.$set(loginmodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(loginmodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(loginmodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(loginmodal, detaching);
+        }
+    };
+}
+function create_fragment(ctx) {
+    var main;
+    var t;
+    var current_block_type_index;
+    var if_block1;
+    var current;
+    var if_block0 = /*showLoader*/ ctx[2] && create_if_block_5();
+    var if_block_creators = [
+        create_if_block,
+        create_if_block_1,
+        create_if_block_2,
+        create_if_block_3,
+        create_if_block_4
+    ];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if ( /*display*/ctx[0] === "login")
+            return 0;
+        if ( /*display*/ctx[0] === "signup")
+            return 1;
+        if ( /*display*/ctx[0] === "forgot_password")
+            return 2;
+        if ( /*display*/ctx[0] === "reset_password")
+            return 3;
+        if ( /*display*/ctx[0] === "profile")
+            return 4;
+        return -1;
+    }
+    if (~(current_block_type_index = select_block_type(ctx))) {
+        if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    }
+    return {
+        c: function () {
+            main = element("main");
+            if (if_block0)
+                if_block0.c();
+            t = space();
+            if (if_block1)
+                if_block1.c();
+            attr(main, "id", "msOverlay");
+            attr(main, "class", "svelte-tmmzoj");
+        },
+        m: function (target, anchor) {
+            insert(target, main, anchor);
+            if (if_block0)
+                if_block0.m(main, null);
+            append(main, t);
+            if (~current_block_type_index) {
+                if_blocks[current_block_type_index].m(main, null);
+            }
+            current = true;
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if ( /*showLoader*/ctx[2]) {
+                if (if_block0) {
+                    if (dirty & /*showLoader*/ 4) {
+                        transition_in(if_block0, 1);
+                    }
+                }
+                else {
+                    if_block0 = create_if_block_5();
+                    if_block0.c();
+                    transition_in(if_block0, 1);
+                    if_block0.m(main, t);
+                }
+            }
+            else if (if_block0) {
+                group_outros();
+                transition_out(if_block0, 1, 1, function () {
+                    if_block0 = null;
+                });
+                check_outros();
+            }
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if (~current_block_type_index) {
+                    if_blocks[current_block_type_index].p(ctx, dirty);
+                }
+            }
+            else {
+                if (if_block1) {
+                    group_outros();
+                    transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                        if_blocks[previous_block_index] = null;
+                    });
+                    check_outros();
+                }
+                if (~current_block_type_index) {
+                    if_block1 = if_blocks[current_block_type_index];
+                    if (!if_block1) {
+                        if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                        if_block1.c();
+                    }
+                    else {
+                        if_block1.p(ctx, dirty);
+                    }
+                    transition_in(if_block1, 1);
+                    if_block1.m(main, null);
+                }
+                else {
+                    if_block1 = null;
+                }
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block0);
+            transition_in(if_block1);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block0);
+            transition_out(if_block1);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(main);
+            if (if_block0)
+                if_block0.d();
+            if (~current_block_type_index) {
+                if_blocks[current_block_type_index].d();
+            }
+        }
+    };
+}
+function instance($$self, $$props, $$invalidate) {
+    var _a = $$props.showLoader, showLoader = _a === void 0 ? false : _a;
+    var _b = $$props.display, display = _b === void 0 ? "login" : _b; // or "signup", "forgot_password", "reset_password", and "profile"
+    var onSuccess = $$props.onSuccess;
+    var params = $$props.params;
+    function closeModal() {
+        onSuccess({ type: "CLOSED" });
+        document.querySelector("#msOverlay").remove();
+    }
+    function loginmodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    function loginmodal_params_binding(value) {
+        params = value;
+        $$invalidate(1, params);
+    }
+    function signupmodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    function signupmodal_params_binding(value) {
+        params = value;
+        $$invalidate(1, params);
+    }
+    function passwordresetmodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    function passwordtokenmodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    function profilemodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    $$self.$$set = function ($$props) {
+        if ('showLoader' in $$props)
+            $$invalidate(2, showLoader = $$props.showLoader);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+        if ('onSuccess' in $$props)
+            $$invalidate(3, onSuccess = $$props.onSuccess);
+        if ('params' in $$props)
+            $$invalidate(1, params = $$props.params);
+    };
+    return [
+        display,
+        params,
+        showLoader,
+        onSuccess,
+        closeModal,
+        loginmodal_display_binding,
+        loginmodal_params_binding,
+        signupmodal_display_binding,
+        signupmodal_params_binding,
+        passwordresetmodal_display_binding,
+        passwordtokenmodal_display_binding,
+        profilemodal_display_binding
+    ];
+}
+var Main = /** @class */ (function (_super) {
+    __extends(Main, _super);
+    function Main(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance, create_fragment, safe_not_equal, {
+            showLoader: 2,
+            display: 0,
+            onSuccess: 3,
+            params: 1
+        }, add_css);
+        return _this;
+    }
+    return Main;
+}(SvelteComponent));
+exports.default = Main;