@memberstack/dom 1.9.14 → 1.9.16

package/lib/methods/dom/main-dom.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());
@@ -77,14 +75,9 @@ var __read = (this && this.__read) || function (o, n) {
     }
     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));
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
 };
 var __values = (this && this.__values) || function(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -141,7 +134,7 @@ function subscribe(store) {
     if (store == null) {
         return noop;
     }
-    var unsub = store.subscribe.apply(store, __spreadArray([], __read(callbacks), false));
+    var unsub = store.subscribe.apply(store, __spread(callbacks));
     return unsub.unsubscribe ? function () { return unsub.unsubscribe(); } : unsub;
 }
 function component_subscribe(component, store, callback) {
@@ -372,18 +365,18 @@ function create_rule(node, a, b, duration, delay, ease, fn, uid) {
     var keyframes = '{\n';
     for (var p = 0; p <= 1; p += step) {
         var t = a + (b - a) * ease(p);
-        keyframes += p * 100 + "%{".concat(fn(t, 1 - t), "}\n");
+        keyframes += p * 100 + ("%{" + fn(t, 1 - t) + "}\n");
     }
-    var rule = keyframes + "100% {".concat(fn(b, 1 - b), "}\n}");
-    var name = "__svelte_".concat(hash(rule), "_").concat(uid);
+    var rule = keyframes + ("100% {" + fn(b, 1 - b) + "}\n}");
+    var name = "__svelte_" + hash(rule) + "_" + uid;
     var doc = get_root_for_style(node);
     var _a = managed_styles.get(doc) || create_style_information(doc, node), stylesheet = _a.stylesheet, rules = _a.rules;
     if (!rules[name]) {
         rules[name] = true;
-        stylesheet.insertRule("@keyframes ".concat(name, " ").concat(rule), stylesheet.cssRules.length);
+        stylesheet.insertRule("@keyframes " + name + " " + rule, stylesheet.cssRules.length);
     }
     var animation = node.style.animation || '';
-    node.style.animation = "".concat(animation ? "".concat(animation, ", ") : '').concat(name, " ").concat(duration, "ms linear ").concat(delay, "ms 1 both");
+    node.style.animation = "" + (animation ? animation + ", " : '') + name + " " + duration + "ms linear " + delay + "ms 1 both";
     active += 1;
     return name;
 }
@@ -525,7 +518,7 @@ function wait() {
     return promise;
 }
 function dispatch(node, direction, kind) {
-    node.dispatchEvent(custom_event("".concat(direction ? 'intro' : 'outro').concat(kind)));
+    node.dispatchEvent(custom_event("" + (direction ? 'intro' : 'outro') + kind));
 }
 var outroing = new Set();
 var outros;
@@ -767,7 +760,7 @@ function mount_component(component, target, anchor, customElement) {
         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));
+                on_destroy.push.apply(on_destroy, __spread(new_on_destroy));
             }
             else {
                 // Edge case - component was destroyed immediately,
@@ -1749,7 +1742,7 @@ function create_fragment$z(ctx) {
         c: function () {
             div = element("div");
             label = element("label");
-            label.textContent = "".concat(/*emailLabel*/ ctx[3]);
+            label.textContent = "" + ctx[3];
             t1 = space();
             input = element("input");
             t2 = space();
@@ -1974,7 +1967,7 @@ function create_if_block_2$9(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "".concat(/*text*/ ctx[8]["forgot_password"] || "Forgot Password?");
+            button.textContent = "" + (ctx[8]["forgot_password"] || "Forgot Password?");
             attr(button, "data-cy", "forgot-password-btn");
             attr(button, "class", "ms-form__button ms-form__button--text");
             attr(button, "tabindex", "-1");
@@ -2759,7 +2752,7 @@ function create_if_block_4$4(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "".concat(/*text*/ ctx[8]["dont_have_an_account"] || "Don't have an account?");
+            button.textContent = "" + (ctx[8]["dont_have_an_account"] || "Don't have an account?");
             attr(button, "class", "ms-form__button ms-form__button--text");
             attr(button, "type", "button");
             attr(div, "class", "ms-form__flex ms-form__flex--centered");
@@ -2791,7 +2784,7 @@ function create_if_block_3$4(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "".concat(/*text*/ ctx[8]["dont_have_an_account"] || "Don't have an account?");
+            button.textContent = "" + (ctx[8]["dont_have_an_account"] || "Don't have an account?");
             attr(button, "class", "ms-form__button ms-form__button--text");
             attr(button, "type", "button");
             attr(div, "class", "ms-form__flex ms-form__flex--centered");
@@ -2838,7 +2831,7 @@ function create_if_block$f(ctx) {
             div0 = element("div");
             t0 = space();
             div1 = element("div");
-            div1.textContent = "".concat(/*text*/ ctx[8]["or"] || "or");
+            div1.textContent = "" + (ctx[8]["or"] || "or");
             t2 = space();
             div2 = element("div");
             t3 = space();
@@ -3009,7 +3002,7 @@ function create_else_block$7(ctx) {
         c: function () {
             button = element("button");
             span = element("span");
-            span.textContent = "".concat(/*text*/ ctx[8]["login_with_password"] || "Log in with Password");
+            span.textContent = "" + (ctx[8]["login_with_password"] || "Log in with Password");
             attr(button, "class", "ms-modal__social-button");
             attr(button, "data-cy", "continue-with-password");
             attr(button, "type", "button");
@@ -3049,7 +3042,7 @@ function create_if_block_2$8(ctx) {
             create_component(emailicon.$$.fragment);
             t0 = space();
             span = element("span");
-            span.textContent = "".concat(/*text*/ ctx[8]["login_with_email"] || "Continue with Email");
+            span.textContent = "" + (ctx[8]["login_with_email"] || "Continue with Email");
             attr(button, "class", "ms-modal__social-button");
             attr(button, "data-cy", "continue-with-email");
             attr(button, "type", "button");
@@ -3220,7 +3213,7 @@ function create_fragment$s(ctx) {
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[8]["login_to_your_account"] || "Login to your account");
+            h2.textContent = "" + (ctx[8]["login_to_your_account"] || "Login to your account");
             t3 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
@@ -4008,7 +4001,7 @@ function create_else_block$6(ctx) {
         c: function () {
             button = element("button");
             span = element("span");
-            span.textContent = "".concat(/*text*/ ctx[8]["signup_with_password"] || "Signup with Password");
+            span.textContent = "" + (ctx[8]["signup_with_password"] || "Signup with Password");
             attr(button, "class", "ms-modal__social-button");
             attr(button, "data-cy", "continue-with-password");
             attr(button, "type", "button");
@@ -4048,7 +4041,7 @@ function create_if_block_2$7(ctx) {
             create_component(emailicon.$$.fragment);
             t0 = space();
             span = element("span");
-            span.textContent = "".concat(/*text*/ ctx[8]["continue_with_email"] || "Continue with Email");
+            span.textContent = "" + (ctx[8]["continue_with_email"] || "Continue with Email");
             attr(button, "class", "ms-modal__social-button");
             attr(button, "data-cy", "continue-with-email");
             attr(button, "type", "button");
@@ -4787,10 +4780,10 @@ function create_fragment$p(ctx) {
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[3]["reset_your_password"] || "Reset your password");
+            h2.textContent = "" + (ctx[3]["reset_your_password"] || "Reset your password");
             t3 = space();
             p = element("p");
-            p.textContent = "".concat(/*text*/ ctx[3]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
+            p.textContent = "" + (ctx[3]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
             t5 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
@@ -4799,7 +4792,7 @@ function create_fragment$p(ctx) {
             t7 = space();
             div2 = element("div");
             div1 = element("div");
-            div1.textContent = "".concat(/*text*/ ctx[3]["reset_already_have_code"] || "I already have a code");
+            div1.textContent = "" + (ctx[3]["reset_already_have_code"] || "I already have a code");
             t9 = space();
             create_component(modalfooter.$$.fragment);
             attr(div0, "data-cy", "back-btn");
@@ -5069,12 +5062,12 @@ function create_fragment$o(ctx) {
             create_component(figureelement.$$.fragment);
             t2 = space();
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[5]["reset_your_password"] || "Reset your password");
+            h2.textContent = "" + (ctx[5]["reset_your_password"] || "Reset your password");
             t4 = space();
             form = element("form");
             div1 = element("div");
             label = element("label");
-            label.textContent = "".concat(/*text*/ ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
+            label.textContent = "" + (ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
             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\"/>";
@@ -5225,7 +5218,7 @@ function instance$g($$self, $$props, $$invalidate) {
     var tokenInputValid = true;
     var passwordInputValid = true;
     onMount(function () {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -5245,7 +5238,7 @@ function instance$g($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -5270,7 +5263,7 @@ function instance$g($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
+                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -5540,7 +5533,7 @@ function create_else_block$5(ctx) {
     return {
         c: function () {
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[5]["passwordless_token_heading"] || "Create an account");
+            h2.textContent = "" + (ctx[5]["passwordless_token_heading"] || "Create an account");
             attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
         },
         m: function (target, anchor) {
@@ -5559,7 +5552,7 @@ function create_if_block_1$9(ctx) {
     return {
         c: function () {
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[5]["login_to_your_account"] || "Login to your account");
+            h2.textContent = "" + (ctx[5]["login_to_your_account"] || "Login to your account");
             attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
         },
         m: function (target, anchor) {
@@ -5678,12 +5671,12 @@ function create_fragment$m(ctx) {
             if_block1.c();
             t3 = space();
             p = element("p");
-            p.textContent = "".concat(/*text*/ ctx[5]["login_passwordless_instructions"] || "Enter the verification code sent to your email address");
+            p.textContent = "" + (ctx[5]["login_passwordless_instructions"] || "Enter the verification code sent to your email address");
             t5 = space();
             form = element("form");
             div1 = element("div");
             label = element("label");
-            label.textContent = "".concat(/*text*/ ctx[5]["login_verification_code"] || "Verification Code");
+            label.textContent = "" + (ctx[5]["login_verification_code"] || "Verification Code");
             t7 = 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\"/>";
@@ -5854,7 +5847,7 @@ function instance$e($$self, $$props, $$invalidate) {
     var showLoader = false;
     var tokenInputValid = true;
     onMount(function () {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -5874,7 +5867,7 @@ function instance$e($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -5899,7 +5892,7 @@ function instance$e($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
+                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -6415,7 +6408,7 @@ function instance$d($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
+            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -7013,7 +7006,7 @@ function create_each_block$3(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -7873,7 +7866,7 @@ function fade(node, _a) {
         delay: delay,
         duration: duration,
         easing: easing,
-        css: function (t) { return "opacity: ".concat(t * o); }
+        css: function (t) { return "opacity: " + t * o; }
     };
 }
 /* src/components/ProfileLoader.svelte generated by Svelte v3.48.0 */
@@ -8261,7 +8254,6 @@ function create_if_block_1$5(ctx) {
                 each_blocks[i].c();
             }
             each_1_anchor = empty();
-            set_style(h3, "font-size", "18px");
         },
         m: function (target, anchor) {
             insert(target, h3, anchor);
@@ -8338,7 +8330,7 @@ function create_each_block$2(ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[6].apply(/*func*/ ctx, __spreadArray([/*memberPlan*/ ctx[8]], __read(args), false));
+        return /*func*/ ctx[6].apply(/*func*/ ctx, __spread([/*memberPlan*/ ctx[8]], args));
     }
     function func_1() {
         return /*func_1*/ ctx[7](/*memberPlan*/ ctx[8]);
@@ -9599,7 +9591,7 @@ function instance$5($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
+            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -10158,7 +10150,7 @@ function create_each_block(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -11707,7 +11699,7 @@ var MobileProfileModal = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    append_styles(target, "svelte-12czw1s", "@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\");.svelte-12czw1s{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-12czw1s{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:99999;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif;padding:5vh 5vw}.--hide{display:none}.--flex-h-center{display:flex;align-items:center}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.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\n      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__profile-back--mobile{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__profile-back--mobile button{appearance:none;padding:0;outline:none;height:11px;width:7px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__profile-back--mobile button:hover{color:#0a0a0a}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__header--mobile{display:flex;padding:42px 42px 16px 42px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.ms-modal__header--center{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.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{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-right:1px solid #dddddd;min-width:160px}.ms-modal__content-right{padding:20px;flex-grow:1;height:55vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__content--mobile{padding:12px;flex-grow:1;height:42vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__mobile-profile-nav{display:flex;flex-direction:column;align-content:center;align-items:stretch;flex-wrap:nowrap}.ms-modal__mobile-profile-nav button{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:12px;width:100%;margin-bottom:10px}.ms-modal__figure{margin:8px auto;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure--mobile{margin:0px 0px 8px 0px}.ms-modal__figure img, .ms-modal__figure svg{width:auto;height:100%;max-height:42px;text-align:center;object-fit:cover;color:transparent}.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:700}.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-modal__regular-button{color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__regular-button svg{height:16px;margin-left:6px}.ms-modal__regular-button--left-icon svg{margin-right:6px;margin-left:0px}.ms-modal__regular-button--right-icon svg{margin-left:6px;margin-right:0px}.ms-modal__regular-button--margin-right{margin-right:12px}.ms-modal__text-button{color:#fff;background-color:transparent;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__card{box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000,\n      0px 2px 2px rgba(0, 0, 0, 0.04);padding:12px;display:flex;flex-direction:row;margin-bottom:12px;border:1px solid rgb(221, 221, 221);border-radius:10px;box-sizing:border-box;width:100%;cursor:default;background:rgb(255, 255, 255);align-items:center;justify-content:space-between}.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:24px;font-weight:700;text-align:left}.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;display:flex;justify-content:center;align-items:center}.ms-form__button--text{background-color:transparent;padding:0px;height:auto;margin-bottom:0px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500;color:#0a0a0a;opacity:0.8}.ms-form__button--text:hover{background-color:transparent}.ms-form__button--top-spacing{margin-top:10px}#msFormLoader path{fill:#fff}a.ms-form__link, div.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8;cursor:pointer}.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__save-button:disabled{background:#80a1fc;color:#fff;cursor:default}.ms-modal__save-button--large{padding:12px;font-weight:700;font-size:14px;line-height:16px;width:100%}.ms-modal__outline-button{display:block !important;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{display:inline !important;height:15px;margin-right:6px}.ms-modal__outline-button--mobile{width:100%}.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;background:transparent;border:none;padding:0px}.ms-modal__profile-option svg{display:inline !important;height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962ff}.ms-modal__profile-option--active{color:#2962ff}.ms-modal__social-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:6px;font-weight:700;font-size:16px;line-height:28px;color:#0a0a0a;background:none;border:1px solid #c9c9c9;cursor:pointer;margin-bottom:8px}.ms-modal__social-button img, .ms-modal__social-button svg{height:16px;margin-right:8px}.ms-modal__social-button[disabled]{background:#f6f6f6}.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;display:flex;justify-content:center;align-items:center}.ms-modal__footer svg{height:12px;width:12px;margin-right:5.5px}");
+    append_styles(target, "svelte-1i9w5a4", "@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\");.svelte-1i9w5a4{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-1i9w5a4{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:99999;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif;padding:5vh 5vw}.--hide{display:none}.--flex-h-center{display:flex;align-items:center}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.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\n      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__profile-back--mobile{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__profile-back--mobile button{appearance:none;padding:0;outline:none;height:11px;width:7px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__profile-back--mobile button:hover{color:#0a0a0a}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__header--mobile{display:flex;padding:42px 42px 16px 42px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.ms-modal__header--center{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.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{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-right:1px solid #dddddd;min-width:160px}.ms-modal__content-right{padding:20px;flex-grow:1;height:55vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__content-right h3{margin-top:40px !important;margin-bottom:10px !important;font-size:18px !important;line-height:1em !important;font-weight:700 !important}.ms-modal__content--mobile{padding:12px;flex-grow:1;height:42vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__mobile-profile-nav{display:flex;flex-direction:column;align-content:center;align-items:stretch;flex-wrap:nowrap}.ms-modal__mobile-profile-nav button{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:12px;width:100%;margin-bottom:10px}.ms-modal__figure{margin:8px auto;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure--mobile{margin:0px 0px 8px 0px}.ms-modal__figure img, .ms-modal__figure svg{width:auto;height:100%;max-height:42px;text-align:center;object-fit:cover;color:transparent}.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:700}.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-modal__regular-button{color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__regular-button svg{height:16px;margin-left:6px}.ms-modal__regular-button--left-icon svg{margin-right:6px;margin-left:0px}.ms-modal__regular-button--right-icon svg{margin-left:6px;margin-right:0px}.ms-modal__regular-button--margin-right{margin-right:12px}.ms-modal__text-button{color:#fff;background-color:transparent;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__card{box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000,\n      0px 2px 2px rgba(0, 0, 0, 0.04);padding:12px;display:flex;flex-direction:row;margin-bottom:12px;border:1px solid rgb(221, 221, 221);border-radius:10px;box-sizing:border-box;width:100%;cursor:default;background:rgb(255, 255, 255);align-items:center;justify-content:space-between}.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:24px;font-weight:700;text-align:left}.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;display:flex;justify-content:center;align-items:center}.ms-form__button--text{background-color:transparent;padding:0px;height:auto;margin-bottom:0px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500;color:#0a0a0a;opacity:0.8}.ms-form__button--text:hover{background-color:transparent}.ms-form__button--top-spacing{margin-top:10px}#msFormLoader path{fill:#fff}a.ms-form__link, div.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8;cursor:pointer}.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__save-button:disabled{background:#80a1fc;color:#fff;cursor:default}.ms-modal__save-button--large{padding:12px;font-weight:700;font-size:14px;line-height:16px;width:100%}.ms-modal__outline-button{display:block !important;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{display:inline !important;height:15px;margin-right:6px}.ms-modal__outline-button--mobile{width:100%}.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;background:transparent;border:none;padding:0px}.ms-modal__profile-option svg{display:inline !important;height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962ff}.ms-modal__profile-option--active{color:#2962ff}.ms-modal__social-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:6px;font-weight:700;font-size:16px;line-height:28px;color:#0a0a0a;background:none;border:1px solid #c9c9c9;cursor:pointer;margin-bottom:8px}.ms-modal__social-button img, .ms-modal__social-button svg{height:16px;margin-right:8px}.ms-modal__social-button[disabled]{background:#f6f6f6}.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;display:flex;justify-content:center;align-items:center}.ms-modal__footer svg{height:12px;width:12px;margin-right:5.5px}");
 }
 // (99:36) 
 function create_if_block_7(ctx) {
@@ -12346,7 +12338,7 @@ function create_fragment(ctx) {
             if (if_block)
                 if_block.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-12czw1s");
+            attr(main, "class", "svelte-1i9w5a4");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);

package/lib/methods/dom/methods.js

@@ -42,7 +42,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hideModal = exports.openModal = exports.handleRedirect = exports.hideLoader = exports.showLoader = exports.showMessage = exports.initDefaultMessageBox = void 0;
 var defaultMessageBox_js_1 = require("../../utils/defaultMessageBox.js");
 var main_dom_js_1 = __importDefault(require("./main-dom.js"));
-var initDefaultMessageBox = function () {
+exports.initDefaultMessageBox = function () {
     if (document.readyState !== "loading") {
         initMessageBoxes();
     }
@@ -52,15 +52,14 @@ var initDefaultMessageBox = function () {
         });
     }
     function initMessageBoxes() {
-        (0, defaultMessageBox_js_1.initCSS)();
-        (0, defaultMessageBox_js_1.addSuccessBox)();
-        (0, defaultMessageBox_js_1.addErrorBox)();
+        defaultMessageBox_js_1.initCSS();
+        defaultMessageBox_js_1.addSuccessBox();
+        defaultMessageBox_js_1.addErrorBox();
     }
 };
-exports.initDefaultMessageBox = initDefaultMessageBox;
-var showMessage = function (msg, isError) {
+exports.showMessage = function (msg, isError) {
     if (!document.querySelector("[data-ms-message='success']")) {
-        (0, exports.initDefaultMessageBox)();
+        exports.initDefaultMessageBox();
     }
     var messageBox;
     if (isError) {
@@ -84,8 +83,7 @@ var showMessage = function (msg, isError) {
         messageBox.style.display = "none";
     }, 7000);
 };
-exports.showMessage = showMessage;
-var showLoader = function (element) {
+exports.showLoader = function (element) {
     if (element) {
         element.style.display = "block";
         return;
@@ -107,8 +105,7 @@ var showLoader = function (element) {
         });
     }
 };
-exports.showLoader = showLoader;
-var hideLoader = function (element) {
+exports.hideLoader = function (element) {
     var _a;
     if (element) {
         element.style.display = "none";
@@ -116,16 +113,14 @@ var hideLoader = function (element) {
     }
     (_a = document.querySelector("[data-ms-loader]")) === null || _a === void 0 ? void 0 : _a.remove();
 };
-exports.hideLoader = hideLoader;
-var handleRedirect = function (redirect, redirectOverride) {
+exports.handleRedirect = function (redirect, redirectOverride) {
     if (redirectOverride)
         return (window.location.href = redirectOverride);
     if (redirect && window.location.pathname !== redirect)
         return (window.location.href = redirect);
 };
-exports.handleRedirect = handleRedirect;
 var modal;
-var openModal = function (type, params) {
+exports.openModal = function (type, params) {
     if (params === void 0) { params = {}; }
     return __awaiter(void 0, void 0, void 0, function () {
         var resolveModal, modalPromise;
@@ -145,11 +140,9 @@ var openModal = function (type, params) {
         });
     });
 };
-exports.openModal = openModal;
-var hideModal = function () {
+exports.hideModal = function () {
     var _a;
     modal === null || modal === void 0 ? void 0 : modal.$destroy();
-    (0, exports.hideLoader)();
+    exports.hideLoader();
     (_a = document.querySelector("#msOverlay")) === null || _a === void 0 ? void 0 : _a.remove();
 };
-exports.hideModal = hideModal;