bc-deeplib 1.0.6 → 1.1.1

package/dist/deeplib.js

@@ -1,44 +1,515 @@
-/* eslint-disable */
-/******/ var __webpack_modules__ = ({
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/.pnpm/bondage-club-mod-sdk@1.2.0/node_modules/bondage-club-mod-sdk/dist/bcmodsdk.js
+var require_bcmodsdk = __commonJS({
+  "node_modules/.pnpm/bondage-club-mod-sdk@1.2.0/node_modules/bondage-club-mod-sdk/dist/bcmodsdk.js"(exports) {
+    var bcModSdk = function() {
+      "use strict";
+      const o = "1.2.0";
+      function e(o2) {
+        alert("Mod ERROR:\n" + o2);
+        const e2 = new Error(o2);
+        throw console.error(e2), e2;
+      }
+      __name(e, "e");
+      const t = new TextEncoder();
+      function n(o2) {
+        return !!o2 && "object" == typeof o2 && !Array.isArray(o2);
+      }
+      __name(n, "n");
+      function r(o2) {
+        const e2 = /* @__PURE__ */ new Set();
+        return o2.filter((o3) => !e2.has(o3) && e2.add(o3));
+      }
+      __name(r, "r");
+      const i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+      function c(o2) {
+        a.has(o2) || (a.add(o2), console.warn(o2));
+      }
+      __name(c, "c");
+      function s(o2) {
+        const e2 = [], t2 = /* @__PURE__ */ new Map(), n2 = /* @__PURE__ */ new Set();
+        for (const r3 of f.values()) {
+          const i3 = r3.patching.get(o2.name);
+          if (i3) {
+            e2.push(...i3.hooks);
+            for (const [e3, a2] of i3.patches.entries()) t2.has(e3) && t2.get(e3) !== a2 && c(`ModSDK: Mod '${r3.name}' is patching function ${o2.name} with same pattern that is already applied by different mod, but with different pattern:
+Pattern:
+${e3}
+Patch1:
+${t2.get(e3) || ""}
+Patch2:
+${a2}`), t2.set(e3, a2), n2.add(r3.name);
+          }
+        }
+        e2.sort((o3, e3) => e3.priority - o3.priority);
+        const r2 = function(o3, e3) {
+          if (0 === e3.size) return o3;
+          let t3 = o3.toString().replaceAll("\r\n", "\n");
+          for (const [n3, r3] of e3.entries()) t3.includes(n3) || c(`ModSDK: Patching ${o3.name}: Patch ${n3} not applied`), t3 = t3.replaceAll(n3, r3);
+          return (0, eval)(`(${t3})`);
+        }(o2.original, t2);
+        let i2 = /* @__PURE__ */ __name(function(e3) {
+          var t3, i3;
+          const a2 = null === (i3 = (t3 = m.errorReporterHooks).hookChainExit) || void 0 === i3 ? void 0 : i3.call(t3, o2.name, n2), c2 = r2.apply(this, e3);
+          return null == a2 || a2(), c2;
+        }, "i");
+        for (let t3 = e2.length - 1; t3 >= 0; t3--) {
+          const n3 = e2[t3], r3 = i2;
+          i2 = /* @__PURE__ */ __name(function(e3) {
+            var t4, i3;
+            const a2 = null === (i3 = (t4 = m.errorReporterHooks).hookEnter) || void 0 === i3 ? void 0 : i3.call(t4, o2.name, n3.mod), c2 = n3.hook.apply(this, [e3, (o3) => {
+              if (1 !== arguments.length || !Array.isArray(e3)) throw new Error(`Mod ${n3.mod} failed to call next hook: Expected args to be array, got ${typeof o3}`);
+              return r3.call(this, o3);
+            }]);
+            return null == a2 || a2(), c2;
+          }, "i");
+        }
+        return { hooks: e2, patches: t2, patchesSources: n2, enter: i2, final: r2 };
+      }
+      __name(s, "s");
+      function l(o2, e2 = false) {
+        let r2 = i.get(o2);
+        if (r2) e2 && (r2.precomputed = s(r2));
+        else {
+          let e3 = window;
+          const a2 = o2.split(".");
+          for (let t2 = 0; t2 < a2.length - 1; t2++) if (e3 = e3[a2[t2]], !n(e3)) throw new Error(`ModSDK: Function ${o2} to be patched not found; ${a2.slice(0, t2 + 1).join(".")} is not object`);
+          const c2 = e3[a2[a2.length - 1]];
+          if ("function" != typeof c2) throw new Error(`ModSDK: Function ${o2} to be patched not found`);
+          const l2 = function(o3) {
+            let e4 = -1;
+            for (const n2 of t.encode(o3)) {
+              let o4 = 255 & (e4 ^ n2);
+              for (let e5 = 0; e5 < 8; e5++) o4 = 1 & o4 ? -306674912 ^ o4 >>> 1 : o4 >>> 1;
+              e4 = e4 >>> 8 ^ o4;
+            }
+            return ((-1 ^ e4) >>> 0).toString(16).padStart(8, "0").toUpperCase();
+          }(c2.toString().replaceAll("\r\n", "\n")), d2 = { name: o2, original: c2, originalHash: l2 };
+          r2 = Object.assign(Object.assign({}, d2), { precomputed: s(d2), router: /* @__PURE__ */ __name(() => {
+          }, "router"), context: e3, contextProperty: a2[a2.length - 1] }), r2.router = /* @__PURE__ */ function(o3) {
+            return function(...e4) {
+              return o3.precomputed.enter.apply(this, [e4]);
+            };
+          }(r2), i.set(o2, r2), e3[r2.contextProperty] = r2.router;
+        }
+        return r2;
+      }
+      __name(l, "l");
+      function d() {
+        for (const o2 of i.values()) o2.precomputed = s(o2);
+      }
+      __name(d, "d");
+      function p() {
+        const o2 = /* @__PURE__ */ new Map();
+        for (const [e2, t2] of i) o2.set(e2, { name: e2, original: t2.original, originalHash: t2.originalHash, sdkEntrypoint: t2.router, currentEntrypoint: t2.context[t2.contextProperty], hookedByMods: r(t2.precomputed.hooks.map((o3) => o3.mod)), patchedByMods: Array.from(t2.precomputed.patchesSources) });
+        return o2;
+      }
+      __name(p, "p");
+      const f = /* @__PURE__ */ new Map();
+      function u(o2) {
+        f.get(o2.name) !== o2 && e(`Failed to unload mod '${o2.name}': Not registered`), f.delete(o2.name), o2.loaded = false, d();
+      }
+      __name(u, "u");
+      function g(o2, t2) {
+        o2 && "object" == typeof o2 || e("Failed to register mod: Expected info object, got " + typeof o2), "string" == typeof o2.name && o2.name || e("Failed to register mod: Expected name to be non-empty string, got " + typeof o2.name);
+        let r2 = `'${o2.name}'`;
+        "string" == typeof o2.fullName && o2.fullName || e(`Failed to register mod ${r2}: Expected fullName to be non-empty string, got ${typeof o2.fullName}`), r2 = `'${o2.fullName} (${o2.name})'`, "string" != typeof o2.version && e(`Failed to register mod ${r2}: Expected version to be string, got ${typeof o2.version}`), o2.repository || (o2.repository = void 0), void 0 !== o2.repository && "string" != typeof o2.repository && e(`Failed to register mod ${r2}: Expected repository to be undefined or string, got ${typeof o2.version}`), null == t2 && (t2 = {}), t2 && "object" == typeof t2 || e(`Failed to register mod ${r2}: Expected options to be undefined or object, got ${typeof t2}`);
+        const i2 = true === t2.allowReplace, a2 = f.get(o2.name);
+        a2 && (a2.allowReplace && i2 || e(`Refusing to load mod ${r2}: it is already loaded and doesn't allow being replaced.
+Was the mod loaded multiple times?`), u(a2));
+        const c2 = /* @__PURE__ */ __name((o3) => {
+          let e2 = g2.patching.get(o3.name);
+          return e2 || (e2 = { hooks: [], patches: /* @__PURE__ */ new Map() }, g2.patching.set(o3.name, e2)), e2;
+        }, "c"), s2 = /* @__PURE__ */ __name((o3, t3) => (...n2) => {
+          var i3, a3;
+          const c3 = null === (a3 = (i3 = m.errorReporterHooks).apiEndpointEnter) || void 0 === a3 ? void 0 : a3.call(i3, o3, g2.name);
+          g2.loaded || e(`Mod ${r2} attempted to call SDK function after being unloaded`);
+          const s3 = t3(...n2);
+          return null == c3 || c3(), s3;
+        }, "s"), p2 = { unload: s2("unload", () => u(g2)), hookFunction: s2("hookFunction", (o3, t3, n2) => {
+          "string" == typeof o3 && o3 || e(`Mod ${r2} failed to patch a function: Expected function name string, got ${typeof o3}`);
+          const i3 = l(o3), a3 = c2(i3);
+          "number" != typeof t3 && e(`Mod ${r2} failed to hook function '${o3}': Expected priority number, got ${typeof t3}`), "function" != typeof n2 && e(`Mod ${r2} failed to hook function '${o3}': Expected hook function, got ${typeof n2}`);
+          const s3 = { mod: g2.name, priority: t3, hook: n2 };
+          return a3.hooks.push(s3), d(), () => {
+            const o4 = a3.hooks.indexOf(s3);
+            o4 >= 0 && (a3.hooks.splice(o4, 1), d());
+          };
+        }), patchFunction: s2("patchFunction", (o3, t3) => {
+          "string" == typeof o3 && o3 || e(`Mod ${r2} failed to patch a function: Expected function name string, got ${typeof o3}`);
+          const i3 = l(o3), a3 = c2(i3);
+          n(t3) || e(`Mod ${r2} failed to patch function '${o3}': Expected patches object, got ${typeof t3}`);
+          for (const [n2, i4] of Object.entries(t3)) "string" == typeof i4 ? a3.patches.set(n2, i4) : null === i4 ? a3.patches.delete(n2) : e(`Mod ${r2} failed to patch function '${o3}': Invalid format of patch '${n2}'`);
+          d();
+        }), removePatches: s2("removePatches", (o3) => {
+          "string" == typeof o3 && o3 || e(`Mod ${r2} failed to patch a function: Expected function name string, got ${typeof o3}`);
+          const t3 = l(o3);
+          c2(t3).patches.clear(), d();
+        }), callOriginal: s2("callOriginal", (o3, t3, n2) => {
+          "string" == typeof o3 && o3 || e(`Mod ${r2} failed to call a function: Expected function name string, got ${typeof o3}`);
+          const i3 = l(o3);
+          return Array.isArray(t3) || e(`Mod ${r2} failed to call a function: Expected args array, got ${typeof t3}`), i3.original.apply(null != n2 ? n2 : globalThis, t3);
+        }), getOriginalHash: s2("getOriginalHash", (o3) => {
+          "string" == typeof o3 && o3 || e(`Mod ${r2} failed to get hash: Expected function name string, got ${typeof o3}`);
+          return l(o3).originalHash;
+        }) }, g2 = { name: o2.name, fullName: o2.fullName, version: o2.version, repository: o2.repository, allowReplace: i2, api: p2, loaded: true, patching: /* @__PURE__ */ new Map() };
+        return f.set(o2.name, g2), Object.freeze(p2);
+      }
+      __name(g, "g");
+      function h() {
+        const o2 = [];
+        for (const e2 of f.values()) o2.push({ name: e2.name, fullName: e2.fullName, version: e2.version, repository: e2.repository });
+        return o2;
+      }
+      __name(h, "h");
+      let m;
+      const y = void 0 === window.bcModSdk ? window.bcModSdk = function() {
+        const e2 = { version: o, apiVersion: 1, registerMod: g, getModsInfo: h, getPatchingInfo: p, errorReporterHooks: Object.seal({ apiEndpointEnter: null, hookEnter: null, hookChainExit: null }) };
+        return m = e2, Object.freeze(e2);
+      }() : (n(window.bcModSdk) || e("Failed to init Mod SDK: Name already in use"), 1 !== window.bcModSdk.apiVersion && e(`Failed to init Mod SDK: Different version already loaded ('1.2.0' vs '${window.bcModSdk.version}')`), window.bcModSdk.version !== o && alert(`Mod SDK warning: Loading different but compatible versions ('1.2.0' vs '${window.bcModSdk.version}')
+One of mods you are using is using an old version of SDK. It will work for now but please inform author to update`), window.bcModSdk);
+      return "undefined" != typeof exports && (Object.defineProperty(exports, "__esModule", { value: true }), exports.default = y), y;
+    }();
+  }
+});
+
+// src/base/base_module.ts
+var BaseModule = class {
+  static {
+    __name(this, "BaseModule");
+  }
+  get settingsScreen() {
+    return null;
+  }
+  get settingsStorage() {
+    return this.constructor.name;
+  }
+  get settings() {
+    const modName = ModSdkManager.ModInfo.name;
+    if (!this.settingsStorage) return {};
+    if (!modStorage.playerStorage) {
+      Player[modName] = {};
+      this.registerDefaultSettings();
+    } else if (!modStorage.playerStorage[this.settingsStorage]) this.registerDefaultSettings();
+    return modStorage.playerStorage[this.settingsStorage];
+  }
+  set settings(value) {
+    const modName = ModSdkManager.ModInfo.name;
+    const storage = new ModStorage(modName);
+    if (!this.settingsStorage) return;
+    if (!storage.playerStorage) {
+      Player[modName] = {};
+      this.registerDefaultSettings();
+    } else if (!storage.playerStorage[this.settingsStorage]) this.registerDefaultSettings();
+    storage.playerStorage[this.settingsStorage] = value;
+  }
+  init() {
+    this.registerDefaultSettings();
+  }
+  registerDefaultSettings() {
+    const storage = this.settingsStorage;
+    const defaults = this.defaultSettings;
+    if (!storage || !defaults) return;
+    Player[ModSdkManager.ModInfo.name][storage] = Object.assign(defaults, Player[ModSdkManager.ModInfo.name][storage] ?? {});
+  }
+  get defaultSettings() {
+    return null;
+  }
+  load() {
+  }
+  run() {
+  }
+  unload() {
+  }
+};
 
-/***/ 734:
-/***/ ((__unused_webpack_module, exports) => {
+// src/base/base_subscreen.ts
+function getCurrentSubscreen() {
+  return GUI.instance && GUI.instance.currentSubscreen;
+}
+__name(getCurrentSubscreen, "getCurrentSubscreen");
+function setSubscreen(subscreen) {
+  if (!GUI.instance) {
+    throw new Error("Attempt to set subscreen before init");
+  }
+  GUI.instance.currentSubscreen = subscreen;
+  return GUI.instance.currentSubscreen;
+}
+__name(setSubscreen, "setSubscreen");
+var BaseSubscreen = class _BaseSubscreen {
+  static {
+    __name(this, "BaseSubscreen");
+  }
+  static currentElements = [];
+  static currentPage = 1;
+  options;
+  module;
+  constructor(subscreenOptions, module) {
+    if (module) this.module = module;
+    this.options = subscreenOptions || {};
+  }
+  get name() {
+    return "UNKNOWN";
+  }
+  get icon() {
+    return "";
+  }
+  get subscreenName() {
+    return this.constructor.name;
+  }
+  setSubscreen(screen) {
+    return setSubscreen(screen);
+  }
+  get settings() {
+    return this.module.settings;
+  }
+  set settings(value) {
+    this.module.settings = value;
+  }
+  get pageStructure() {
+    return [[]];
+  }
+  get currentPage() {
+    return this.pageStructure[Math.min(_BaseSubscreen.currentPage - 1, this.pageStructure.length - 1)];
+  }
+  changePage(page, setLabel) {
+    const totalPages = this.pageStructure.length;
+    if (page > totalPages) page = 1;
+    if (page < 1) page = totalPages;
+    _BaseSubscreen.currentPage = page;
+    this.managePageElementsVisibility();
+    setLabel(`${_BaseSubscreen.currentPage} of ${this.pageStructure.length}`);
+  }
+  managePageElementsVisibility() {
+    this.pageStructure.forEach((item, ix) => {
+      if (ix != _BaseSubscreen.currentPage - 1) {
+        item.forEach((setting) => {
+          domUtil.hide(`${setting.id}-container`);
+        });
+      } else {
+        item.forEach((setting) => {
+          domUtil.unhide(`${setting.id}-container`);
+        });
+      }
+    });
+  }
+  load() {
+    for (const module of modules()) {
+      if (!module.settingsScreen) continue;
+      if (!module.settings || !Object.keys(module.settings).length) module.registerDefaultSettings();
+    }
+    _BaseSubscreen.currentPage = 1;
+    layoutElement.createSubscreenDiv();
+    const settingsElement = layoutElement.createSettingsDiv();
+    layoutElement.appendToSubscreenDiv(settingsElement);
+    const menu = ElementMenu.Create("deeplib-nav-menu", []);
+    layoutElement.appendToSubscreenDiv(menu);
+    if (this.pageStructure.length > 1) {
+      const backNext = advancedElement.createBackNext({
+        id: "deeplib-page-back-next",
+        next: /* @__PURE__ */ __name(({ setLabel }) => this.changePage(_BaseSubscreen.currentPage + 1, setLabel), "next"),
+        initialNextTooltip: getText("settings.button.next_button_hint"),
+        back: /* @__PURE__ */ __name(({ setLabel }) => this.changePage(_BaseSubscreen.currentPage - 1, setLabel), "back"),
+        initialPrevTooltip: getText("settings.button.prev_button_hint"),
+        initialLabel: `${_BaseSubscreen.currentPage} of ${this.pageStructure.length}`
+      });
+      ElementMenu.PrependItem(menu, backNext);
+    }
+    const subscreenTitle = advancedElement.createLabel({
+      id: "deeplib-subscreen-title",
+      label: getText(`${this.name}.title`).replace("$ModVersion", ModSdkManager.ModInfo.version)
+    });
+    layoutElement.appendToSubscreenDiv(subscreenTitle);
+    if (this.name !== "mainmenu") {
+      const exitButton = advancedElement.createButton({
+        id: "deeplib-exit",
+        size: [90, 90],
+        image: `${PUBLIC_URL}/dl_images/exit.svg`,
+        onClick: /* @__PURE__ */ __name(() => {
+          this.exit();
+        }, "onClick"),
+        tooltip: getText("settings.button.back_button_hint")
+      });
+      ElementMenu.AppendButton(menu, exitButton);
+    }
+    const tooltip = advancedElement.createTooltip();
+    layoutElement.appendToSubscreenDiv(tooltip);
+    this.pageStructure.forEach(
+      (s) => s.forEach((item) => {
+        let element;
+        switch (item.type) {
+          case "text":
+          case "number":
+          case "color":
+            element = advancedElement.createInput(item);
+            break;
+          case "checkbox":
+            element = advancedElement.createCheckbox(item);
+            break;
+          case "button":
+            element = advancedElement.createButton(item);
+            break;
+          case "label":
+            element = advancedElement.createLabel(item);
+            break;
+          case "custom":
+            element = advancedElement.createCustom(item);
+            break;
+        }
+        layoutElement.appendToSettingsDiv(element);
+      })
+    );
+    this.managePageElementsVisibility();
+    CharacterAppearanceForceUpCharacter = Player.MemberNumber ?? -1;
+  }
+  run() {
+    if (this.options.drawCharacter) DrawCharacter(Player, 50, 50, 0.9, false);
+  }
+  click() {
+  }
+  exit() {
+    CharacterAppearanceForceUpCharacter = -1;
+    CharacterLoadCanvas(Player);
+    setSubscreen("mainmenu");
+    modStorage.save();
+  }
+  resize(onLoad = false) {
+    const offset = this.options.drawCharacter ? 0 : 380;
+    const subscreen = layoutElement.getSubscreenDiv();
+    const settingsDiv = layoutElement.getSettingsDiv();
+    ElementSetPosition(subscreen || "", 0, 0);
+    ElementSetSize(subscreen || "", 2e3, 1e3);
+    ElementSetFontSize(subscreen || "", "auto");
+    if (this.name === "mainmenu") {
+      ElementSetPosition(settingsDiv || "", 530 - offset, 170);
+      ElementSetSize(settingsDiv || "", 600 + offset, 660);
+    } else {
+      ElementSetPosition(settingsDiv || "", 530 - offset, 170);
+      ElementSetSize(settingsDiv || "", 1e3 + offset, 660);
+    }
+    ElementSetPosition("deeplib-subscreen-title", 530 - offset, 75);
+    ElementSetSize("deeplib-subscreen-title", 800, 60);
+    ElementSetPosition("deeplib-nav-menu", 1905, 75, "top-right");
+    ElementSetSize("deeplib-nav-menu", null, 90);
+    ElementSetPosition(advancedElement.getTooltip() || "", 250, 850);
+    ElementSetSize(advancedElement.getTooltip() || "", 1500, 70);
+    _BaseSubscreen.currentElements.forEach((item) => {
+      const options = item[1];
+      domUtil.autoSetPosition(options.id, options.position);
+      domUtil.autoSetSize(options.id, options.size);
+    });
+    if (settingsDiv) {
+      if (domUtil.hasOverflow(settingsDiv)?.vertical) {
+        settingsDiv.classList.add("deeplib-overflow-box");
+      } else {
+        settingsDiv.classList.remove("deeplib-overflow-box");
+      }
+    }
+  }
+  unload() {
+    _BaseSubscreen.currentElements = [];
+    layoutElement.removeSubscreenDiv();
+  }
+};
 
-// Bondage Club Mod Development Kit (1.2.0)
-// For more info see: https://github.com/Jomshir98/bondage-club-mod-sdk
-/** @type {ModSDKGlobalAPI} */
-var bcModSdk=function(){"use strict";const o="1.2.0";function e(o){alert("Mod ERROR:\n"+o);const e=new Error(o);throw console.error(e),e}const t=new TextEncoder;function n(o){return!!o&&"object"==typeof o&&!Array.isArray(o)}function r(o){const e=new Set;return o.filter((o=>!e.has(o)&&e.add(o)))}const i=new Map,a=new Set;function c(o){a.has(o)||(a.add(o),console.warn(o))}function s(o){const e=[],t=new Map,n=new Set;for(const r of f.values()){const i=r.patching.get(o.name);if(i){e.push(...i.hooks);for(const[e,a]of i.patches.entries())t.has(e)&&t.get(e)!==a&&c(`ModSDK: Mod '${r.name}' is patching function ${o.name} with same pattern that is already applied by different mod, but with different pattern:\nPattern:\n${e}\nPatch1:\n${t.get(e)||""}\nPatch2:\n${a}`),t.set(e,a),n.add(r.name)}}e.sort(((o,e)=>e.priority-o.priority));const r=function(o,e){if(0===e.size)return o;let t=o.toString().replaceAll("\r\n","\n");for(const[n,r]of e.entries())t.includes(n)||c(`ModSDK: Patching ${o.name}: Patch ${n} not applied`),t=t.replaceAll(n,r);return(0,eval)(`(${t})`)}(o.original,t);let i=function(e){var t,i;const a=null===(i=(t=m.errorReporterHooks).hookChainExit)||void 0===i?void 0:i.call(t,o.name,n),c=r.apply(this,e);return null==a||a(),c};for(let t=e.length-1;t>=0;t--){const n=e[t],r=i;i=function(e){var t,i;const a=null===(i=(t=m.errorReporterHooks).hookEnter)||void 0===i?void 0:i.call(t,o.name,n.mod),c=n.hook.apply(this,[e,o=>{if(1!==arguments.length||!Array.isArray(e))throw new Error(`Mod ${n.mod} failed to call next hook: Expected args to be array, got ${typeof o}`);return r.call(this,o)}]);return null==a||a(),c}}return{hooks:e,patches:t,patchesSources:n,enter:i,final:r}}function l(o,e=!1){let r=i.get(o);if(r)e&&(r.precomputed=s(r));else{let e=window;const a=o.split(".");for(let t=0;t<a.length-1;t++)if(e=e[a[t]],!n(e))throw new Error(`ModSDK: Function ${o} to be patched not found; ${a.slice(0,t+1).join(".")} is not object`);const c=e[a[a.length-1]];if("function"!=typeof c)throw new Error(`ModSDK: Function ${o} to be patched not found`);const l=function(o){let e=-1;for(const n of t.encode(o)){let o=255&(e^n);for(let e=0;e<8;e++)o=1&o?-306674912^o>>>1:o>>>1;e=e>>>8^o}return((-1^e)>>>0).toString(16).padStart(8,"0").toUpperCase()}(c.toString().replaceAll("\r\n","\n")),d={name:o,original:c,originalHash:l};r=Object.assign(Object.assign({},d),{precomputed:s(d),router:()=>{},context:e,contextProperty:a[a.length-1]}),r.router=function(o){return function(...e){return o.precomputed.enter.apply(this,[e])}}(r),i.set(o,r),e[r.contextProperty]=r.router}return r}function d(){for(const o of i.values())o.precomputed=s(o)}function p(){const o=new Map;for(const[e,t]of i)o.set(e,{name:e,original:t.original,originalHash:t.originalHash,sdkEntrypoint:t.router,currentEntrypoint:t.context[t.contextProperty],hookedByMods:r(t.precomputed.hooks.map((o=>o.mod))),patchedByMods:Array.from(t.precomputed.patchesSources)});return o}const f=new Map;function u(o){f.get(o.name)!==o&&e(`Failed to unload mod '${o.name}': Not registered`),f.delete(o.name),o.loaded=!1,d()}function g(o,t){o&&"object"==typeof o||e("Failed to register mod: Expected info object, got "+typeof o),"string"==typeof o.name&&o.name||e("Failed to register mod: Expected name to be non-empty string, got "+typeof o.name);let r=`'${o.name}'`;"string"==typeof o.fullName&&o.fullName||e(`Failed to register mod ${r}: Expected fullName to be non-empty string, got ${typeof o.fullName}`),r=`'${o.fullName} (${o.name})'`,"string"!=typeof o.version&&e(`Failed to register mod ${r}: Expected version to be string, got ${typeof o.version}`),o.repository||(o.repository=void 0),void 0!==o.repository&&"string"!=typeof o.repository&&e(`Failed to register mod ${r}: Expected repository to be undefined or string, got ${typeof o.version}`),null==t&&(t={}),t&&"object"==typeof t||e(`Failed to register mod ${r}: Expected options to be undefined or object, got ${typeof t}`);const i=!0===t.allowReplace,a=f.get(o.name);a&&(a.allowReplace&&i||e(`Refusing to load mod ${r}: it is already loaded and doesn't allow being replaced.\nWas the mod loaded multiple times?`),u(a));const c=o=>{let e=g.patching.get(o.name);return e||(e={hooks:[],patches:new Map},g.patching.set(o.name,e)),e},s=(o,t)=>(...n)=>{var i,a;const c=null===(a=(i=m.errorReporterHooks).apiEndpointEnter)||void 0===a?void 0:a.call(i,o,g.name);g.loaded||e(`Mod ${r} attempted to call SDK function after being unloaded`);const s=t(...n);return null==c||c(),s},p={unload:s("unload",(()=>u(g))),hookFunction:s("hookFunction",((o,t,n)=>{"string"==typeof o&&o||e(`Mod ${r} failed to patch a function: Expected function name string, got ${typeof o}`);const i=l(o),a=c(i);"number"!=typeof t&&e(`Mod ${r} failed to hook function '${o}': Expected priority number, got ${typeof t}`),"function"!=typeof n&&e(`Mod ${r} failed to hook function '${o}': Expected hook function, got ${typeof n}`);const s={mod:g.name,priority:t,hook:n};return a.hooks.push(s),d(),()=>{const o=a.hooks.indexOf(s);o>=0&&(a.hooks.splice(o,1),d())}})),patchFunction:s("patchFunction",((o,t)=>{"string"==typeof o&&o||e(`Mod ${r} failed to patch a function: Expected function name string, got ${typeof o}`);const i=l(o),a=c(i);n(t)||e(`Mod ${r} failed to patch function '${o}': Expected patches object, got ${typeof t}`);for(const[n,i]of Object.entries(t))"string"==typeof i?a.patches.set(n,i):null===i?a.patches.delete(n):e(`Mod ${r} failed to patch function '${o}': Invalid format of patch '${n}'`);d()})),removePatches:s("removePatches",(o=>{"string"==typeof o&&o||e(`Mod ${r} failed to patch a function: Expected function name string, got ${typeof o}`);const t=l(o);c(t).patches.clear(),d()})),callOriginal:s("callOriginal",((o,t,n)=>{"string"==typeof o&&o||e(`Mod ${r} failed to call a function: Expected function name string, got ${typeof o}`);const i=l(o);return Array.isArray(t)||e(`Mod ${r} failed to call a function: Expected args array, got ${typeof t}`),i.original.apply(null!=n?n:globalThis,t)})),getOriginalHash:s("getOriginalHash",(o=>{"string"==typeof o&&o||e(`Mod ${r} failed to get hash: Expected function name string, got ${typeof o}`);return l(o).originalHash}))},g={name:o.name,fullName:o.fullName,version:o.version,repository:o.repository,allowReplace:i,api:p,loaded:!0,patching:new Map};return f.set(o.name,g),Object.freeze(p)}function h(){const o=[];for(const e of f.values())o.push({name:e.name,fullName:e.fullName,version:e.version,repository:e.repository});return o}let m;const y=void 0===window.bcModSdk?window.bcModSdk=function(){const e={version:o,apiVersion:1,registerMod:g,getModsInfo:h,getPatchingInfo:p,errorReporterHooks:Object.seal({apiEndpointEnter:null,hookEnter:null,hookChainExit:null})};return m=e,Object.freeze(e)}():(n(window.bcModSdk)||e("Failed to init Mod SDK: Name already in use"),1!==window.bcModSdk.apiVersion&&e(`Failed to init Mod SDK: Different version already loaded ('1.2.0' vs '${window.bcModSdk.version}')`),window.bcModSdk.version!==o&&alert(`Mod SDK warning: Loading different but compatible versions ('1.2.0' vs '${window.bcModSdk.version}')\nOne of mods you are using is using an old version of SDK. It will work for now but please inform author to update`),window.bcModSdk);return true&&(Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=y),y}();
+// src/styles/index.scss
+var styles_default = `.deeplib-subscreen,
+.deeplib-modal {
+  --deeplib-background-color: var(--tmd-main, white);
+  --deeplib-element-color: var(--tmd-element, white);
+  --deeplib-element-hover-color: var(--tmd-element-hover, cyan);
+  --deeplib-blocked-color: var(--tmd-blocked, red);
+  --deeplib-text-color: var(--tmd-text, black);
+  --deeplib-icon-color: var(--tmd-accent, white);
+  --deeplib-icon-hover-color: var(--tmd-accent-hover, cyan);
+  --deeplib-border-color: var(--tmd-accent, black);
+  --deeplib-border-width: min(0.2vh, 0.1vw);
+  --deeplib-border-width: min(0.2dvh, 0.1dvw);
+  --deeplib-border-radius: min(1vh, 0.5vw);
+  --deeplib-border-radius: min(1dvh, 0.5dvw);
+}
+
+.deeplib-button {
+  color: var(--deeplib-text-color);
+  width: 100%;
+  height: 100%;
+}
 
+.deeplib-button.button-styling,
+.deeplib-button.button-styling::before {
+  border-radius: min(1dvh, 0.5dvw);
+}
 
-/***/ }),
+.deeplib-button img {
+  position: absolute;
+  top: 0%;
+  left: 0%;
+  width: 100%;
+  height: 100%;
+  background-position: left;
+  background-color: var(--deeplib-icon-color);
+  background-blend-mode: multiply;
+  background-size: contain;
+  mask-position: left;
+  mask-size: contain;
+  background-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  color: transparent;
+  background-image: var(--image);
+  mask-image: var(--image);
+  pointer-events: none;
+}
 
-/***/ 63:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+.deeplib-button:hover img {
+  background-color: var(--deeplib-icon-hover-color);
+}
 
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(973);
-/* harmony import */ var _node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(163);
-/* harmony import */ var _node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
+.deeplib-button .button-label {
+  background-color: transparent !important;
+  color: var(--deeplib-text-color);
+  font-size: min(3.6dvh, 1.8dvw);
+}
 
+.deeplib-button .button-tooltip {
+  border-radius: min(1dvh, 0.5dvw);
+}
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_7_1_2_webpack_5_97_1_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.deeplib-subscreen {
-  --deeplib-background-color: var(--main, white);
-  --deeplib-element-color: var(--element, white);
-  --deeplib-element-hover-color: var(--accentHover, cyan);
-  --deeplib-text-color: var(--text, black);
-  --deeplib-icon-color: var(--accent, white);
-  --deeplib-border-color: var(--accent, black);
+#deeplib-page-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-/************/
-/* ELEMENTS */
-/************/
+#deeplib-subscreen-title {
+  text-align: left;
+  color: var(--deeplib-text-color);
+}
 
 .deeplib-text {
   color: var(--deeplib-text-color);
@@ -47,74 +518,72 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.deeplib-subscreen {
 .deeplib-subscreen {
   padding: 0;
   margin: 0;
+  pointer-events: none;
 }
 
 .deeplib-subscreen * {
   box-sizing: border-box;
+  pointer-events: all;
 }
 
 .deeplib-settings {
-  display: flex;
-  flex-direction: column;
-  padding: min(1.0dvh, 0.5dvw);
+  display: grid;
+  grid-auto-rows: min-content;
+  padding: min(1dvh, 0.5dvw);
   gap: 0.3em;
-  overflow-y: auto;
+  overflow-y: scroll;
 }
 
 .deeplib-misc {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   flex-direction: column-reverse;
+  gap: min(1vh, 0.5vw);
 }
 
-.deeplib-button.button-styling {
-  border-radius: min(1.0dvh, 0.5dvw);
+.deeplib-tooltip {
+  background-color: var(--deeplib-element-color);
   color: var(--deeplib-text-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: min(1dvh, 0.5dvw);
+  padding: min(1vh, 0.5vw);
+  font-size: 0.8em;
+  border: min(0.2vh, 0.1vw) solid var(--deeplib-border-color);
 }
 
-.deeplib-button.button-styling img {
-  position: absolute;
-  top: 0%;
-  left: 0%;
-  width: 100%;
-  height: 100%;
-  background-position: left;
-  background-color: var(--deeplib-icon-color);
-  background-blend-mode: multiply;
-  background-size: contain;
-  mask-position: left;
-  mask-size: contain;
-  background-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  color: transparent;
-
-  background-image: var(--image);
-  mask-image: var(--image);
+.deeplib-overflow-box {
+  border: var(--deeplib-border-color) solid var(--deeplib-border-width);
 }
 
-.deeplib-button.button-styling .button-label {
-  width: 100%;
-  background-color: transparent;
+.deeplib-prev-next {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row;
+  gap: min(2dvh, 1dvw);
+  background-color: var(--deeplib-element-color);
   color: var(--deeplib-text-color);
-  font-size: min(3.6dvh, 1.8dvw);
+  border-radius: min(1dvh, 0.5dvw);
+  border: min(0.2vh, 0.1vw) solid var(--deeplib-border-color);
 }
-
-#deeplib-subscreen-title {
-  text-align: center;
-  color: var(--deeplib-text-color);
+.deeplib-prev-next .deeplib-prev-next-button {
+  height: 100%;
+  aspect-ratio: 1;
 }
-
-#deeplib-reset-button {
-  background-color: indianred;
+.deeplib-prev-next .deeplib-prev-next-button:hover {
+  background-color: var(--deeplib-element-hover-color);
+  border-radius: var(--deeplib-border-radius);
 }
-
-#deeplib-wiki-button {
-  background-color: #BDA203;
+.deeplib-prev-next .deeplib-prev-next-label {
+  white-space: nowrap;
 }
 
-#deeplib-support-button {
-  background-color: #5e4969;
+#deeplib-nav-menu {
+  display: flex;
+  flex-direction: row;
+  gap: min(2dvh, 1dvw);
 }
 
 .deeplib-checkbox-container {
@@ -124,67 +593,49 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.deeplib-subscreen {
   gap: 0.3em;
 }
 
-.deeplib-input {
-  border-radius: min(1.0dvh, 0.5dvw);
+.deeplib-checkbox-container input.deeplib-input {
+  width: min(5vh, 2.5vw);
+  height: min(5vh, 2.5vw);
+  border-radius: min(1dvh, 0.5dvw);
+}
+
+.deeplib-checkbox-container input.deeplib-input[type=checkbox]:checked::before {
+  width: 80%;
+  height: 80%;
 }
 
 .deeplib-input-container {
-  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.3em;
+}
+
+.deeplib-input-container:has(label.deeplib-text) {
   margin-top: min(1vh, 0.5vw);
 }
 
 .deeplib-input-container input.deeplib-input {
-  font-size: 20px;
-  width: 100%;
+  font-size: 0.6em;
   padding: 5px 0;
   background-color: transparent;
   outline: none;
   padding-left: min(1vh, 0.5vw);
   padding-right: min(1vh, 0.5vw);
+  min-height: min(5dvh, 2.5dvw);
+  border-radius: min(1dvh, 0.5dvw);
 }
 
-.deeplib-input-container label.deeplib-text {
-  position: absolute;
-  top: min(0.6vh, 0.3vw);
-  left: min(0.6vh, 0.3vw);
-  transition: all 0.3s ease;
-  pointer-events: none;
-}
-
-.deeplib-input-container input.deeplib-input:focus~label,
-.deeplib-input-container input.deeplib-input:not(:placeholder-shown)~label {
-  font-size: 0.7em;
-  transform: translate(20%, -70%);
-  background-color: var(--deeplib-background-color);
-  padding: 0px min(1vh, 0.5vw);
-}
-
-.deeplib-input-container .deeplib-underline {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  width: 100%;
-  background-color: var(--deeplib-element-hover-color);
-  transform: scaleX(0);
-  transition: all 0.3s ease;
-}
-
-.deeplib-input-container input.deeplib-input:focus~.deeplib-underline,
-.deeplib-input-container input.deeplib-input:not(:placeholder-shown)~.deeplib-underline {
-  transform: scaleX(0.98);
+.deeplib-input-container input.deeplib-input[type=color] {
+  padding: 0px;
+  width: min(5vh, 2.5vw);
+  height: min(5vh, 2.5vw);
+  border-radius: 0px;
 }
 
-.deeplib-tooltip {
-  background-color: var(--deeplib-element-color);
-  color: var(--deeplib-text-color);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: min(1.0dvh, 0.5dvw);
-  padding: min(1vh, 0.5vw);
-  font-size: 0.8em;
-  border: min(0.2vh, 0.1vw) solid var(--deeplib-border-color);
+.deeplib-input-container input.deeplib-input[type=color]:disabled {
+  border: var(--deeplib-blocked-color) solid var(--deeplib-border-width);
+  cursor: not-allowed;
 }
 
 input::-webkit-outer-spin-button,
@@ -198,17 +649,13 @@ input[type=number] {
   -moz-appearance: textfield;
 }
 
-/*************/
-/* MESSAGES */
-/*************/
-
 .deeplib-highlight-text {
   font-weight: bold;
   color: rgb(203, 185, 23);
 }
 
-#TextAreaChatLog[data-colortheme='dark'] div.ChatMessage.deeplib-message,
-#TextAreaChatLog[data-colortheme='dark2'] div.ChatMessage.deeplib-message {
+#TextAreaChatLog[data-colortheme=dark] div.ChatMessage.deeplib-message,
+#TextAreaChatLog[data-colortheme=dark2] div.ChatMessage.deeplib-message {
   background-color: var(--deeplib-element-color);
   border: min(0.2dvh, 0.1dvw) solid var(--deeplib-border-color);
   color: var(--deeplib-text-color);
@@ -223,8 +670,8 @@ input[type=number] {
   white-space: normal;
 }
 
-#TextAreaChatLog[data-colortheme='dark'] div.ChatMessage.deeplib-message a,
-#TextAreaChatLog[data-colortheme='dark2'] div.ChatMessage.deeplib-message a {
+#TextAreaChatLog[data-colortheme=dark] div.ChatMessage.deeplib-message a,
+#TextAreaChatLog[data-colortheme=dark2] div.ChatMessage.deeplib-message a {
   color: var(--deeplib-text-color);
 }
 
@@ -233,1673 +680,1903 @@ input[type=number] {
   font-weight: bold;
   color: #111;
 }
-`, "",{"version":3,"sources":["webpack://./public/styles/DeepLib.css"],"names":[],"mappings":"AAAA;EACE,8CAA8C;EAC9C,8CAA8C;EAC9C,uDAAuD;EACvD,wCAAwC;EACxC,0CAA0C;EAC1C,4CAA4C;AAC9C;;AAEA,aAAa;AACb,aAAa;AACb,aAAa;;AAEb;EACE,gCAAgC;AAClC;;AAEA;EACE,UAAU;EACV,SAAS;AACX;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,4BAA4B;EAC5B,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,8BAA8B;AAChC;;AAEA;EACE,kCAAkC;EAClC,gCAAgC;AAClC;;AAEA;EACE,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,2CAA2C;EAC3C,+BAA+B;EAC/B,wBAAwB;EACxB,mBAAmB;EACnB,kBAAkB;EAClB,4BAA4B;EAC5B,sBAAsB;EACtB,kBAAkB;;EAElB,8BAA8B;EAC9B,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,6BAA6B;EAC7B,gCAAgC;EAChC,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;AAClC;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,UAAU;AACZ;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,2BAA2B;AAC7B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,cAAc;EACd,6BAA6B;EAC7B,aAAa;EACb,6BAA6B;EAC7B,8BAA8B;AAChC;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;AACtB;;AAEA;;EAEE,gBAAgB;EAChB,+BAA+B;EAC/B,iDAAiD;EACjD,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,WAAW;EACX,WAAW;EACX,oDAAoD;EACpD,oBAAoB;EACpB,yBAAyB;AAC3B;;AAEA;;EAEE,uBAAuB;AACzB;;AAEA;EACE,8CAA8C;EAC9C,gCAAgC;EAChC,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kCAAkC;EAClC,wBAAwB;EACxB,gBAAgB;EAChB,2DAA2D;AAC7D;;AAEA;;EAEE,wBAAwB;EACxB,SAAS;AACX;;AAEA;EACE,qBAAqB;EACrB,0BAA0B;AAC5B;;AAEA,cAAc;AACd,aAAa;AACb,cAAc;;AAEd;EACE,iBAAiB;EACjB,wBAAwB;AAC1B;;AAEA;;EAEE,8CAA8C;EAC9C,6DAA6D;EAC7D,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,yCAAyC;EACzC,WAAW;EACX,iCAAiC;EACjC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;EAEE,gCAAgC;AAClC;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;AACb","sourcesContent":[".deeplib-subscreen {\n  --deeplib-background-color: var(--main, white);\n  --deeplib-element-color: var(--element, white);\n  --deeplib-element-hover-color: var(--accentHover, cyan);\n  --deeplib-text-color: var(--text, black);\n  --deeplib-icon-color: var(--accent, white);\n  --deeplib-border-color: var(--accent, black);\n}\n\n/************/\n/* ELEMENTS */\n/************/\n\n.deeplib-text {\n  color: var(--deeplib-text-color);\n}\n\n.deeplib-subscreen {\n  padding: 0;\n  margin: 0;\n}\n\n.deeplib-subscreen * {\n  box-sizing: border-box;\n}\n\n.deeplib-settings {\n  display: flex;\n  flex-direction: column;\n  padding: min(1.0dvh, 0.5dvw);\n  gap: 0.3em;\n  overflow-y: auto;\n}\n\n.deeplib-misc {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: column-reverse;\n}\n\n.deeplib-button.button-styling {\n  border-radius: min(1.0dvh, 0.5dvw);\n  color: var(--deeplib-text-color);\n}\n\n.deeplib-button.button-styling img {\n  position: absolute;\n  top: 0%;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  background-position: left;\n  background-color: var(--deeplib-icon-color);\n  background-blend-mode: multiply;\n  background-size: contain;\n  mask-position: left;\n  mask-size: contain;\n  background-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  color: transparent;\n\n  background-image: var(--image);\n  mask-image: var(--image);\n}\n\n.deeplib-button.button-styling .button-label {\n  width: 100%;\n  background-color: transparent;\n  color: var(--deeplib-text-color);\n  font-size: min(3.6dvh, 1.8dvw);\n}\n\n#deeplib-subscreen-title {\n  text-align: center;\n  color: var(--deeplib-text-color);\n}\n\n#deeplib-reset-button {\n  background-color: indianred;\n}\n\n#deeplib-wiki-button {\n  background-color: #BDA203;\n}\n\n#deeplib-support-button {\n  background-color: #5e4969;\n}\n\n.deeplib-checkbox-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.3em;\n}\n\n.deeplib-input {\n  border-radius: min(1.0dvh, 0.5dvw);\n}\n\n.deeplib-input-container {\n  position: relative;\n  margin-top: min(1vh, 0.5vw);\n}\n\n.deeplib-input-container input.deeplib-input {\n  font-size: 20px;\n  width: 100%;\n  padding: 5px 0;\n  background-color: transparent;\n  outline: none;\n  padding-left: min(1vh, 0.5vw);\n  padding-right: min(1vh, 0.5vw);\n}\n\n.deeplib-input-container label.deeplib-text {\n  position: absolute;\n  top: min(0.6vh, 0.3vw);\n  left: min(0.6vh, 0.3vw);\n  transition: all 0.3s ease;\n  pointer-events: none;\n}\n\n.deeplib-input-container input.deeplib-input:focus~label,\n.deeplib-input-container input.deeplib-input:not(:placeholder-shown)~label {\n  font-size: 0.7em;\n  transform: translate(20%, -70%);\n  background-color: var(--deeplib-background-color);\n  padding: 0px min(1vh, 0.5vw);\n}\n\n.deeplib-input-container .deeplib-underline {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  width: 100%;\n  background-color: var(--deeplib-element-hover-color);\n  transform: scaleX(0);\n  transition: all 0.3s ease;\n}\n\n.deeplib-input-container input.deeplib-input:focus~.deeplib-underline,\n.deeplib-input-container input.deeplib-input:not(:placeholder-shown)~.deeplib-underline {\n  transform: scaleX(0.98);\n}\n\n.deeplib-tooltip {\n  background-color: var(--deeplib-element-color);\n  color: var(--deeplib-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: min(1.0dvh, 0.5dvw);\n  padding: min(1vh, 0.5vw);\n  font-size: 0.8em;\n  border: min(0.2vh, 0.1vw) solid var(--deeplib-border-color);\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number] {\n  appearance: textfield;\n  -moz-appearance: textfield;\n}\n\n/*************/\n/* MESSAGES */\n/*************/\n\n.deeplib-highlight-text {\n  font-weight: bold;\n  color: rgb(203, 185, 23);\n}\n\n#TextAreaChatLog[data-colortheme='dark'] div.ChatMessage.deeplib-message,\n#TextAreaChatLog[data-colortheme='dark2'] div.ChatMessage.deeplib-message {\n  background-color: var(--deeplib-element-color);\n  border: min(0.2dvh, 0.1dvw) solid var(--deeplib-border-color);\n  color: var(--deeplib-text-color);\n}\n\n#TextAreaChatLog div.ChatMessage.deeplib-message {\n  background-color: #eee;\n  border: min(0.2dvh, 0.1dvw) solid #440171;\n  color: #111;\n  padding-left: min(0.6dvh, 0.3dvw);\n  display: block;\n  white-space: normal;\n}\n\n#TextAreaChatLog[data-colortheme='dark'] div.ChatMessage.deeplib-message a,\n#TextAreaChatLog[data-colortheme='dark2'] div.ChatMessage.deeplib-message a {\n  color: var(--deeplib-text-color);\n}\n\n#TextAreaChatLog div.ChatMessage.deeplib-message a {\n  cursor: pointer;\n  font-weight: bold;\n  color: #111;\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 163:
-/***/ ((module) => {
 
+.deeplib-modal {
+  position: fixed;
+  top: 10%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1001;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5em;
+  width: max(50dvw, 25dvh);
+  font-size: min(4dvh, 2dvw);
+  padding: min(2dvh, 1dvw);
+  background-color: var(--deeplib-element-color);
+  border-radius: min(1.2dvh, 0.6dvw);
+  border: min(0.2dvh, 0.1dvw) solid var(--deeplib-border-color);
+  color: var(--deeplib-text-color);
+}
+.deeplib-modal .deeplib-modal-input {
+  width: 100%;
+  font-size: min(2.6dvh, 1.8dvw);
+  border-radius: min(1dvh, 0.5dvw);
+  padding: min(1dvh, 0.5dvw);
+}
+.deeplib-modal input.deeplib-modal-input {
+  max-width: max(50dvh, 25dvw);
+}
+.deeplib-modal .deeplib-modal-button-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5em;
+  width: 100%;
+}
+.deeplib-modal .deeplib-modal-button-container .deeplib-button {
+  font-size: 0.8em;
+  display: flex;
+  width: auto;
+  padding: min(0.4vh, 0.2vw) min(2vh, 1vw);
+}
+.deeplib-modal .deeplib-modal-button-container .deeplib-button .button-label {
+  display: contents;
+}
 
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
+.deeplib-modal-blocker {
+  z-index: 1000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100dvw;
+  height: 100dvh;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL21lZGlhL0Rlby9OVk1FL1N0dWZmL0NvZGUvQkMvQkMtRGVlcExpYi9zcmMvc3R5bGVzIiwic291cmNlcyI6WyJ2YXJzLnNjc3MiLCJidXR0b25zLnNjc3MiLCJlbGVtZW50cy5zY3NzIiwiaW5wdXRzLnNjc3MiLCJtZXNzYWdlcy5zY3NzIiwibW9kYWwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUNiRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUMzQ0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFNRTtFQUNBOztBQU5BO0VBQ0U7RUFDQTs7QUFPSjtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7O0FDdEZGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUM3REY7RUFDRTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7O0FDN0JGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTVI7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kZWVwbGliLXN1YnNjcmVlbixcbi5kZWVwbGliLW1vZGFsIHtcbiAgLS1kZWVwbGliLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXRtZC1tYWluLCB3aGl0ZSk7XG4gIC0tZGVlcGxpYi1lbGVtZW50LWNvbG9yOiB2YXIoLS10bWQtZWxlbWVudCwgd2hpdGUpO1xuICAtLWRlZXBsaWItZWxlbWVudC1ob3Zlci1jb2xvcjogdmFyKC0tdG1kLWVsZW1lbnQtaG92ZXIsIGN5YW4pO1xuICAtLWRlZXBsaWItYmxvY2tlZC1jb2xvcjogdmFyKC0tdG1kLWJsb2NrZWQsIHJlZCk7XG4gIC0tZGVlcGxpYi10ZXh0LWNvbG9yOiB2YXIoLS10bWQtdGV4dCwgYmxhY2spO1xuICAtLWRlZXBsaWItaWNvbi1jb2xvcjogdmFyKC0tdG1kLWFjY2VudCwgd2hpdGUpO1xuICAtLWRlZXBsaWItaWNvbi1ob3Zlci1jb2xvcjogdmFyKC0tdG1kLWFjY2VudC1ob3ZlciwgY3lhbik7XG4gIC0tZGVlcGxpYi1ib3JkZXItY29sb3I6IHZhcigtLXRtZC1hY2NlbnQsIGJsYWNrKTtcbiAgLS1kZWVwbGliLWJvcmRlci13aWR0aDogbWluKDAuMnZoLCAwLjF2dyk7XG4gIC0tZGVlcGxpYi1ib3JkZXItd2lkdGg6IG1pbigwLjJkdmgsIDAuMWR2dyk7XG4gIC0tZGVlcGxpYi1ib3JkZXItcmFkaXVzOiBtaW4oMXZoLCAwLjV2dyk7XG4gIC0tZGVlcGxpYi1ib3JkZXItcmFkaXVzOiBtaW4oMWR2aCwgMC41ZHZ3KTtcbn1cbiIsIi5kZWVwbGliLWJ1dHRvbiB7XG4gIGNvbG9yOiB2YXIoLS1kZWVwbGliLXRleHQtY29sb3IpO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uZGVlcGxpYi1idXR0b24uYnV0dG9uLXN0eWxpbmcsXG4uZGVlcGxpYi1idXR0b24uYnV0dG9uLXN0eWxpbmc6OmJlZm9yZSB7XG4gIGJvcmRlci1yYWRpdXM6IG1pbigxLjBkdmgsIDAuNWR2dyk7XG59XG5cbi5kZWVwbGliLWJ1dHRvbiBpbWcge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMCU7XG4gIGxlZnQ6IDAlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBsZWZ0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kZWVwbGliLWljb24tY29sb3IpO1xuICBiYWNrZ3JvdW5kLWJsZW5kLW1vZGU6IG11bHRpcGx5O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gIG1hc2stcG9zaXRpb246IGxlZnQ7XG4gIG1hc2stc2l6ZTogY29udGFpbjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgbWFzay1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLWltYWdlKTtcbiAgbWFzay1pbWFnZTogdmFyKC0taW1hZ2UpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLmRlZXBsaWItYnV0dG9uOmhvdmVyIGltZyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZXBsaWItaWNvbi1ob3Zlci1jb2xvcik7XG59XG5cbi5kZWVwbGliLWJ1dHRvbiAuYnV0dG9uLWxhYmVsIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgY29sb3I6IHZhcigtLWRlZXBsaWItdGV4dC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogbWluKDMuNmR2aCwgMS44ZHZ3KTtcbn1cblxuLmRlZXBsaWItYnV0dG9uIC5idXR0b24tdG9vbHRpcCB7XG4gIGJvcmRlci1yYWRpdXM6IG1pbigxLjBkdmgsIDAuNWR2dyk7XG59XG4iLCIjZGVlcGxpYi1wYWdlLWxhYmVsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbiNkZWVwbGliLXN1YnNjcmVlbi10aXRsZSB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGNvbG9yOiB2YXIoLS1kZWVwbGliLXRleHQtY29sb3IpO1xufVxuXG4uZGVlcGxpYi10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWRlZXBsaWItdGV4dC1jb2xvcik7XG59XG5cbi5kZWVwbGliLXN1YnNjcmVlbiB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5kZWVwbGliLXN1YnNjcmVlbiAqIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbn1cblxuLmRlZXBsaWItc2V0dGluZ3Mge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tcm93czogbWluLWNvbnRlbnQ7XG4gIHBhZGRpbmc6IG1pbigxLjBkdmgsIDAuNWR2dyk7XG4gIGdhcDogMC4zZW07XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbn1cblxuLmRlZXBsaWItbWlzYyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgZ2FwOiBtaW4oMXZoLCAwLjV2dyk7XG59XG5cbi5kZWVwbGliLXRvb2x0aXAge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kZWVwbGliLWVsZW1lbnQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tZGVlcGxpYi10ZXh0LWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IG1pbigxLjBkdmgsIDAuNWR2dyk7XG4gIHBhZGRpbmc6IG1pbigxdmgsIDAuNXZ3KTtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgYm9yZGVyOiBtaW4oMC4ydmgsIDAuMXZ3KSBzb2xpZCB2YXIoLS1kZWVwbGliLWJvcmRlci1jb2xvcik7XG59XG5cbi5kZWVwbGliLW92ZXJmbG93LWJveCB7XG4gIGJvcmRlcjogdmFyKC0tZGVlcGxpYi1ib3JkZXItY29sb3IpIHNvbGlkIHZhcigtLWRlZXBsaWItYm9yZGVyLXdpZHRoKTtcbn1cblxuLmRlZXBsaWItcHJldi1uZXh0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IG1pbigyZHZoLCAxZHZ3KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGVlcGxpYi1lbGVtZW50LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWRlZXBsaWItdGV4dC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IG1pbigxLjBkdmgsIDAuNWR2dyk7XG4gIGJvcmRlcjogbWluKDAuMnZoLCAwLjF2dykgc29saWQgdmFyKC0tZGVlcGxpYi1ib3JkZXItY29sb3IpO1xuXG4gIC5kZWVwbGliLXByZXYtbmV4dC1idXR0b24ge1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGVlcGxpYi1lbGVtZW50LWhvdmVyLWNvbG9yKTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWRlZXBsaWItYm9yZGVyLXJhZGl1cyk7XG4gICAgfVxuICAgIFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBhc3BlY3QtcmF0aW86IDE7XG4gIH1cblxuICAuZGVlcGxpYi1wcmV2LW5leHQtbGFiZWwge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIH1cbn1cblxuI2RlZXBsaWItbmF2LW1lbnUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IG1pbigyZHZoLCAxZHZ3KTtcbn0iLCIuZGVlcGxpYi1jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuM2VtO1xufVxuXG4uZGVlcGxpYi1jaGVja2JveC1jb250YWluZXIgaW5wdXQuZGVlcGxpYi1pbnB1dCB7XG4gIHdpZHRoOiBtaW4oNXZoLCAyLjV2dyk7XG4gIGhlaWdodDogbWluKDV2aCwgMi41dncpO1xuICBib3JkZXItcmFkaXVzOiBtaW4oMS4wZHZoLCAwLjVkdncpO1xufVxuXG4uZGVlcGxpYi1jaGVja2JveC1jb250YWluZXIgaW5wdXQuZGVlcGxpYi1pbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06Y2hlY2tlZDo6YmVmb3JlIHtcbiAgd2lkdGg6IDgwJTtcbiAgaGVpZ2h0OiA4MCU7XG59XG5cbi5kZWVwbGliLWlucHV0LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zZW07XG59XG5cbi5kZWVwbGliLWlucHV0LWNvbnRhaW5lcjpoYXMobGFiZWwuZGVlcGxpYi10ZXh0KSB7XG4gIG1hcmdpbi10b3A6IG1pbigxdmgsIDAuNXZ3KTtcbn1cblxuLmRlZXBsaWItaW5wdXQtY29udGFpbmVyIGlucHV0LmRlZXBsaWItaW5wdXQge1xuICBmb250LXNpemU6IDAuNmVtO1xuICBwYWRkaW5nOiA1cHggMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBhZGRpbmctbGVmdDogbWluKDF2aCwgMC41dncpO1xuICBwYWRkaW5nLXJpZ2h0OiBtaW4oMXZoLCAwLjV2dyk7XG4gIG1pbi1oZWlnaHQ6IG1pbig1ZHZoLCAyLjVkdncpO1xuICBib3JkZXItcmFkaXVzOiBtaW4oMS4wZHZoLCAwLjVkdncpO1xufVxuXG5cbi5kZWVwbGliLWlucHV0LWNvbnRhaW5lciBpbnB1dC5kZWVwbGliLWlucHV0W3R5cGU9XCJjb2xvclwiXSB7XG4gIHBhZGRpbmc6IDBweDtcbiAgd2lkdGg6IG1pbig1dmgsIDIuNXZ3KTtcbiAgaGVpZ2h0OiBtaW4oNXZoLCAyLjV2dyk7XG4gIGJvcmRlci1yYWRpdXM6IDBweDtcbn1cblxuLmRlZXBsaWItaW5wdXQtY29udGFpbmVyIGlucHV0LmRlZXBsaWItaW5wdXRbdHlwZT1cImNvbG9yXCJdOmRpc2FibGVkIHtcbiAgYm9yZGVyOiB2YXIoLS1kZWVwbGliLWJsb2NrZWQtY29sb3IpIHNvbGlkIHZhcigtLWRlZXBsaWItYm9yZGVyLXdpZHRoKTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5pbnB1dDo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xufVxuXG5pbnB1dFt0eXBlPW51bWJlcl0ge1xuICBhcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG4gIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xufVxuIiwiLmRlZXBsaWItaGlnaGxpZ2h0LXRleHQge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IHJnYigyMDMsIDE4NSwgMjMpO1xufVxuXG4jVGV4dEFyZWFDaGF0TG9nW2RhdGEtY29sb3J0aGVtZT0nZGFyayddIGRpdi5DaGF0TWVzc2FnZS5kZWVwbGliLW1lc3NhZ2UsXG4jVGV4dEFyZWFDaGF0TG9nW2RhdGEtY29sb3J0aGVtZT0nZGFyazInXSBkaXYuQ2hhdE1lc3NhZ2UuZGVlcGxpYi1tZXNzYWdlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGVlcGxpYi1lbGVtZW50LWNvbG9yKTtcbiAgYm9yZGVyOiBtaW4oMC4yZHZoLCAwLjFkdncpIHNvbGlkIHZhcigtLWRlZXBsaWItYm9yZGVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWRlZXBsaWItdGV4dC1jb2xvcik7XG59XG5cbiNUZXh0QXJlYUNoYXRMb2cgZGl2LkNoYXRNZXNzYWdlLmRlZXBsaWItbWVzc2FnZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIGJvcmRlcjogbWluKDAuMmR2aCwgMC4xZHZ3KSBzb2xpZCAjNDQwMTcxO1xuICBjb2xvcjogIzExMTtcbiAgcGFkZGluZy1sZWZ0OiBtaW4oMC42ZHZoLCAwLjNkdncpO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbn1cblxuI1RleHRBcmVhQ2hhdExvZ1tkYXRhLWNvbG9ydGhlbWU9J2RhcmsnXSBkaXYuQ2hhdE1lc3NhZ2UuZGVlcGxpYi1tZXNzYWdlIGEsXG4jVGV4dEFyZWFDaGF0TG9nW2RhdGEtY29sb3J0aGVtZT0nZGFyazInXSBkaXYuQ2hhdE1lc3NhZ2UuZGVlcGxpYi1tZXNzYWdlIGEge1xuICBjb2xvcjogdmFyKC0tZGVlcGxpYi10ZXh0LWNvbG9yKTtcbn1cblxuI1RleHRBcmVhQ2hhdExvZyBkaXYuQ2hhdE1lc3NhZ2UuZGVlcGxpYi1tZXNzYWdlIGEge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjb2xvcjogIzExMTtcbn1cbiIsIi5kZWVwbGliLW1vZGFsIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDEwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIHotaW5kZXg6IDEwMDE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuNWVtO1xuICB3aWR0aDogbWF4KDUwZHZ3LCAyNWR2aCk7XG4gIGZvbnQtc2l6ZTogbWluKDRkdmgsIDJkdncpO1xuICBwYWRkaW5nOiBtaW4oMmR2aCwgMWR2dyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZXBsaWItZWxlbWVudC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IG1pbigxLjJkdmgsIDAuNmR2dyk7XG4gIGJvcmRlcjogbWluKDAuMmR2aCwgMC4xZHZ3KSBzb2xpZCB2YXIoLS1kZWVwbGliLWJvcmRlci1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1kZWVwbGliLXRleHQtY29sb3IpO1xuXG4gIC5kZWVwbGliLW1vZGFsLWlucHV0IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IG1pbigyLjZkdmgsIDEuOGR2dyk7XG4gICAgYm9yZGVyLXJhZGl1czogbWluKDEuMGR2aCwgMC41ZHZ3KTtcbiAgICBwYWRkaW5nOiBtaW4oMWR2aCwgMC41ZHZ3KTtcbiAgfVxuXG4gIGlucHV0LmRlZXBsaWItbW9kYWwtaW5wdXQge1xuICAgIG1heC13aWR0aDogbWF4KDUwZHZoLCAyNWR2dyk7XG4gIH1cblxuICAuZGVlcGxpYi1tb2RhbC1idXR0b24tY29udGFpbmVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBnYXA6IDAuNWVtO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLmRlZXBsaWItYnV0dG9uIHtcbiAgICAgIGZvbnQtc2l6ZTogMC44ZW07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgd2lkdGg6IGF1dG87XG4gICAgICBwYWRkaW5nOiBtaW4oMC40dmgsIDAuMnZ3KSBtaW4oMnZoLCAxdncpO1xuXG4gICAgICAuYnV0dG9uLWxhYmVsIHtcbiAgICAgICAgZGlzcGxheTogY29udGVudHM7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi5kZWVwbGliLW1vZGFsLWJsb2NrZXIge1xuICB6LWluZGV4OiAxMDAwO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMGR2dztcbiAgaGVpZ2h0OiAxMDBkdmg7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcbn1cbiJdfQ== */`;
+
+// src/base/initialization.ts
+var modStorage;
+function initMod(options) {
+  const sdk = new ModSdkManager(options.modInfo.info, options.modInfo.options);
+  const MOD_NAME = ModSdkManager.ModInfo.name;
+  modStorage = new ModStorage(ModSdkManager.ModInfo.name);
+  Style.injectInline("deeplib-style", styles_default);
+  deepLibLogger.debug(`Init wait for ${MOD_NAME}`);
+  if (CurrentScreen == null || CurrentScreen === "Login") {
+    options.beforeLogin?.();
+    const removeHook = sdk.hookFunction("LoginResponse", 0, (args, next) => {
+      deepLibLogger.debug(`Init for ${MOD_NAME}! LoginResponse caught: `, args);
+      next(args);
+      const response = args[0];
+      if (response === "InvalidNamePassword") return next(args);
+      if (response && typeof response.Name === "string" && typeof response.AccountName === "string") {
+        init(options);
+        removeHook();
       }
+    });
+  } else {
+    deepLibLogger.debug(`Already logged in, initing ${MOD_NAME}`);
+    init(options);
+  }
+  return { sdk };
+}
+__name(initMod, "initMod");
+async function init(options) {
+  const MOD_NAME = ModSdkManager.ModInfo.name;
+  const MOD_VERSION = ModSdkManager.ModInfo.version;
+  if (window[MOD_NAME + "Loaded"]) return;
+  modStorage.load();
+  if (options.pathToTranslationsFolder) {
+    await Localization.init({
+      pathToTranslationsFolder: options.pathToTranslationsFolder
+    });
+  }
+  if (options.modules && !initModules(options.modules)) {
+    unloadMod();
+    return;
+  }
+  if (options.migrators) {
+    for (const m of options.migrators) {
+      VersionModule.registerMigrator(m);
     }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
+  }
+  await options.initFunction?.();
+  if (options.mainMenuOptions)
+    MainMenu.setOptions(options.mainMenuOptions);
+  VersionModule.checkVersionUpdate();
+  for (const m of modules()) {
+    if (m.defaultSettings && hasGetter(m, "defaultSettings") && m.settings && hasSetter(m, "settings")) {
+      if (Object.entries(m.defaultSettings).length === 0) continue;
+      m.settings = deepMergeMatchingProperties(m.defaultSettings, m.settings);
     }
-  };
-  return list;
-};
-
-/***/ }),
+  }
+  window[MOD_NAME + "Loaded"] = true;
+  deepLibLogger.log(`Loaded ${MOD_NAME}! Version: ${MOD_VERSION}`);
+}
+__name(init, "init");
+function initModules(modulesToRegister) {
+  const MOD_NAME = ModSdkManager.ModInfo.name;
+  for (const module of modulesToRegister) {
+    registerModule(module);
+  }
+  for (const module of modules()) {
+    module.init();
+  }
+  for (const module of modules()) {
+    module.load();
+  }
+  for (const module of modules()) {
+    module.run();
+  }
+  deepLibLogger.debug(`Modules Loaded for ${MOD_NAME}.`);
+  return true;
+}
+__name(initModules, "initModules");
+function unloadMod() {
+  const MOD_NAME = ModSdkManager.ModInfo.name;
+  unloadModules();
+  delete window[MOD_NAME + "Loaded"];
+  deepLibLogger.debug(`Unloaded ${MOD_NAME}.`);
+  return true;
+}
+__name(unloadMod, "unloadMod");
+function unloadModules() {
+  for (const module of modules()) {
+    module.unload();
+  }
+}
+__name(unloadModules, "unloadModules");
 
-/***/ 973:
-/***/ ((module) => {
+// src/base/modules.ts
+var modulesMap = /* @__PURE__ */ new Map();
+function modules() {
+  return [...modulesMap.values()];
+}
+__name(modules, "modules");
+function registerModule(module) {
+  modulesMap.set(module.constructor.name, module);
+  return module;
+}
+__name(registerModule, "registerModule");
+function getModule(moduleType) {
+  return modulesMap.get(moduleType);
+}
+__name(getModule, "getModule");
 
+// src/migrators/base_migrator.ts
+var BaseMigrator2 = class {
+  static {
+    __name(this, "BaseMigrator");
+  }
+};
 
-
-module.exports = function (item) {
-  var content = item[1];
-  var cssMapping = item[3];
-  if (!cssMapping) {
-    return content;
-  }
-  if (typeof btoa === "function") {
-    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
-    var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
-    var sourceMapping = "/*# ".concat(data, " */");
-    return [content].concat([sourceMapping]).join("\n");
-  }
-  return [content].join("\n");
-};
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/ 
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ 	// Check if module is in cache
-/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 	if (cachedModule !== undefined) {
-/******/ 		return cachedModule.exports;
-/******/ 	}
-/******/ 	// Create a new module (and put it into the cache)
-/******/ 	var module = __webpack_module_cache__[moduleId] = {
-/******/ 		id: moduleId,
-/******/ 		// no module.loaded needed
-/******/ 		exports: {}
-/******/ 	};
-/******/ 
-/******/ 	// Execute the module function
-/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 
-/******/ 	// Return the exports of the module
-/******/ 	return module.exports;
-/******/ }
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/compat get default export */
-/******/ (() => {
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			() => (module['default']) :
-/******/ 			() => (module);
-/******/ 		__webpack_require__.d(getter, { a: getter });
-/******/ 		return getter;
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-;// ./src/Base/BaseModule.ts
-
-class BaseModule {
-    get settingsScreen() {
-        return null;
-    }
-    get settingsStorage() {
-        return this.constructor.name;
-    }
-    get settings() {
-        const modName = bcSdkMod.ModInfo.name;
-        if (!this.settingsStorage)
-            return {};
-        if (!PlayerStorage()) {
-            Player[modName] = {};
-            this.registerDefaultSettings();
-        }
-        else if (!PlayerStorage()[this.settingsStorage])
-            this.registerDefaultSettings();
-        return PlayerStorage()[this.settingsStorage];
-    }
-    init() {
-        this.registerDefaultSettings();
-    }
-    registerDefaultSettings() {
-        const storage = this.settingsStorage;
-        const defaults = this.defaultSettings;
-        if (!storage || !defaults)
-            return;
-        Player[bcSdkMod.ModInfo.name][storage] = Object.assign(defaults, Player[bcSdkMod.ModInfo.name][storage] ?? {});
-    }
-    get defaultSettings() {
-        return null;
-    }
-    load() { }
-    run() { }
-    unload() { }
-}
-
-;// ./src/Base/BaseSubscreen.ts
-
-class BaseSubscreen {
-    static currentElements = [];
-    static currentPage = 1;
-    module;
-    constructor(module) {
-        if (module)
-            this.module = module;
-    }
-    get name() {
-        return 'UNKNOWN';
-    }
-    get icon() {
-        return '';
-    }
-    get subscreenName() {
-        return this.constructor.name;
-    }
-    setSubscreen(screen) {
-        return setSubscreen(screen);
-    }
-    get settings() {
-        return this.module.settings;
-    }
-    get pageStructure() {
-        return [[]];
-    }
-    get currentPage() {
-        return this.pageStructure[Math.min(PreferencePageCurrent - 1, this.pageStructure.length - 1)];
-    }
-    hideElements() {
-        this.pageStructure.forEach((item, ix) => {
-            if (ix != PreferencePageCurrent - 1) {
-                item.forEach((setting) => {
-                    elementHide({ elementId: setting.id });
-                });
-            }
-        });
-    }
-    load() {
-        for (const module of modules()) {
-            if (!module.settingsScreen)
-                continue;
-            if (!module.settings || !Object.keys(module.settings).length)
-                module.registerDefaultSettings();
-        }
-        elementCreateSubscreenDiv();
-        const settingsElement = elementCreateSettingsDiv();
-        elementAppendToSubscreenDiv(settingsElement);
-        const subscreenTitle = elementCreateLabel({
-            type: 'label',
-            id: 'deeplib-subscreen-title',
-            label: getText('mainmenu.title').replace('$ModVersion', bcSdkMod.ModInfo.version) + '  ' + SupportHelper.getSupporter(),
-        });
-        elementAppendToSubscreenDiv(subscreenTitle);
-        if (this.name !== 'mainmenu') {
-            const exitButton = elementCreateButton({
-                type: 'button',
-                id: 'deeplib-exit',
-                position: [1815, 75],
-                size: [90, 90],
-                image: 'Icons/Exit.png',
-                onClick: () => {
-                    setSubscreen('mainmenu');
-                },
-                tooltip: getText('settings.button.back_button_hint')
-            });
-            elementAppendToSubscreenDiv(exitButton);
-        }
-        const tooltip = elementCreateTooltip();
-        elementAppendToSubscreenDiv(tooltip);
-        this.pageStructure.forEach((s) => s.forEach((item) => {
-            let element;
-            switch (item.type) {
-                case 'text':
-                case 'number':
-                    element = elementCreateInput(item);
-                    break;
-                case 'checkbox':
-                    element = elementCreateCheckbox(item);
-                    break;
-                case 'button':
-                    element = elementCreateButton(item);
-                    break;
-                case 'label':
-                    element = elementCreateLabel(item);
-                    break;
-            }
-            elementAppendToSettingsDiv(element);
-        }));
-        CharacterAppearanceForceUpCharacter = Player.MemberNumber ?? -1;
-    }
-    run() {
-        const newTitle = getText('mainmenu.title').replace('$ModVersion', bcSdkMod.ModInfo.version) + '  ' + SupportHelper.getSupporter();
-        const oldTitle = ElementContent('deeplib-subscreen-title');
-        if (newTitle !== oldTitle) {
-            ElementContent('deeplib-subscreen-title', newTitle);
-        }
-        DrawCharacter(Player, 50, 50, 0.9, false);
-        if (this.pageStructure.length > 1) {
-            MainCanvas.textAlign = 'center';
-            PreferencePageChangeDraw(1595, 75, this.pageStructure.length);
-            MainCanvas.textAlign = 'left';
-        }
-        this.hideElements();
-    }
-    click() {
-        if (this.pageStructure.length > 1)
-            PreferencePageChangeClick(1595, 75, this.pageStructure.length);
-    }
-    exit() {
-        CharacterAppearanceForceUpCharacter = -1;
-        CharacterLoadCanvas(Player);
-        setSubscreen('mainmenu');
-        dataStore();
-    }
-    resize(onLoad = false) {
-        elementSetPosSizeFont({ element: elementGetSubscreenDiv() }, 0, 0, 2000, 1000);
-        if (this.name === 'mainmenu') {
-            elementSetPosSizeFont({ element: elementGetSettingsDiv() }, 530, 170, 800, 660);
-        }
-        else {
-            elementSetPosSizeFont({ element: elementGetSettingsDiv() }, 530, 170, 1000, 660);
-        }
-        elementSetPosSizeFont({ elementId: 'deeplib-subscreen-title' }, 530, 75, 800, 60);
-        elementSetPosition({ element: elementGetTooltip() }, 250, 850);
-        elementSetSize({ element: elementGetTooltip() }, 1500, 60);
-        BaseSubscreen.currentElements.forEach((item) => {
-            const options = item[1];
-            const elementDataAttrs = item[0].dataset;
-            if (options.position || elementDataAttrs.position) {
-                const position = elementDataAttrs?.position?.split('x');
-                const xPos = options?.position?.[0] || parseInt(position?.[0] || 0);
-                const yPos = options?.position?.[1] || parseInt(position?.[1] || 0);
-                elementSetPosition({ elementId: options.id }, xPos, yPos);
-            }
-            if (options.size || elementDataAttrs.size) {
-                const size = elementDataAttrs?.size?.split('x');
-                const width = options?.size?.[0] || parseInt(size?.[0] || 0);
-                const height = options?.size?.[1] || parseInt(size?.[1] || 0);
-                elementSetSize({ elementId: options.id }, width, height);
-            }
-            elementAdjustFontSize({ elementId: options.id });
-        });
-    }
-    unload() {
-        this.pageStructure.forEach((s) => s.forEach((item) => {
-            switch (item.type) {
-                case 'text':
-                    item.setSettingValue(ElementValue(item.id));
-                    break;
-                case 'checkbox': {
-                    const elem = document.getElementById(item.id);
-                    const checked = elem.checked;
-                    item.setSettingValue(checked);
-                    break;
-                }
-            }
-        }));
-        BaseSubscreen.currentElements = [];
-        elementRemoveSubscreenDiv();
-    }
-}
-
-// EXTERNAL MODULE: ./public/styles/DeepLib.css
-var DeepLib = __webpack_require__(63);
-;// ./src/Base/Initialization.ts
-
-
-function initMod(initFunction, modules, pathToTranslationsFolder) {
-    const MOD_NAME = bcSdkMod.ModInfo.name;
-    deepLibLogger.debug(`Init wait for ${MOD_NAME}`);
-    if (CurrentScreen == null || CurrentScreen === 'Login') {
-        bcSdkMod.prototype.hookFunction('LoginResponse', 0, (args, next) => {
-            deepLibLogger.debug(`Init for ${MOD_NAME}! LoginResponse caught: `, args);
-            next(args);
-            const response = args[0];
-            if (response === 'InvalidNamePassword')
-                return next(args);
-            if (response && typeof response.Name === 'string' && typeof response.AccountName === 'string') {
-                init(initFunction, modules, pathToTranslationsFolder);
-            }
-        });
-    }
-    else {
-        deepLibLogger.debug(`Already logged in, initing ${MOD_NAME}`);
-        init(initFunction, modules, pathToTranslationsFolder);
-    }
-}
-async function init(initFunction, modules, pathToTranslationsFolder) {
-    const MOD_NAME = bcSdkMod.ModInfo.name;
-    const MOD_VERSION = bcSdkMod.ModInfo.version;
-    if (window[MOD_NAME + 'Loaded'])
-        return;
-    dataTake();
-    Style.inject('deeplib-style', DeepLib/* default */.A);
-    new Localization({ pathToTranslationsFolder: pathToTranslationsFolder });
-    await Localization.init();
-    if (!initModules(modules)) {
-        unloadMod();
-        return;
-    }
-    await initFunction();
-    VersionModule.checkVersionUpdate();
-    VersionModule.checkVersionMigration();
-    window[MOD_NAME + 'Loaded'] = true;
-    deepLibLogger.log(`Loaded ${MOD_NAME}! Version: ${MOD_VERSION}`);
-}
-function initModules(modulesToRegister) {
-    const MOD_NAME = bcSdkMod.ModInfo.name;
-    for (const module of modulesToRegister) {
-        registerModule(module);
-    }
-    for (const module of modules()) {
-        module.init();
+// src/modules/gui.ts
+var GUI = class _GUI extends BaseModule {
+  static {
+    __name(this, "GUI");
+  }
+  static instance = null;
+  _subscreens;
+  _mainMenu;
+  _currentSubscreen = null;
+  _modButtonOptions;
+  get subscreens() {
+    return this._subscreens;
+  }
+  get mainMenu() {
+    return this._mainMenu;
+  }
+  get currentSubscreen() {
+    return this._currentSubscreen;
+  }
+  set currentSubscreen(subscreen) {
+    if (this._currentSubscreen) {
+      this._currentSubscreen.unload();
+    }
+    if (typeof subscreen === "string") {
+      const scr = this._subscreens?.find((s) => s.name === subscreen);
+      if (!scr) throw `Failed to find screen name ${subscreen}`;
+      this._currentSubscreen = scr;
+    } else {
+      this._currentSubscreen = subscreen;
+    }
+    PreferenceMessage = "";
+    PreferencePageCurrent = 1;
+    if (this._currentSubscreen) {
+      this._currentSubscreen.load();
+      this._currentSubscreen.resize(true);
     }
-    for (const module of modules()) {
-        module.load();
+  }
+  constructor(modButtonOptions) {
+    super();
+    if (_GUI.instance) {
+      throw new Error("Duplicate initialization");
     }
     for (const module of modules()) {
-        module.run();
+      if (!module.settingsScreen) continue;
     }
-    deepLibLogger.debug(`Modules Loaded for ${MOD_NAME}.`);
-    return true;
-}
-function unloadMod() {
-    const MOD_NAME = bcSdkMod.ModInfo.name;
-    unloadModules();
-    delete window[MOD_NAME + 'Loaded'];
-    deepLibLogger.debug(`Unloaded ${MOD_NAME}.`);
-    return true;
-}
-function unloadModules() {
+    this._mainMenu = new MainMenu(this);
+    this._subscreens = [this._mainMenu];
+    this._modButtonOptions = modButtonOptions;
+    _GUI.instance = this;
+  }
+  get defaultSettings() {
+    return null;
+  }
+  load() {
     for (const module of modules()) {
-        module.unload();
-    }
-}
-
-;// ./src/Base/Modules.ts
-const modulesMap = new Map();
-function modules() {
-    return [...modulesMap.values()];
-}
-function registerModule(module) {
-    modulesMap.set(module.constructor.name, module);
-    return module;
-}
-function getModule(moduleType) {
-    return modulesMap.get(moduleType);
-}
-
-;// ./src/Base/SettingDefinitions.ts
-
-function getCurrentSubscreen() {
-    return GUI.instance && GUI.instance.currentSubscreen;
-}
-function setSubscreen(subscreen) {
-    if (!GUI.instance) {
-        throw new Error('Attempt to set subscreen before init');
-    }
-    GUI.instance.currentSubscreen = subscreen;
-    return GUI.instance.currentSubscreen;
-}
-
-;// ./src/Migrators/BaseMigrator.ts
-class BaseMigrator {
-}
-
-;// ./src/Modules/GUI.ts
-
-class GUI extends BaseModule {
-    static instance = null;
-    _subscreens;
-    _mainMenu;
-    _currentSubscreen = null;
-    _modButtonOptions;
-    get subscreens() {
-        return this._subscreens;
-    }
-    get mainMenu() {
-        return this._mainMenu;
-    }
-    get currentSubscreen() {
-        return this._currentSubscreen;
-    }
-    set currentSubscreen(subscreen) {
+      if (!module.settingsScreen) continue;
+      this._subscreens.push(new module.settingsScreen({}, module));
+    }
+    this._mainMenu.subscreens = this._subscreens;
+    PreferenceRegisterExtensionSetting({
+      Identifier: this._modButtonOptions.Identifier,
+      ButtonText: this._modButtonOptions.ButtonText,
+      Image: this._modButtonOptions.Image,
+      load: this._modButtonOptions.load || (() => {
+        setSubscreen(new MainMenu(this));
+      }),
+      run: this._modButtonOptions.run || (() => {
         if (this._currentSubscreen) {
-            this._currentSubscreen.unload();
-        }
-        if (typeof subscreen === 'string') {
-            const scr = this._subscreens?.find((s) => s.name === subscreen);
-            if (!scr)
-                throw `Failed to find screen name ${subscreen}`;
-            this._currentSubscreen = scr;
+          MainCanvas.textAlign = "left";
+          this._currentSubscreen.run();
+          MainCanvas.textAlign = "center";
+          const newCanvasPosition = [MainCanvas.canvas.offsetLeft, MainCanvas.canvas.offsetTop, MainCanvas.canvas.clientWidth, MainCanvas.canvas.clientHeight];
+          if (!CommonArraysEqual(newCanvasPosition, DrawCanvasPosition)) {
+            DrawCanvasPosition = newCanvasPosition;
+            this._currentSubscreen.resize(false);
+          }
         }
-        else {
-            this._currentSubscreen = subscreen;
-        }
-        PreferenceMessage = '';
-        PreferencePageCurrent = 1;
+      }),
+      click: this._modButtonOptions.click || (() => {
         if (this._currentSubscreen) {
-            this._currentSubscreen.load();
-            this._currentSubscreen.resize(true);
+          this._currentSubscreen.click();
         }
-    }
-    constructor(modButtonOptions) {
-        super();
-        if (GUI.instance) {
-            throw new Error('Duplicate initialization');
-        }
-        for (const module of modules()) {
-            if (!module.settingsScreen)
-                continue;
+      }),
+      exit: this._modButtonOptions.exit || (() => {
+        if (this._currentSubscreen) {
+          this._currentSubscreen.exit();
         }
-        this._mainMenu = new MainMenu(this);
-        this._subscreens = [this._mainMenu];
-        this._modButtonOptions = modButtonOptions;
-        GUI.instance = this;
-    }
-    get defaultSettings() {
-        return null;
-    }
-    load() {
-        for (const module of modules()) {
-            if (!module.settingsScreen)
-                continue;
-            this._subscreens.push(new module.settingsScreen(module));
+      }),
+      unload: this._modButtonOptions.unload || (() => {
+        if (this._currentSubscreen) {
+          this._currentSubscreen.unload();
         }
-        this._mainMenu.subscreens = this._subscreens;
-        PreferenceRegisterExtensionSetting({
-            Identifier: this._modButtonOptions.Identifier,
-            ButtonText: this._modButtonOptions.ButtonText,
-            Image: this._modButtonOptions.Image,
-            load: this._modButtonOptions.load || (() => {
-                setSubscreen(new MainMenu(this));
-            }),
-            run: this._modButtonOptions.run || (() => {
-                if (this._currentSubscreen) {
-                    MainCanvas.textAlign = 'left';
-                    this._currentSubscreen.run();
-                    MainCanvas.textAlign = 'center';
-                    const newCanvasPosition = [MainCanvas.canvas.offsetLeft, MainCanvas.canvas.offsetTop, MainCanvas.canvas.clientWidth, MainCanvas.canvas.clientHeight];
-                    if (!CommonArraysEqual(newCanvasPosition, DrawCanvasPosition)) {
-                        DrawCanvasPosition = newCanvasPosition;
-                        this._currentSubscreen.resize(false);
-                    }
-                }
-            }),
-            click: this._modButtonOptions.click || (() => {
-                if (this._currentSubscreen) {
-                    this._currentSubscreen.click();
-                }
-            }),
-            exit: this._modButtonOptions.exit || (() => {
-                if (this._currentSubscreen) {
-                    this._currentSubscreen.exit();
-                }
-            }),
-            unload: this._modButtonOptions.unload || (() => {
-                if (this._currentSubscreen) {
-                    this._currentSubscreen.unload();
-                }
-            })
-        });
-    }
-}
-
-;// ./src/Modules/Version.ts
+      })
+    });
+  }
+};
 
-class VersionModule extends BaseModule {
-    static isItNewVersion = false;
-    static Version;
-    static NewVersionMessage = '';
-    static Migrators = [];
-    load() {
-        VersionModule.Version = bcSdkMod.ModInfo.version;
-        bcSdkMod.prototype.hookFunction('ChatRoomSync', HookPriority.Observe, (args, next) => {
-            next(args);
-            if (PlayerStorage().GlobalModule.doShowNewVersionMessage && VersionModule.isItNewVersion) {
-                VersionModule.sendNewVersionMessage();
-            }
-        }, 999);
-    }
-    static checkVersionUpdate() {
-        const PreviousVersion = VersionModule.loadVersion();
-        const CurrentVersion = VersionModule.Version;
-        if (VersionModule.isNewVersion(PreviousVersion, CurrentVersion)) {
-            VersionModule.isItNewVersion = true;
-            VersionModule.saveVersion();
-        }
-    }
-    static checkVersionMigration() {
-        const PreviousVersion = VersionModule.loadVersion();
-        let saveRequired = false;
-        for (const migrator of VersionModule.Migrators) {
-            if (VersionModule.isNewVersion(PreviousVersion, migrator.MigrationVersion)) {
-                saveRequired = saveRequired || migrator.Migrate();
-                deepLibLogger.info(`Migrating ${bcSdkMod.ModInfo.name} from ${PreviousVersion} to ${migrator.MigrationVersion} with ${migrator.constructor.name}`);
-            }
-        }
-        if (saveRequired) {
-            dataStore();
-        }
-    }
-    static registerMigrator(migrator) {
-        VersionModule.Migrators.push(migrator);
-    }
-    static setNewVersionMessage(newVersionMessage) {
-        VersionModule.NewVersionMessage = newVersionMessage;
-    }
-    static sendNewVersionMessage() {
-        sendLocalMessage('deeplib-new-version', VersionModule.NewVersionMessage);
-    }
-    static isNewVersion(current, candidate) {
-        if (current !== undefined) {
-            const CURRENT_ = current.split('.'), CANDIDATE_ = candidate.split('.');
-            for (let i = 0; i < 3; i++) {
-                if (CURRENT_[i] === CANDIDATE_[i]) {
-                    continue;
-                }
-                return CANDIDATE_[i] > CURRENT_[i];
-            }
-        }
-        if (current === undefined || current === '' || !current) {
-            return true;
+// src/modules/version.ts
+var VersionModule = class _VersionModule extends BaseModule {
+  static {
+    __name(this, "VersionModule");
+  }
+  static isItNewVersion = false;
+  static Version;
+  static NewVersionMessage = "";
+  static Migrators = [];
+  load() {
+    _VersionModule.Version = ModSdkManager.ModInfo.version;
+    ModSdkManager.prototype.hookFunction(
+      "ChatRoomSync",
+      HookPriority.Observe,
+      (args, next) => {
+        next(args);
+        if (modStorage.playerStorage.GlobalModule.doShowNewVersionMessage && _VersionModule.isItNewVersion) {
+          _VersionModule.sendNewVersionMessage();
         }
-        return false;
+      },
+      "VersionModule"
+    );
+  }
+  static checkVersionUpdate() {
+    const PreviousVersion = _VersionModule.loadVersion();
+    const CurrentVersion = _VersionModule.Version;
+    if (_VersionModule.isNewVersion(PreviousVersion, CurrentVersion)) {
+      _VersionModule.isItNewVersion = true;
+      _VersionModule.checkVersionMigration();
+      _VersionModule.saveVersion();
+    }
+    modStorage.save();
+  }
+  static checkVersionMigration() {
+    const PreviousVersion = _VersionModule.loadVersion();
+    for (const migrator of _VersionModule.Migrators) {
+      if (_VersionModule.isNewVersion(PreviousVersion, migrator.MigrationVersion)) {
+        migrator.Migrate();
+        deepLibLogger.info(`Migrating ${ModSdkManager.ModInfo.name} from ${PreviousVersion} to ${migrator.MigrationVersion} with ${migrator.constructor.name}`);
+      }
     }
-    static saveVersion() {
-        if (PlayerStorage()) {
-            Player[bcSdkMod.ModInfo.name].Version = VersionModule.Version;
+  }
+  static registerMigrator(migrator) {
+    _VersionModule.Migrators.push(migrator);
+    _VersionModule.Migrators.sort((a, b) => a.MigrationVersion.localeCompare(b.MigrationVersion));
+  }
+  static setNewVersionMessage(newVersionMessage) {
+    _VersionModule.NewVersionMessage = newVersionMessage;
+  }
+  static sendNewVersionMessage() {
+    sendLocalMessage("deeplib-new-version", _VersionModule.NewVersionMessage);
+  }
+  static isNewVersion(current, candidate) {
+    if (current !== void 0) {
+      const CURRENT_ = current.split("."), CANDIDATE_ = candidate.split(".");
+      for (let i = 0; i < 3; i++) {
+        if (CURRENT_[i] === CANDIDATE_[i]) {
+          continue;
         }
+        return CANDIDATE_[i] > CURRENT_[i];
+      }
     }
-    static loadVersion() {
-        return PlayerStorage()?.Version;
-    }
-}
-
-;// ./src/Screens/Debug.ts
-
-class GuiDebug extends BaseSubscreen {
-    get name() {
-        return 'debug';
-    }
-    get pageStructure() {
-        return [[
-                {
-                    type: 'button',
-                    roundness: 50,
-                    id: 'test-deeplib-big-button',
-                    size: [405, 80],
-                    label: 'Big Button',
-                    tooltip: 'This is a big button',
-                    image: 'Icons/Exit.png',
-                    onClick() {
-                        deepLibLogger.info('Big Button Clicked');
-                    }
-                },
-                {
-                    type: 'button',
-                    roundness: 5,
-                    id: 'test-deeplib-small-button',
-                    size: [90, 90],
-                    tooltip: 'This is a small button',
-                    image: 'Icons/Exit.png',
-                    onClick() {
-                        deepLibLogger.info('Small Button Clicked');
-                    }
-                },
-                {
-                    type: 'checkbox',
-                    id: 'test-deeplib-checkbox',
-                    label: 'Checkbox',
-                    description: 'This is a checkbox',
-                    checked: false,
-                    getSettingValue() {
-                        return true;
-                    },
-                    setSettingValue(val) {
-                        deepLibLogger.info('Checkbox value:', val);
-                    },
-                },
-                {
-                    type: 'text',
-                    id: 'test-deeplib-text-input',
-                    label: 'Input',
-                    description: 'This is a text input',
-                    getElementValue() {
-                        return 'Input Value';
-                    },
-                    setSettingValue(val) {
-                        deepLibLogger.info('Input value:', val);
-                    },
-                },
-                {
-                    type: 'number',
-                    id: 'test-deeplib-number-input',
-                    label: 'Input',
-                    description: 'This is a number input',
-                    getElementValue() {
-                        return '123';
-                    },
-                    setSettingValue(val) {
-                        deepLibLogger.info('Input value:', val);
-                    },
-                },
-                {
-                    type: 'label',
-                    id: 'test-deeplib-label',
-                    label: 'Label',
-                    description: 'This is a label',
-                }
-            ]];
-    }
-    load() {
-        super.load();
-    }
-    run() {
-        super.run();
-    }
-    click() { }
-    exit() {
-        super.exit();
+    if (current === void 0 || current === "" || !current) {
+      return true;
     }
-    resize() {
-        super.resize();
+    return false;
+  }
+  static saveVersion() {
+    if (modStorage.playerStorage) {
+      Player[ModSdkManager.ModInfo.name].Version = _VersionModule.Version;
     }
-}
-
-;// ./src/Screens/MainMenu.ts
+  }
+  static loadVersion() {
+    return modStorage.playerStorage?.Version;
+  }
+};
 
-class MainMenu extends BaseSubscreen {
-    subscreens = [];
-    static wikiLink = '';
-    static resetSubscreen = null;
-    get name() {
-        return 'mainmenu';
-    }
-    constructor(module) {
-        super(module);
-        this.subscreens = module.subscreens;
-    }
-    load() {
-        if (!GUI.instance?.currentSubscreen) {
-            this.setSubscreen(this);
-            return;
-        }
-        super.load();
-        const exitButton = elementCreateButton({
-            type: 'button',
-            id: 'exit',
-            position: [1815, 75],
-            size: [90, 90],
-            image: 'Icons/Exit.png',
-            onClick: () => {
-                this.exit();
-            },
-            tooltip: getText('settings.button.back_button_hint')
-        });
-        elementAppendToSubscreenDiv(exitButton);
-        for (const screen of this.subscreens) {
-            if (screen.name == 'mainmenu')
-                continue;
-            const button = elementCreateButton({
-                type: 'button',
-                id: `${screen.name}-button`,
-                image: screen.icon,
-                label: getText(`mainmenu.button.${screen.name}`),
-                onClick: () => {
-                    this.setSubscreen(screen);
-                },
-                size: [450, 90],
-            });
-            elementAppendToSettingsDiv(button);
-        }
-        const miscDiv = elementCreateMiscDiv();
-        elementAppendToSubscreenDiv(miscDiv);
-        if (MainMenu.resetSubscreen) {
-            const resetButton = elementCreateButton({
-                type: 'button',
-                id: 'deeplib-reset-button',
-                image: 'Icons/ServiceBell.png',
-                label: 'Reset',
-                onClick: () => {
-                    this.setSubscreen(MainMenu.resetSubscreen);
-                },
-                size: [405, 80],
-            });
-            elementAppendToMiscDiv(resetButton);
-        }
-        if (MainMenu.wikiLink) {
-            const wikiButton = elementCreateButton({
-                type: 'button',
-                id: 'deeplib-wiki-button',
-                image: 'Icons/Introduction.png',
-                label: 'Wiki',
-                onClick: () => {
-                    window.open(MainMenu.wikiLink, '_blank');
-                },
-                size: [405, 80],
-            });
-            elementAppendToMiscDiv(wikiButton);
+// src/screens/debug.ts
+var GuiDebug = class extends BaseSubscreen {
+  static {
+    __name(this, "GuiDebug");
+  }
+  get name() {
+    return "debug";
+  }
+  get pageStructure() {
+    return [
+      [
+        {
+          type: "button",
+          id: "test-deeplib-big-button",
+          size: [405, 80],
+          label: "Big Button",
+          tooltip: "This is a big button",
+          image: "Icons/Exit.png",
+          onClick() {
+            deepLibLogger.info("Big Button Clicked");
+          }
+        },
+        {
+          type: "button",
+          id: "test-deeplib-small-button",
+          size: [90, 90],
+          tooltip: "This is a small button",
+          image: "Icons/Exit.png",
+          onClick() {
+            deepLibLogger.info("Small Button Clicked");
+          }
+        },
+        {
+          type: "checkbox",
+          id: "test-deeplib-checkbox",
+          label: "Checkbox",
+          description: "This is a checkbox",
+          setElementValue() {
+            return true;
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Checkbox value:", val);
+          }
+        },
+        {
+          type: "text",
+          id: "test-deeplib-text-input",
+          label: "Input",
+          description: "This is a text input",
+          setElementValue() {
+            return "Input Value";
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Input value:", val);
+          }
+        },
+        {
+          type: "number",
+          id: "test-deeplib-number-input",
+          label: "Input",
+          description: "This is a number input",
+          setElementValue() {
+            return "123";
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Input value:", val);
+          }
+        },
+        {
+          type: "label",
+          id: "test-deeplib-label",
+          label: "Label",
+          description: "This is a label"
         }
-        const supportButton = elementCreateButton({
-            type: 'button',
-            id: 'deeplib-support-button',
-            image: 'Assets/Female3DCG/Emoticon/Coffee/Icon.png',
-            label: 'Support',
-            onClick: () => {
-                this.setSubscreen(new GuiSupport());
-            },
-            size: [405, 80],
-        });
-        elementAppendToMiscDiv(supportButton);
-        elementSetPosSizeFont({ elementId: 'deeplib-misc' }, 1500, 670, 405, 260);
-        const debugButton = elementCreateButton({
-            type: 'button',
-            id: 'deeplib-debug-button',
-            image: 'Assets/Female3DCG/Emoticon/Coffee/Icon.png',
-            onClick: () => {
-                this.setSubscreen(new GuiDebug());
-            },
-            size: [90, 90],
-            position: [75, 75],
-        });
-        elementAppendToMiscDiv(debugButton);
-    }
-    run() {
-        super.run();
-    }
-    click() { }
-    exit() {
-        CharacterAppearanceForceUpCharacter = -1;
-        CharacterLoadCanvas(Player);
-        this.setSubscreen(null);
-        PreferenceSubscreenExtensionsClear();
-    }
-    resize() {
-        super.resize();
-        elementSetPosSizeFont({ elementId: 'deeplib-misc' }, 1500, 670, 405, 260);
-    }
-}
-function setMainMenuOptions(wikiLink, resetSubscreen) {
-    MainMenu.wikiLink = wikiLink;
-    MainMenu.resetSubscreen = resetSubscreen;
-}
-
-;// ./src/Screens/Support.ts
-
-class SupportHelper {
-    static thankYouList = ['Ellena', 'weboos', 'Jamie'];
-    static thankYouNext = 0;
-    static thankYou = '';
-    static getSupporter() {
-        if (SupportHelper.thankYouNext < CommonTime())
-            SupportHelper.doNextThankYou();
-        return `${getText('support.other.thankyou')}, ${SupportHelper.thankYou}`;
-    }
-    static doNextThankYou() {
-        if (SupportHelper.thankYou && SupportHelper.thankYouList.length < 2)
-            return;
-        SupportHelper.thankYou = CommonRandomItemFromList(SupportHelper.thankYou, SupportHelper.thankYouList);
-        SupportHelper.thankYouNext = CommonTime() + 5000;
-    }
-}
-class GuiSupport extends BaseSubscreen {
-    get name() {
-        return 'Support';
-    }
-    get currentPage() {
-        return [
-            {
-                type: 'button',
-                id: 'deeplib-support-kofi',
-                size: [405, 80],
-                label: getText('support.button.ko-fi'),
-                image: 'https://storage.ko-fi.com/cdn/nav-logo-stroke.png',
-                onClick() {
-                    window.open('https://ko-fi.com/monikka_bc', '_blank');
-                }
-            },
-            {
-                type: 'button',
-                id: 'deeplib-support-patreon',
-                size: [405, 80],
-                label: getText('support.button.patreon'),
-                image: 'https://c5.patreon.com/external/favicon/rebrand/favicon-32.png?v=af5597c2ef',
-                onClick() {
-                    window.open('https://patreon.com/monikka_bc', '_blank');
-                }
-            }
-        ];
-    }
-    load() {
-        SupportHelper.doNextThankYou();
-        super.load();
-        ElementRemove('deeplib-settngs');
-        ElementCreateDiv('deeplib-gratitude');
-        const elm = document.getElementById('deeplib-gratitude');
-        ElementContent('deeplib-gratitude', gratitudeHtml);
-        elementSetPosSizeFont({ element: elm }, 1000, 250, 400, 400);
-    }
-    run() {
-        super.run();
-    }
-    click() {
-        super.click();
-    }
-    exit() {
-        ElementRemove('deeplib-gratitude');
-        super.exit();
-    }
-    resize() {
-        super.resize();
-        elementSetPosSizeFont({ elementId: 'deeplib-gratitude' }, 1000, 250, 400, 400);
-    }
-}
-const gratitudeHtml = `
-<h1>Dear Supporters!</h1>
-<p>
-  I want to take a moment to express my heartfelt gratitude for considering supporting me. Your willingness to stand by
-  my side in this creative journey means the world to me, and I am truly humbled by your generosity.
-</p>
-<p>
-  Your support goes far beyond the financial contributions; it represents belief in my work and a shared passion for
-  what I do. Your encouragement inspires me to continue developing.
-</p>
-<p>
-  Your support not only helps me sustain and grow as a developer, but also enables me to dedicate more time and
-  resources to producing high-quality mods. It allows me to explore new ideas, enhance my skills, and bring even more
-  meaningful and enjoyable content to you.
-</p>
-<p>Thank you all~</p>
-<p>With love, Monikka♥</p>
-`;
-
-;// ./src/Utilities/Data.ts
-
-const PlayerStorage = () => (typeof Player?.[bcSdkMod.ModInfo.name] === 'object' ?
-    CommonCloneDeep(Player?.[bcSdkMod.ModInfo.name]) :
-    undefined);
-const ExtensionStorage = () => Player.ExtensionSettings[bcSdkMod.ModInfo.name];
-function dataTake(modName = bcSdkMod.ModInfo.name) {
-    if (ExtensionStorage()) {
-        const parsed = JSON.parse(LZString.decompressFromBase64(ExtensionStorage()) || '');
-        Player[modName] = Object.hasOwn(parsed, 'Version') ? parsed : undefined;
-    }
-    else {
-        Player[modName] = {};
-    }
-}
-function dataStore() {
-    const modName = bcSdkMod.ModInfo.name;
-    const modVersion = bcSdkMod.ModInfo.version;
-    if (!ExtensionStorage())
-        Player.ExtensionSettings[modName] = '';
-    const Data = {
-        GlobalModule: {
-            modEnabled: false,
-            doShowNewVersionMessage: false
+      ],
+      [
+        {
+          type: "button",
+          id: "test-deeplib-big-button2",
+          size: [405, 80],
+          label: "Big Button",
+          tooltip: "This is a big button",
+          image: "Icons/Prev.png",
+          onClick() {
+            deepLibLogger.info("Big Button Clicked");
+          }
         },
-        Version: modVersion
-    };
-    for (const module of modules()) {
-        if (!module.settingsStorage)
-            continue;
-        Data[module.settingsStorage] = PlayerStorage()[module.settingsStorage];
-    }
-    Player.ExtensionSettings[modName] = _String.encode(Data);
-    ServerPlayerExtensionSettingsSync(modName);
-}
+        {
+          type: "button",
+          id: "test-deeplib-small-button2",
+          size: [90, 90],
+          tooltip: "This is a small button",
+          image: "Icons/Next.png",
+          onClick() {
+            deepLibLogger.info("Small Button Clicked");
+          }
+        },
+        {
+          type: "checkbox",
+          id: "test-deeplib-checkbox2",
+          label: "Checkbox",
+          description: "This is a checkbox",
+          setElementValue() {
+            return true;
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Checkbox value:", val);
+          }
+        },
+        {
+          type: "text",
+          id: "test-deeplib-text-input2",
+          label: "Input",
+          description: "This is a text input",
+          setElementValue() {
+            return "Input Value";
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Input value:", val);
+          }
+        },
+        {
+          type: "number",
+          id: "test-deeplib-number-input2",
+          label: "Input",
+          description: "This is a number input",
+          setElementValue() {
+            return "123";
+          },
+          setSettingValue(val) {
+            deepLibLogger.info("Input value:", val);
+          }
+        },
+        {
+          type: "label",
+          id: "test-deeplib-label2",
+          label: "Label",
+          description: "This is a label"
+        }
+      ]
+    ];
+  }
+};
 
-;// ./src/Utilities/Elements/.AdvancedElements.ts
-function elementCreateSubscreenDiv() {
-    const subscreenDiv = elementGetSubscreenDiv();
-    if (subscreenDiv) {
-        console.error('Subscreen already exists');
-        return subscreenDiv;
+// src/utilities/common.ts
+function deepMerge(target, source) {
+  if (target === void 0) return source;
+  if (source === void 0) return target;
+  if (typeof target !== "object" || typeof source !== "object") {
+    return source;
+  }
+  for (const key of Object.keys(source)) {
+    if (Array.isArray(source[key]) && Array.isArray(target[key])) {
+      target[key] = [...target[key], ...source[key]];
+    } else if (typeof source[key] === "object" && source[key] !== null) {
+      target[key] = deepMerge(target[key] || {}, source[key]);
+    } else {
+      target[key] = source[key];
     }
-    const div = document.createElement('div');
-    div.id = 'deeplib-subscreen';
-    div.classList.add('deeplib-subscreen', 'HideOnPopup');
-    return document.body.appendChild(div);
-}
-function elementGetSubscreenDiv() {
-    return document.getElementById('deeplib-subscreen') ?? undefined;
-}
-function elementRemoveSubscreenDiv() {
-    return elementGetSubscreenDiv()?.remove();
-}
-function elementAppendToSubscreenDiv(element) {
-    return elementGetSubscreenDiv()?.appendChild(element);
+  }
+  return target;
+}
+__name(deepMerge, "deepMerge");
+function shuffleArray(array) {
+  const temp = JSON.parse(JSON.stringify(array));
+  const ret = [];
+  while (temp.length > 0) {
+    const d = Math.floor(Math.random() * temp.length);
+    ret.push(temp[d]);
+    temp.splice(d, 1);
+  }
+  return ret;
 }
-function elementCreateSettingsDiv() {
-    const settingsDiv = elementGetSettingsDiv();
-    if (settingsDiv) {
-        console.error('Settings screen already exists');
-        return settingsDiv;
+__name(shuffleArray, "shuffleArray");
+function exportToGlobal(name, value) {
+  const keys = name.split(".");
+  let current = globalThis;
+  for (let i = 0; i < keys.length - 1; i++) {
+    if (!current[keys[i]]) {
+      current[keys[i]] = {};
     }
-    const div = document.createElement('div');
-    div.id = 'deeplib-settings';
-    div.classList.add('deeplib-settings');
-    return div;
-}
-function elementGetSettingsDiv() {
-    return document.getElementById('deeplib-settings') ?? undefined;
-}
-function elementAppendToSettingsDiv(element) {
-    return elementGetSettingsDiv()?.appendChild(element);
-}
-function elementCreateMiscDiv() {
-    const miscDiv = elementGetMiscDiv();
-    if (miscDiv) {
-        console.error('Settings screen already exists');
-        return miscDiv;
-    }
-    const div = document.createElement('div');
-    div.id = 'deeplib-misc';
-    div.classList.add('deeplib-misc');
-    return div;
-}
-function elementGetMiscDiv() {
-    return document.getElementById('deeplib-misc');
-}
-function elementAppendToMiscDiv(element) {
-    return elementGetMiscDiv()?.appendChild(element);
-}
-
-;// ./src/Utilities/Elements/.ElementHelpers.ts
-
-const mainCanvasHeight = 1000;
-const mainCanvasWidth = 2000;
-function getRelativeHeight(height) {
-    return height * (MainCanvas.canvas.clientHeight / mainCanvasHeight);
-}
-function getRelativeWidth(width) {
-    return width * (MainCanvas.canvas.clientWidth / mainCanvasWidth);
-}
-function getRelativeY(yPos) {
-    return MainCanvas.canvas.offsetTop + yPos * (MainCanvas.canvas.clientHeight / mainCanvasHeight);
-}
-function getRelativeX(xPos) {
-    return MainCanvas.canvas.offsetLeft + xPos * (MainCanvas.canvas.clientWidth / mainCanvasWidth);
-}
-function elementSetPosition(_, xPos, yPos) {
-    const element = elementGet(_, 'elementSetPosition');
-    if (!element)
-        return;
-    const Top = getRelativeY(yPos);
-    const Left = getRelativeX(xPos);
-    Object.assign(element.style, {
-        position: 'fixed',
-        left: Left + 'px',
-        top: Top + 'px'
-    });
-}
-function elementSetSize(_, width, height) {
-    const element = elementGet(_, 'elementSetSize');
-    if (!element)
-        return;
-    const Height = getRelativeHeight(height);
-    const Width = getRelativeWidth(width);
-    Object.assign(element.style, {
-        width: Width + 'px',
-        height: Height + 'px',
-    });
-}
-function elementAdjustFontSize(_) {
-    const element = elementGet(_, 'elementAdjustFontSize');
-    if (!element)
-        return;
-    const Font = MainCanvas.canvas.clientWidth <= MainCanvas.canvas.clientHeight * 2 ? MainCanvas.canvas.clientWidth / 50 : MainCanvas.canvas.clientHeight / 25;
-    Object.assign(element.style, {
-        fontSize: Font + 'px',
-        fontFamily: CommonGetFontName()
-    });
-}
-function elementSetPosSizeFont(_, xPos, yPos, width, height) {
-    if (elementGet(_, 'elementSetPosSizeFont') === null)
-        return;
-    elementSetPosition(_, xPos, yPos);
-    elementSetSize(_, width, height);
-    elementAdjustFontSize(_);
-}
-function elementHide(_) {
-    const element = elementGet(_, 'elementHide');
-    if (!element)
-        return;
-    element.style.display = 'none';
-}
-function elementUnhide(_) {
-    const element = elementGet(_, 'elementUnhide');
-    if (!element)
-        return;
-    element.style.display = '';
+    current = current[keys[i]];
+  }
+  current[keys[keys.length - 1]] = value;
 }
-function elementGet(_, funcName) {
-    if (!_) {
-        deepLibLogger.warn(`${funcName} called without an elementId or element`);
-        return null;
+__name(exportToGlobal, "exportToGlobal");
+function deepMergeMatchingProperties(mergeTo, mergeFrom) {
+  const mergedObject = { ...mergeTo };
+  for (const key in mergeFrom) {
+    if (mergeFrom[key] !== null && typeof mergeFrom[key] === "object") {
+      mergedObject[key] = deepMergeMatchingProperties(mergedObject[key] || {}, mergeFrom[key]);
+    } else if (key in mergedObject) {
+      mergedObject[key] = mergeFrom[key];
     }
-    const elementId = _.elementId ?? _.element?.id;
-    const element = _.element ?? document.getElementById(_.elementId);
-    if (!element) {
-        deepLibLogger.warn(`A call to ${funcName} was made on non-existent element with id ${elementId}`);
-        return null;
-    }
-    return element;
-}
-
-;// ./src/Utilities/Elements/Button.ts
-
+  }
+  return mergedObject;
+}
+__name(deepMergeMatchingProperties, "deepMergeMatchingProperties");
+function hasGetter(obj, prop) {
+  while (obj && obj !== Object.prototype) {
+    const descriptor = Object.getOwnPropertyDescriptor(obj, prop);
+    if (descriptor?.get) return true;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return false;
+}
+__name(hasGetter, "hasGetter");
+function hasSetter(obj, prop) {
+  while (obj && obj !== Object.prototype) {
+    const descriptor = Object.getOwnPropertyDescriptor(obj, prop);
+    if (descriptor?.set) return true;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return false;
+}
+__name(hasSetter, "hasSetter");
+
+// src/utilities/elements/advanced_elements.ts
+var advancedElement = {
+  createButton: elementCreateButton,
+  createCheckbox: elementCreateCheckbox,
+  createInput: elementCreateInput,
+  createLabel: elementCreateLabel,
+  createCustom: elementCreateCustom,
+  createTooltip: elementCreateTooltip,
+  getTooltip: elementGetTooltip,
+  setTooltip: elementSetTooltip,
+  createBackNext: elementPrevNext
+};
 function elementCreateButton(options) {
-    const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-    const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-    const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-    const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-    const position = options.position ? 'fixed' : '';
-    const button = ElementButton.Create(options.id, () => options.onClick(), {
-        tooltip: options.tooltip,
-        label: options.label,
-        labelPosition: 'center',
-    }, {
-        button: {
-            classList: ['deeplib-button'],
-            children: [
-                {
-                    tag: 'img',
-                    attributes: {
-                        id: `${options.id}-image`,
-                        alt: '',
-                        disabled: options.disabled,
-                        decoding: 'async',
-                        loading: 'lazy',
-                        src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
-                    },
-                    dataAttributes: {
-                        'size': options.size?.join('x'),
-                        'position': options.position?.join('x'),
-                    },
-                    style: {
-                        '--image': `url("${options.image}")`,
-                    }
-                },
-            ],
-            style: {
-                width: width,
-                height: height,
-                left: left,
-                top: top,
-                position: position,
-            }
-        },
-    });
-    BaseSubscreen.currentElements.push([button, options]);
-    return button;
-}
-
-;// ./src/Utilities/Elements/Checkbox.ts
-
-function elementCreateCheckbox(options) {
-    const elem = document.getElementById(options.id);
-    if (elem)
-        return elem;
-    const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-    const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-    const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-    const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-    const position = options.position ? 'fixed' : '';
-    const retElem = ElementCreate({
-        tag: 'div',
-        classList: ['deeplib-checkbox-container'],
-        style: {
-            width: width,
-            height: height,
-            left: left,
-            top: top,
-            position: position,
-        },
-        dataAttributes: {
-            'size': options.size?.join('x'),
-            'position': options.position?.join('x'),
-        },
-        children: [
-            {
-                tag: 'input',
-                classList: ['deeplib-input'],
-                attributes: {
-                    type: 'checkbox',
-                    id: options.id,
-                    checked: options.getSettingValue() || undefined,
-                },
-            },
-            {
-                tag: 'label',
-                classList: ['deeplib-text'],
-                attributes: {
-                    for: options.id,
-                },
-                children: [options.label]
-            },
-        ]
-    });
-    if (options.description) {
-        retElem.addEventListener('mouseover', () => {
-            elementSetTooltip(options.description);
-        });
-        retElem.addEventListener('mouseout', () => {
-            elementSetTooltip('');
-        });
-    }
-    BaseSubscreen.currentElements.push([retElem, options]);
-    return retElem;
-}
-
-;// ./src/Utilities/Elements/Input.ts
-
-function elementCreateInput(options) {
-    const elem = document.getElementById(options.id);
-    if (elem)
-        return elem;
-    const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-    const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-    const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-    const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-    const position = options.position ? 'fixed' : '';
-    const retElem = ElementCreate({
-        tag: 'div',
-        classList: ['deeplib-input-container'],
-        style: {
-            width: width,
-            height: height,
-            left: left,
-            top: top,
-            position: position,
-        },
-        dataAttributes: {
-            'size': options.size?.join('x'),
-            'position': options.position?.join('x'),
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  options.type = "button";
+  const disabled = typeof options?.disabled === "function" ? options?.disabled() : options?.disabled;
+  const button = ElementButton.Create(
+    options.htmlOptions?.id ?? options.id,
+    options.htmlOptions?.onClick ?? options?.onClick ?? (() => {
+    }),
+    deepMerge({
+      tooltip: options.tooltip,
+      label: options.label,
+      labelPosition: "center"
+    }, options.htmlOptions?.options),
+    deepMerge({
+      button: {
+        classList: ["deeplib-button"],
+        attributes: {
+          disabled
         },
         children: [
-            {
-                tag: 'input',
-                classList: ['deeplib-input'],
-                attributes: {
-                    type: options.type,
-                    id: options.id,
-                    placeholder: ' ',
-                },
+          options.image ? {
+            tag: "img",
+            attributes: {
+              id: `${options.id}-image`,
+              alt: "",
+              decoding: "async",
+              loading: "lazy",
+              src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+              // 1x1 transparent image to get rid of broken image
             },
-            {
-                tag: 'label',
-                classList: ['deeplib-text'],
-                attributes: {
-                    for: options.id,
-                },
-                children: [options.label]
-            },
-            {
-                tag: 'div',
-                classList: ['deeplib-underline'],
+            style: {
+              "--image": `url("${options.image}")`
             }
+          } : void 0
         ]
-    });
-    if (options.getElementValue?.()) {
-        const input = document.getElementById(options.id);
-        if (input)
-            input.value = options.getElementValue();
-    }
-    if (options.description) {
-        retElem.addEventListener('mouseover', () => {
-            elementSetTooltip(options.description);
-        });
-        retElem.addEventListener('mouseout', () => {
-            elementSetTooltip('');
-        });
-    }
-    BaseSubscreen.currentElements.push([retElem, options]);
-    return retElem;
-}
-
-;// ./src/Utilities/Elements/Label.ts
-
-function elementCreateLabel(options) {
-    const elem = document.getElementById(options.id);
-    if (elem)
-        return elem;
-    const width = options.size ? getRelativeWidth(options.size[0]) + 'px' : '';
-    const height = options.size ? getRelativeHeight(options.size[1]) + 'px' : '';
-    const left = options.position ? getRelativeX(options.position[0]) + 'px' : '';
-    const top = options.position ? getRelativeY(options.position[1]) + 'px' : '';
-    const position = options.position ? 'fixed' : '';
-    const retElem = ElementCreate({
-        tag: 'span',
-        classList: ['deeplib-label', 'deeplib-text'],
+      }
+    }, options.htmlOptions?.htmlOptions ?? {})
+  );
+  BaseSubscreen.currentElements.push([button, options]);
+  return button;
+}
+__name(elementCreateButton, "elementCreateButton");
+function elementCreateCheckbox(options) {
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  options.type = "checkbox";
+  const disabled = typeof options?.disabled === "function" ? options?.disabled() : options?.disabled;
+  const retElem = ElementCreate({
+    tag: "div",
+    classList: ["deeplib-checkbox-container"],
+    attributes: {
+      id: `${options.id}-container`
+    },
+    children: [
+      deepMerge({
+        tag: "input",
+        classList: ["checkbox", "deeplib-input"],
         attributes: {
-            id: options.id
-        },
-        style: {
-            width: width,
-            height: height,
-            left: left,
-            top: top,
-            position: position,
-        },
-        dataAttributes: {
-            'size': options.size?.join('x'),
-            'position': options.position?.join('x'),
+          type: "checkbox",
+          id: options.id,
+          disabled,
+          checked: options?.setElementValue?.() || void 0
+        }
+      }, options.htmlOptions),
+      {
+        tag: "label",
+        classList: ["deeplib-text"],
+        attributes: {
+          for: options.id
         },
-        children: [
-            options.label,
-        ],
+        children: [options.label]
+      }
+    ],
+    eventListeners: {
+      change: /* @__PURE__ */ __name(() => {
+        options?.setSettingValue?.(document.getElementById(options.id)?.checked);
+      }, "change")
+    }
+  });
+  if (options.description) {
+    retElem.addEventListener("mouseover", () => {
+      elementSetTooltip(options.description || "");
     });
-    if (options.description) {
-        retElem.addEventListener('mouseover', () => {
-            elementSetTooltip(options.description);
-        });
-        retElem.addEventListener('mouseout', () => {
-            elementSetTooltip('');
-        });
-    }
-    BaseSubscreen.currentElements.push([retElem, options]);
-    return retElem;
-}
-
-;// ./src/Utilities/Elements/Tooltip.ts
-function elementCreateTooltip() {
-    const element = ElementCreate({
-        tag: 'div',
-        classList: ['deeplib-tooltip'],
+    retElem.addEventListener("mouseout", () => {
+      elementSetTooltip("");
+    });
+  }
+  BaseSubscreen.currentElements.push([retElem, options]);
+  return retElem;
+}
+__name(elementCreateCheckbox, "elementCreateCheckbox");
+function elementCreateCustom(options) {
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  options.type = "custom";
+  const retElem = ElementCreate(options.htmlOptions);
+  BaseSubscreen.currentElements.push([retElem, options]);
+  return retElem;
+}
+__name(elementCreateCustom, "elementCreateCustom");
+function elementCreateInput(options) {
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  const disabled = typeof options?.disabled === "function" ? options?.disabled() : options?.disabled;
+  const retElem = ElementCreate({
+    tag: "div",
+    classList: ["deeplib-input-container"],
+    attributes: {
+      id: `${options.id}-container`
+    },
+    children: [
+      deepMerge({
+        tag: "input",
+        classList: ["deeplib-input"],
         attributes: {
-            id: 'deeplib-tooltip'
-        },
-        style: {
-            display: 'none'
+          type: options.type,
+          id: options.id,
+          placeholder: " ",
+          disabled,
+          value: options?.setElementValue?.() || void 0
         }
+      }, options.htmlOptions),
+      options.label ? {
+        tag: "label",
+        classList: ["deeplib-text"],
+        attributes: {
+          for: options.id
+        },
+        children: [options.label]
+      } : void 0
+    ],
+    eventListeners: {
+      input: /* @__PURE__ */ __name(() => {
+        options?.setSettingValue?.(document.getElementById(options.id)?.value);
+      }, "input")
+    }
+  });
+  if (options.description) {
+    retElem.addEventListener("mouseover", () => {
+      elementSetTooltip(options.description || "");
+    });
+    retElem.addEventListener("mouseout", () => {
+      elementSetTooltip("");
+    });
+  }
+  BaseSubscreen.currentElements.push([retElem, options]);
+  return retElem;
+}
+__name(elementCreateInput, "elementCreateInput");
+function elementCreateLabel(options) {
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  options.type = "label";
+  const retElem = ElementCreate(deepMerge({
+    tag: "span",
+    classList: ["deeplib-label", "deeplib-text"],
+    attributes: {
+      id: options.id
+    },
+    children: [
+      options.label
+    ]
+  }, options.htmlOptions));
+  if (options.description) {
+    retElem.addEventListener("mouseover", () => {
+      elementSetTooltip(options.description || "");
     });
-    return element;
+    retElem.addEventListener("mouseout", () => {
+      elementSetTooltip("");
+    });
+  }
+  BaseSubscreen.currentElements.push([retElem, options]);
+  return retElem;
 }
+__name(elementCreateLabel, "elementCreateLabel");
+function elementCreateTooltip() {
+  const element = ElementCreate({
+    tag: "div",
+    classList: ["deeplib-tooltip"],
+    attributes: {
+      id: "deeplib-tooltip"
+    },
+    style: {
+      display: "none"
+    }
+  });
+  return element;
+}
+__name(elementCreateTooltip, "elementCreateTooltip");
 function elementGetTooltip() {
-    return document.getElementById('deeplib-tooltip') ?? undefined;
+  return document.getElementById("deeplib-tooltip") ?? void 0;
 }
+__name(elementGetTooltip, "elementGetTooltip");
 function elementSetTooltip(text) {
-    const element = document.getElementById('deeplib-tooltip');
-    if (!element)
-        return false;
-    element.innerHTML = text;
-    if (text === '')
-        element.style.display = 'none';
-    else
-        element.style.display = '';
-    return true;
-}
-
-;// ./src/Utilities/Logger.ts
-class Logger extends Array {
-    ModName = 'DeepLib';
-    constructor(modName) {
-        super();
-        if (modName) {
-            this.ModName = modName;
+  const element = document.getElementById("deeplib-tooltip");
+  if (!element) return false;
+  element.innerHTML = text;
+  if (text === "") element.style.display = "none";
+  else element.style.display = "";
+  return true;
+}
+__name(elementSetTooltip, "elementSetTooltip");
+function elementPrevNext(options) {
+  const elem = document.getElementById(options.id);
+  if (elem) return elem;
+  const setLabel = /* @__PURE__ */ __name((label) => {
+    const elem2 = document.getElementById(`${options.id}-label`);
+    if (!elem2) return false;
+    elem2.textContent = label;
+  }, "setLabel");
+  const setPrevTooltip = /* @__PURE__ */ __name((tooltip) => {
+    const elem2 = document.getElementById(`deeplib-prev-next-${options.id}-prev-button-tooltip`);
+    if (!elem2) return false;
+    elem2.textContent = tooltip;
+  }, "setPrevTooltip");
+  const setNextTooltip = /* @__PURE__ */ __name((tooltip) => {
+    const elem2 = document.getElementById(`deeplib-prev-next-${options.id}-next-button-tooltip`);
+    if (!elem2) return false;
+    elem2.textContent = tooltip;
+  }, "setNextTooltip");
+  const retElem = ElementCreate({
+    tag: "div",
+    classList: ["deeplib-prev-next"],
+    attributes: {
+      id: options.id
+    },
+    children: [
+      advancedElement.createButton({
+        id: `deeplib-prev-next-${options.id}-prev-button`,
+        image: `${PUBLIC_URL}/dl_images/arrow_left.svg`,
+        onClick: /* @__PURE__ */ __name(() => {
+          options.back({
+            setLabel,
+            setBackTooltip: setPrevTooltip,
+            setNextTooltip
+          });
+        }, "onClick"),
+        tooltip: options.initialPrevTooltip,
+        htmlOptions: {
+          htmlOptions: {
+            button: {
+              classList: ["deeplib-prev-next-button"]
+            }
+          },
+          options: {
+            noStyling: true
+          }
         }
-    }
-    _Log(level, ...args) {
-        const logEntry = {
-            logLevel: level,
-            args: [...args],
-            date: new Date(Date.now())
-        };
-        const userAgent = navigator.userAgent.toLowerCase();
-        if (userAgent.includes('chrome') || userAgent.includes('firefox')) {
-            const color = Logger.colorizeLog(level);
-            args.forEach(arg => {
-                if (typeof arg === 'string') {
-                    arg = `\n%c${arg}`;
-                }
-            });
-            console.log(`%c${this.ModName}:`, color, ...args);
+      }),
+      advancedElement.createLabel({
+        id: `${options.id}-label`,
+        label: options.initialLabel,
+        htmlOptions: {
+          classList: ["deeplib-prev-next-label"]
         }
-        else {
-            console.log(`${this.ModName}:`, ...args);
+      }),
+      advancedElement.createButton({
+        id: `deeplib-prev-next-${options.id}-next-button`,
+        image: `${PUBLIC_URL}/dl_images/arrow_right.svg`,
+        onClick: /* @__PURE__ */ __name(() => {
+          options.next({
+            setLabel,
+            setBackTooltip: setPrevTooltip,
+            setNextTooltip
+          });
+        }, "onClick"),
+        tooltip: options.initialNextTooltip,
+        htmlOptions: {
+          htmlOptions: {
+            button: {
+              classList: ["deeplib-prev-next-button"]
+            }
+          },
+          options: {
+            noStyling: true
+          }
         }
-        this.push(logEntry);
-    }
-    info(...args) {
-        this._Log('info', ...args);
-    }
-    log(...args) {
-        this._Log('log', ...args);
-    }
-    warn(...args) {
-        this._Log('warn', ...args);
-    }
-    error(...args) {
-        this._Log('error', ...args);
+      })
+    ]
+  });
+  return retElem;
+}
+__name(elementPrevNext, "elementPrevNext");
+var Modal = class _Modal {
+  constructor(opts) {
+    this.opts = opts;
+    opts ??= {};
+    opts.closeOnBackdrop ??= true;
+    const promptId = `modal-prompt-${Date.now()}`;
+    this.dialog = ElementCreate({
+      tag: "dialog",
+      classList: ["deeplib-modal"],
+      attributes: {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": promptId
+      },
+      style: {
+        fontFamily: CommonGetFontName()
+      },
+      children: [
+        opts.prompt,
+        {
+          tag: "div",
+          classList: ["deeplib-modal-prompt"],
+          attributes: {
+            id: promptId
+          },
+          children: [
+            opts.input ? this.renderInput(opts.input) : void 0
+          ]
+        },
+        this.renderButtons()
+      ]
+    });
+    this.blocker = this.createBlocker();
+    this.renderButtons();
+    document.body.append(this.createBlocker(), this.dialog);
+    this.setupFocusTrap();
+    if (opts.timeoutMs) {
+      this.timeoutId = window.setTimeout(() => this.close("timeout"), opts.timeoutMs);
     }
-    debug(...args) {
-        this._Log('debug', ...args);
+  }
+  static {
+    __name(this, "Modal");
+  }
+  dialog;
+  blocker;
+  inputEl;
+  timeoutId;
+  static queue = [];
+  static processing = false;
+  show() {
+    return _Modal.enqueue(this);
+  }
+  static async alert(msg, timeoutMs) {
+    await new _Modal({ prompt: msg, buttons: [{ action: "close", text: "OK" }], timeoutMs }).show();
+  }
+  static async confirm(msg) {
+    const [action] = await new _Modal({ prompt: msg, buttons: [{ text: "Cancel", action: "cancel" }, { text: "OK", action: "ok" }] }).show();
+    return action === "ok";
+  }
+  static async prompt(msg, defaultValue = "") {
+    const [action, value] = await new _Modal({ prompt: msg, timeoutMs: 0, input: { type: "input", defaultValue }, buttons: [{ text: "Cancel", action: "cancel" }, { text: "Submit", action: "submit" }] }).show();
+    return action === "submit" ? value : null;
+  }
+  renderInput(cfg) {
+    const el = document.createElement(cfg.type);
+    el.classList.add("deeplib-modal-input");
+    if (cfg.placeholder) el.placeholder = cfg.placeholder;
+    if (cfg.readOnly) el.readOnly = true;
+    if (cfg.defaultValue) el.value = cfg.defaultValue;
+    if (cfg.type === "textarea") el.rows = 5;
+    el.addEventListener("input", () => {
+      const err = cfg.validate?.(el.value);
+      el.setCustomValidity(err || "");
+    });
+    this.inputEl = el;
+    return el;
+  }
+  renderButtons() {
+    const container = document.createElement("div");
+    container.classList.add("deeplib-modal-button-container");
+    const btns = this.opts.buttons ? [...this.opts.buttons] : [];
+    btns.forEach((b) => {
+      const btn = advancedElement.createButton({
+        label: b.text,
+        id: `deeplib-modal-${b.action}`,
+        disabled: b.disabled,
+        onClick: /* @__PURE__ */ __name(() => this.close(b.action), "onClick")
+      });
+      container.append(btn);
+    });
+    return container;
+  }
+  createBlocker() {
+    const blocker = document.createElement("div");
+    blocker.classList.add("deeplib-modal-blocker");
+    blocker.title = "Click to close";
+    if (this.opts.closeOnBackdrop !== false)
+      blocker.addEventListener("click", () => this.close("close"));
+    return blocker;
+  }
+  setupFocusTrap() {
+    const focusable = 'button, [href], input, textarea, select, [tabindex]:not([tabindex="-1"])';
+    const elements = Array.from(this.dialog.querySelectorAll(focusable));
+    const first = elements[0];
+    const last = elements[elements.length - 1];
+    this.dialog.addEventListener("keydown", (e) => {
+      if (e.key === "Tab") {
+        if (elements.length === 0) {
+          e.preventDefault();
+          return;
+        }
+        if (e.shiftKey) {
+          if (document.activeElement === first) {
+            last.focus();
+            e.preventDefault();
+          }
+        } else {
+          if (document.activeElement === last) {
+            first.focus();
+            e.preventDefault();
+          }
+        }
+      } else if (e.key === "Escape") {
+        e.stopPropagation();
+        this.close("close");
+      }
+    });
+    window.requestAnimationFrame(() => {
+      (this.inputEl || first)?.focus();
+    });
+  }
+  close(action) {
+    if (this.timeoutId) clearTimeout(this.timeoutId);
+    this.dialog.close();
+    this.dialog.remove();
+    this.blocker.remove();
+    document.body.querySelector(".deeplib-modal-blocker")?.remove();
+    const value = this.inputEl?.value ?? "";
+    this.resolve([action, value]);
+    _Modal.dequeue();
+  }
+  /**
+   * An internal function where we will save promise function.
+   */
+  resolve = /* @__PURE__ */ __name(() => {
+  }, "resolve");
+  /** A function that adds a modal to the queue and returns a promise */
+  static enqueue(modal) {
+    _Modal.queue.push(modal);
+    if (!_Modal.processing) _Modal.dequeue();
+    return new Promise((resolve) => modal.resolve = resolve);
+  }
+  /** A function that processes the queue, removing the first modal */
+  static dequeue() {
+    const modal = _Modal.queue.shift();
+    if (modal) {
+      _Modal.processing = true;
+      modal.dialog.show();
+    } else {
+      _Modal.processing = false;
     }
-    static colorizeLog(logLevel) {
-        const colors = {
-            info: 'color: #32CCCC',
-            log: 'color: #CCCC32',
-            warn: 'color: #eec355',
-            error: 'color: #750b0b',
-            debug: 'color: #9E4BCF',
-        };
-        return colors[logLevel];
+  }
+};
+window.Modal = Modal;
+
+// src/screens/main_menu.ts
+var MainMenu = class _MainMenu extends BaseSubscreen {
+  static {
+    __name(this, "MainMenu");
+  }
+  subscreens = [];
+  static options = {};
+  get name() {
+    return "mainmenu";
+  }
+  constructor(module) {
+    super({ drawCharacter: true }, module);
+    this.subscreens = module.subscreens;
+  }
+  load() {
+    if (!GUI.instance?.currentSubscreen) {
+      this.setSubscreen(this);
+      return;
+    }
+    super.load();
+    const exitButton = advancedElement.createButton({
+      id: "exit",
+      size: [90, 90],
+      image: `${PUBLIC_URL}/dl_images/exit.svg`,
+      onClick: /* @__PURE__ */ __name(() => {
+        this.exit();
+      }, "onClick"),
+      tooltip: getText("settings.button.back_button_hint")
+    });
+    const menu = document.getElementById("deeplib-nav-menu");
+    if (menu) {
+      ElementMenu.AppendButton(menu, exitButton);
+    }
+    for (const screen of this.subscreens) {
+      if (screen.name == "mainmenu") continue;
+      const button = advancedElement.createButton({
+        id: `${screen.name}-button`,
+        image: screen.icon,
+        label: getText(`mainmenu.button.${screen.name}`),
+        onClick: /* @__PURE__ */ __name(() => {
+          this.setSubscreen(screen);
+        }, "onClick"),
+        size: [null, 90]
+      });
+      layoutElement.appendToSettingsDiv(button);
+    }
+    const miscDiv = layoutElement.createMiscDiv();
+    layoutElement.appendToSubscreenDiv(miscDiv);
+    if (_MainMenu.options.wikiLink) {
+      const wikiButton = advancedElement.createButton({
+        id: "deeplib-wiki-button",
+        image: `${PUBLIC_URL}/dl_images/notebook.svg`,
+        label: getText("mainmenu.button.wiki"),
+        onClick: /* @__PURE__ */ __name(() => {
+          window.open(_MainMenu.options.wikiLink, "_blank");
+        }, "onClick"),
+        size: [null, 80]
+      });
+      layoutElement.appendToMiscDiv(wikiButton);
+    }
+    if (_MainMenu.options.repoLink) {
+      const repoButton = advancedElement.createButton({
+        id: "deeplib-repo-button",
+        image: `${PUBLIC_URL}/dl_images/git.svg`,
+        label: getText("mainmenu.button.repo"),
+        onClick: /* @__PURE__ */ __name(() => {
+          window.open(_MainMenu.options.repoLink, "_blank");
+        }, "onClick"),
+        size: [null, 80]
+      });
+      layoutElement.appendToMiscDiv(repoButton);
+    }
+    if (_MainMenu.options.resetSubscreen) {
+      const resetButton = advancedElement.createButton({
+        id: "deeplib-reset-button",
+        image: `${PUBLIC_URL}/dl_images/trash_bin.svg`,
+        label: getText("mainmenu.button.reset"),
+        onClick: /* @__PURE__ */ __name(() => {
+          this.setSubscreen(_MainMenu.options.resetSubscreen);
+        }, "onClick"),
+        size: [null, 80]
+      });
+      layoutElement.appendToMiscDiv(resetButton);
+    }
+    if (_MainMenu.options.importExportSubscreen) {
+      const importExportButton = advancedElement.createButton({
+        id: "deeplib-import-export-button",
+        image: `${PUBLIC_URL}/dl_images/transfer.svg`,
+        label: getText("mainmenu.button.import_export"),
+        onClick: /* @__PURE__ */ __name(() => {
+          this.setSubscreen(_MainMenu.options.importExportSubscreen);
+        }, "onClick"),
+        size: [null, 80]
+      });
+      layoutElement.appendToMiscDiv(importExportButton);
+    }
+    if (IS_DEBUG) {
+      const debugButton = advancedElement.createButton({
+        id: "deeplib-debug-button",
+        image: `${PUBLIC_URL}/dl_images/bug.svg`,
+        onClick: /* @__PURE__ */ __name(() => {
+          this.setSubscreen(new GuiDebug());
+        }, "onClick"),
+        size: [90, 90]
+      });
+      if (menu) {
+        ElementMenu.PrependItem(menu, debugButton);
+      }
     }
-}
-const deepLibLogger = new Logger();
+  }
+  run() {
+    super.run();
+  }
+  click() {
+  }
+  exit() {
+    CharacterAppearanceForceUpCharacter = -1;
+    CharacterLoadCanvas(Player);
+    this.setSubscreen(null);
+    PreferenceSubscreenExtensionsClear();
+  }
+  resize() {
+    super.resize();
+    ElementSetPosition("deeplib-misc", 1905, 930, "bottom-right");
+    ElementSetSize("deeplib-misc", 405, null);
+  }
+  static setOptions(mainMenuOptions) {
+    _MainMenu.options = mainMenuOptions;
+  }
+};
 
-;// ./src/Utilities/Messages.ts
-function sendLocalMessage(id, message, timeoutInSeconds) {
-    const div = document.createElement('div');
-    div.id = id;
-    const specialId = id + Date.now();
-    div.classList.add('ChatMessage', 'deeplib-message', specialId);
-    div.setAttribute('data-time', ChatRoomCurrentTime());
-    div.setAttribute('data-sender', Player?.MemberNumber + '');
-    const messageContent = message.replaceAll('\n\t', '') + '<br>';
-    const closeButton = document.createElement('a');
-    closeButton.classList.add('deeplib-text');
-    closeButton.addEventListener('click', () => {
-        div?.remove();
+// src/screens/import_export.ts
+var GuiImportExport = class extends BaseSubscreen {
+  static {
+    __name(this, "GuiImportExport");
+  }
+  importExportOptions;
+  get name() {
+    return "import-export";
+  }
+  constructor(importExportOptions) {
+    super({ drawCharacter: true });
+    this.importExportOptions = importExportOptions;
+  }
+  load() {
+    super.load();
+    const importFromFileButton = advancedElement.createButton({
+      id: "deeplib-import-file-button",
+      size: [600, 90],
+      image: `${PUBLIC_URL}/dl_images/file_import.svg`,
+      onClick: /* @__PURE__ */ __name(() => {
+        this.dataImport("file");
+      }, "onClick"),
+      label: getText("import-export.button.import_file")
     });
-    closeButton.innerHTML = '<b>Close (Click)</b>';
-    div.innerHTML = messageContent;
-    div.append(closeButton);
-    ChatRoomAppendChat(div);
-    if (!timeoutInSeconds)
-        return;
-    setTimeout(() => div?.remove(), timeoutInSeconds * 1000);
-}
-function sendActionMessage(msg, target = undefined, dictionary = []) {
-    if (!msg)
-        return;
-    ServerSend('ChatRoomChat', {
-        Content: 'DEEPLIB_CUSTOM_ACTION',
-        Type: 'Action',
-        Target: target ?? undefined,
-        Dictionary: [
-            { Tag: 'MISSING TEXT IN "Interface.csv": DEEPLIB_CUSTOM_ACTION', Text: msg },
-            ...dictionary,
-        ],
+    layoutElement.appendToSettingsDiv(importFromFileButton);
+    const exportToFileButton = advancedElement.createButton({
+      id: "deeplib-export-file-button",
+      size: [600, 90],
+      image: `${PUBLIC_URL}/dl_images/file_export.svg`,
+      onClick: /* @__PURE__ */ __name(() => {
+        this.dataExport("file");
+      }, "onClick"),
+      label: getText("import-export.button.export_file")
     });
-}
-
-// EXTERNAL MODULE: ./node_modules/.pnpm/bondage-club-mod-sdk@1.2.0/node_modules/bondage-club-mod-sdk/dist/bcmodsdk.js
-var bcmodsdk = __webpack_require__(734);
-var bcmodsdk_default = /*#__PURE__*/__webpack_require__.n(bcmodsdk);
-;// ./src/Utilities/SDK.ts
-
-var HookPriority;
-(function (HookPriority) {
-    HookPriority[HookPriority["Observe"] = 0] = "Observe";
-    HookPriority[HookPriority["AddBehavior"] = 1] = "AddBehavior";
-    HookPriority[HookPriority["ModifyBehavior"] = 5] = "ModifyBehavior";
-    HookPriority[HookPriority["OverrideBehavior"] = 10] = "OverrideBehavior";
-    HookPriority[HookPriority["Top"] = 100] = "Top";
-})(HookPriority || (HookPriority = {}));
-class bcSdkMod {
-    static SDK;
-    static patchedFunctions = new Map();
-    static ModInfo;
-    constructor(info, options) {
-        bcSdkMod.SDK = bcmodsdk_default().registerMod(info, options);
-        bcSdkMod.ModInfo = info;
-    }
-    initPatchableFunction(target) {
-        let result = bcSdkMod.patchedFunctions.get(target);
-        if (!result) {
-            result = {
-                name: target,
-                hooks: []
-            };
-            bcSdkMod.patchedFunctions.set(target, result);
-        }
-        return result;
-    }
-    hookFunction(target, priority, hook, module = null) {
-        const data = this.initPatchableFunction(target);
-        if (data.hooks.some((h) => h.hook === hook)) {
-            return () => null;
-        }
-        const removeCallback = bcSdkMod.SDK?.hookFunction(target, priority, hook);
-        data.hooks.push({
-            hook,
-            priority,
-            module,
-            removeCallback
-        });
-        data.hooks.sort((a, b) => b.priority - a.priority);
-        return removeCallback;
+    layoutElement.appendToSettingsDiv(exportToFileButton);
+    const importFromClipboardButton = advancedElement.createButton({
+      id: "deeplib-import-clipboard-button",
+      size: [600, 90],
+      image: `${PUBLIC_URL}/dl_images/clipboard_import.svg`,
+      onClick: /* @__PURE__ */ __name(() => {
+        this.dataImport("clipboard");
+      }, "onClick"),
+      label: getText("import-export.button.import_clipboard")
+    });
+    layoutElement.appendToSettingsDiv(importFromClipboardButton);
+    const exportToClipboardButton = advancedElement.createButton({
+      id: "deeplib-export-clipboard-button",
+      size: [600, 90],
+      image: `${PUBLIC_URL}/dl_images/clipboard_export.svg`,
+      onClick: /* @__PURE__ */ __name(() => {
+        this.dataExport("clipboard");
+      }, "onClick"),
+      label: getText("import-export.button.export_clipboard")
+    });
+    layoutElement.appendToSettingsDiv(exportToClipboardButton);
+  }
+  resize() {
+    super.resize();
+  }
+  async dataExport(transferMethod) {
+    try {
+      const data = LZString.compressToBase64(JSON.stringify(modStorage.playerStorage));
+      if (transferMethod === "clipboard") {
+        await this.exportToClipboard(data);
+      } else if (transferMethod === "file") {
+        await this.exportToFile(data, "themed_settings");
+      }
+      this.importExportOptions.onExport?.();
+      ToastManager.success("Data exported successfully.");
+    } catch (error) {
+      ToastManager.error("Data export failed.");
+      deepLibLogger.error(`Data export failed for ${ModSdkManager.ModInfo.name}.`, error);
     }
-    patchFunction(target, patches) {
-        this.patchFunction(target, patches);
+  }
+  async dataImport(transferMethod) {
+    try {
+      let importedData = "";
+      if (transferMethod === "clipboard") {
+        importedData = await this.importFromClipboard() ?? null;
+      } else if (transferMethod === "file") {
+        importedData = await this.importFromFile() ?? null;
+      }
+      if (!importedData) {
+        throw new Error("No data imported.");
+      }
+      const data = JSON.parse(LZString.decompressFromBase64(importedData) ?? "");
+      if (!data) {
+        throw new Error("Invalid data.");
+      }
+      modStorage.playerStorage = data;
+      this.importExportOptions.onImport?.();
+      ToastManager.success("Data imported successfully.");
+    } catch (error) {
+      ToastManager.error("Data import failed.");
+      deepLibLogger.error(`Data import failed for ${ModSdkManager.ModInfo.name}.`, error);
     }
-    removeHookByModule(target, module) {
-        const data = this.initPatchableFunction(target);
-        for (let i = data.hooks.length - 1; i >= 0; i--) {
-            if (data.hooks[i].module === module) {
-                data.hooks[i].removeCallback();
-                data.hooks.splice(i, 1);
+  }
+  async exportToFile(data, defaultFileName) {
+    const CUSTOM_EXTENSION = this.importExportOptions.customFileExtension.startsWith(".") ? this.importExportOptions.customFileExtension : "." + this.importExportOptions.customFileExtension;
+    const suggestedName = defaultFileName.endsWith(CUSTOM_EXTENSION) ? defaultFileName : defaultFileName + CUSTOM_EXTENSION;
+    if ("showSaveFilePicker" in window) {
+      try {
+        const handle = await window.showSaveFilePicker({
+          suggestedName,
+          types: [
+            {
+              description: "Custom Data Files",
+              accept: { "text/plain": [CUSTOM_EXTENSION] }
             }
+          ]
+        });
+        const writable = await handle.createWritable();
+        await writable.write(data);
+        await writable.close();
+      } catch (error) {
+        throw new Error("File save cancelled or failed: " + error.message);
+      }
+    } else {
+      const fileName = await Modal.prompt("Enter file name", suggestedName);
+      if (fileName === null) {
+        return;
+      } else if (fileName === "") {
+        throw new Error("File name cannot be empty.");
+      }
+      const blob = new Blob([data], { type: "text/plain" });
+      const link = ElementCreate({
+        tag: "a",
+        attributes: {
+          href: URL.createObjectURL(blob),
+          download: fileName.endsWith(CUSTOM_EXTENSION) ? fileName : fileName + CUSTOM_EXTENSION
         }
-        return true;
+      });
+      link.click();
+      URL.revokeObjectURL(link.href);
     }
-    removeAllHooksByModule(module) {
-        for (const data of bcSdkMod.patchedFunctions.values()) {
-            for (let i = data.hooks.length - 1; i >= 0; i--) {
-                if (data.hooks[i].module === module) {
-                    data.hooks[i].removeCallback();
-                    data.hooks.splice(i, 1);
-                }
+  }
+  async importFromFile() {
+    const CUSTOM_EXTENSION = this.importExportOptions.customFileExtension.startsWith(".") ? this.importExportOptions.customFileExtension : "." + this.importExportOptions.customFileExtension;
+    async function importFromFileInternal(file) {
+      if (!file.name.endsWith(CUSTOM_EXTENSION)) {
+        throw new Error(`Invalid file type. Expected a ${CUSTOM_EXTENSION} file.`);
+      }
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = () => reject(new Error("Failed to read file."));
+        reader.readAsText(file);
+      });
+    }
+    __name(importFromFileInternal, "importFromFileInternal");
+    if ("showOpenFilePicker" in window) {
+      try {
+        const [fileHandle] = await window.showOpenFilePicker({
+          types: [
+            {
+              description: "Custom Data Files",
+              accept: { "text/plain": [CUSTOM_EXTENSION] }
             }
-        }
-        return true;
+          ],
+          multiple: false
+        });
+        const file = await fileHandle.getFile();
+        return await importFromFileInternal(file);
+      } catch (error) {
+        throw new Error("File selection cancelled or failed: " + error.message);
+      }
+    } else {
+      return new Promise((resolve, reject) => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = CUSTOM_EXTENSION;
+        input.onchange = async (event) => {
+          const file = event.target.files?.[0];
+          if (file) {
+            try {
+              const data = await importFromFileInternal(file);
+              resolve(data);
+            } catch (error) {
+              reject(error);
+            }
+          } else {
+            reject(new Error("No file selected."));
+          }
+        };
+        input.click();
+      });
     }
-}
-
-;// ./src/Utilities/String.ts
+  }
+  async exportToClipboard(data) {
+    return navigator.clipboard.writeText(data).catch((error) => {
+      throw new Error("Failed to copy data to clipboard." + error);
+    });
+  }
+  async importFromClipboard() {
+    return Modal.prompt("Enter data to import").catch((error) => {
+      throw new Error("Failed to read data from clipboard." + error);
+    });
+  }
+};
 
-class _String {
-    static encode(string) {
-        return LZString.compressToBase64(JSON.stringify(string));
-    }
-    static decode(string) {
-        const d = LZString.decompressFromBase64(string);
-        let data = {};
-        try {
-            const decoded = JSON.parse(d);
-            data = decoded;
-        }
-        catch (error) {
-            deepLibLogger.error(error);
-        }
-        if (data)
-            return data;
-    }
-    static shuffle(string) {
-        const temp = JSON.parse(JSON.stringify(string));
-        const ret = [];
-        while (temp.length > 0) {
-            const d = Math.floor(Math.random() * temp.length);
-            ret.push(temp[d]);
-            temp.splice(d, 1);
-        }
-        return ret;
+// src/utilities/data.ts
+var ModStorage = class _ModStorage {
+  static {
+    __name(this, "ModStorage");
+  }
+  static _instance = null;
+  modName;
+  constructor(modName) {
+    if (!_ModStorage._instance) {
+      _ModStorage._instance = this;
+      this.modName = modName;
+    }
+    this.modName ??= modName;
+    return _ModStorage._instance;
+  }
+  get playerStorage() {
+    return Player[this.modName];
+  }
+  set playerStorage(value) {
+    Player[this.modName] = value;
+  }
+  get extensionStorage() {
+    return Player.ExtensionSettings[this.modName];
+  }
+  set extensionStorage(value) {
+    Player.ExtensionSettings[this.modName] = value;
+  }
+  setLocalStorage(key, value) {
+    localStorage.setItem(`${this.modName}_${key}`, _ModStorage.dataCompress(value));
+  }
+  getLocalStorage(key) {
+    const data = localStorage.getItem(`${this.modName}_${key}`);
+    if (!data) return null;
+    return _ModStorage.dataDecompress(data);
+  }
+  load() {
+    if (this.extensionStorage) {
+      const parsed = _ModStorage.dataDecompress(this.extensionStorage || "");
+      if (parsed === null || !Object.hasOwn(parsed, "Version")) {
+        this.playerStorage = {};
+      } else {
+        this.playerStorage = parsed;
+      }
+      ;
+    } else {
+      this.playerStorage = {};
     }
-}
+  }
+  save() {
+    if (!this.extensionStorage) this.extensionStorage = "";
+    this.extensionStorage = _ModStorage.dataCompress(this.playerStorage);
+    ServerPlayerExtensionSettingsSync(this.modName);
+  }
+  static dataDecompress(string) {
+    const d = LZString.decompressFromBase64(string);
+    let data = null;
+    try {
+      const decoded = JSON.parse(d);
+      data = decoded;
+    } catch (error) {
+      deepLibLogger.error(error);
+    }
+    return data;
+  }
+  static dataCompress(object) {
+    return LZString.compressToBase64(JSON.stringify(object));
+  }
+};
 
-;// ./src/Utilities/Style.ts
-class Style {
-    static inject(id, styleSource) {
-        const isStyleLoaded = !!document.getElementById(id);
-        if (isStyleLoaded)
-            return;
-        const styleElement = document.createElement('style');
-        styleElement.id = id;
-        styleElement.appendChild(document.createTextNode(styleSource));
-        document.head.appendChild(styleElement);
-    }
-    static eject(id) {
-        const style = document.getElementById(id);
-        if (!style)
-            return;
-        style.remove();
-    }
-    static reload(id, styleSource) {
-        Style.eject(id);
-        Style.inject(id, styleSource);
-    }
+// src/utilities/elements/element_helpers.ts
+var domUtil = {
+  autoSetPosition,
+  autoSetSize,
+  hide,
+  unhide,
+  hasOverflow
+};
+function autoSetPosition(_, position) {
+  let xPos = void 0;
+  let yPos = void 0;
+  if (Array.isArray(position)) {
+    xPos = position[0];
+    yPos = position[1];
+  } else if (typeof position === "function") {
+    const result = position();
+    xPos = result[0];
+    yPos = result[1];
+  }
+  if (xPos !== void 0 && yPos !== void 0) ElementSetPosition(_, xPos, yPos);
+}
+__name(autoSetPosition, "autoSetPosition");
+function autoSetSize(_, size) {
+  let width = void 0;
+  let height = void 0;
+  if (Array.isArray(size)) {
+    width = size[0];
+    height = size[1];
+  } else if (typeof size === "function") {
+    const result = size();
+    width = result[0];
+    height = result[1];
+  }
+  if (width !== void 0 && height !== void 0) ElementSetSize(_, width, height);
+}
+__name(autoSetSize, "autoSetSize");
+function hide(_) {
+  const element = ElementWrap(_);
+  if (!element) return;
+  element.style.display = "none";
+}
+__name(hide, "hide");
+function unhide(_) {
+  const element = ElementWrap(_);
+  if (!element) return;
+  element.style.display = "";
+}
+__name(unhide, "unhide");
+function hasOverflow(el) {
+  const element = ElementWrap(el);
+  if (!element) return null;
+  const vertical = element.scrollHeight > element.clientHeight;
+  const horizontal = element.scrollWidth > element.clientWidth;
+  return {
+    any: vertical || horizontal,
+    vertical,
+    horizontal
+  };
+}
+__name(hasOverflow, "hasOverflow");
+
+// src/utilities/elements/layout_elements.ts
+var layoutElement = {
+  createSubscreenDiv: elementCreateSubscreenDiv,
+  getSubscreenDiv: elementGetSubscreenDiv,
+  appendToSubscreenDiv: elementAppendToSubscreenDiv,
+  removeSubscreenDiv: elementRemoveSubscreenDiv,
+  createSettingsDiv: elementCreateSettingsDiv,
+  getSettingsDiv: elementGetSettingsDiv,
+  appendToSettingsDiv: elementAppendToSettingsDiv,
+  removeSettingsDiv: elementRemoveSettingsDiv,
+  createMiscDiv: elementCreateMiscDiv,
+  getMiscDiv: elementGetMiscDiv,
+  appendToMiscDiv: elementAppendToMiscDiv,
+  removeMiscDiv: elementRemoveMiscDiv
+};
+function elementCreateSubscreenDiv() {
+  const subscreenDiv = elementGetSubscreenDiv();
+  if (subscreenDiv) {
+    console.error("Subscreen already exists");
+    return subscreenDiv;
+  }
+  const div = document.createElement("div");
+  div.id = "deeplib-subscreen";
+  div.classList.add("deeplib-subscreen", "HideOnPopup");
+  return document.body.appendChild(div);
 }
+__name(elementCreateSubscreenDiv, "elementCreateSubscreenDiv");
+function elementGetSubscreenDiv() {
+  return document.getElementById("deeplib-subscreen") ?? void 0;
+}
+__name(elementGetSubscreenDiv, "elementGetSubscreenDiv");
+function elementRemoveSubscreenDiv() {
+  return elementGetSubscreenDiv()?.remove();
+}
+__name(elementRemoveSubscreenDiv, "elementRemoveSubscreenDiv");
+function elementAppendToSubscreenDiv(...element) {
+  return elementGetSubscreenDiv()?.append(...element);
+}
+__name(elementAppendToSubscreenDiv, "elementAppendToSubscreenDiv");
+function elementCreateSettingsDiv() {
+  const settingsDiv = elementGetSettingsDiv();
+  if (settingsDiv) {
+    console.error("Settings screen already exists");
+    return settingsDiv;
+  }
+  const div = document.createElement("div");
+  div.id = "deeplib-settings";
+  div.classList.add("deeplib-settings");
+  return div;
+}
+__name(elementCreateSettingsDiv, "elementCreateSettingsDiv");
+function elementGetSettingsDiv() {
+  return document.getElementById("deeplib-settings") ?? void 0;
+}
+__name(elementGetSettingsDiv, "elementGetSettingsDiv");
+function elementAppendToSettingsDiv(...element) {
+  return elementGetSettingsDiv()?.append(...element);
+}
+__name(elementAppendToSettingsDiv, "elementAppendToSettingsDiv");
+function elementRemoveSettingsDiv() {
+  return elementGetSettingsDiv()?.remove();
+}
+__name(elementRemoveSettingsDiv, "elementRemoveSettingsDiv");
+function elementCreateMiscDiv() {
+  const miscDiv = elementGetMiscDiv();
+  if (miscDiv) {
+    console.error("Settings screen already exists");
+    return miscDiv;
+  }
+  const div = document.createElement("div");
+  div.id = "deeplib-misc";
+  div.classList.add("deeplib-misc");
+  return div;
+}
+__name(elementCreateMiscDiv, "elementCreateMiscDiv");
+function elementGetMiscDiv() {
+  return document.getElementById("deeplib-misc");
+}
+__name(elementGetMiscDiv, "elementGetMiscDiv");
+function elementAppendToMiscDiv(...element) {
+  return elementGetMiscDiv()?.append(...element);
+}
+__name(elementAppendToMiscDiv, "elementAppendToMiscDiv");
+function elementRemoveMiscDiv() {
+  return elementGetMiscDiv()?.remove();
+}
+__name(elementRemoveMiscDiv, "elementRemoveMiscDiv");
 
-;// ./src/Utilities/Translation.ts
-class Localization {
-    Translation = {};
-    static PathToTranslation;
-    constructor(options) {
-        Localization.PathToTranslation = options.pathToTranslationsFolder.endsWith('/') ? options.pathToTranslationsFolder : options.pathToTranslationsFolder + '/';
+// src/utilities/logger.ts
+var Logger = class _Logger extends Array {
+  static {
+    __name(this, "Logger");
+  }
+  ModName = "DeepLib";
+  constructor(modName) {
+    super();
+    if (modName) {
+      this.ModName = modName;
     }
-    static async init() {
-        const lang = TranslationLanguage.toLowerCase();
-        const translation = await Localization.fetchLanguageFile(lang);
-        if (lang === 'en') {
-            Localization.prototype.Translation = translation;
-        }
-        else {
-            const fallbackTranslation = await Localization.fetchLanguageFile('en');
-            Localization.prototype.Translation = { ...fallbackTranslation, ...translation };
+  }
+  _Log(level, ...args) {
+    const logEntry = {
+      logLevel: level,
+      args: [...args],
+      // trace: arguments.callee.caller.toString().split('\n'), 
+      date: new Date(Date.now())
+      // `[${this.ModName}] ${formattedArgs}` 
+    };
+    const userAgent = navigator.userAgent.toLowerCase();
+    if (userAgent.includes("chrome") || userAgent.includes("firefox")) {
+      const color = _Logger.colorizeLog(level);
+      args.forEach((arg) => {
+        if (typeof arg === "string") {
+          arg = `
+%c${arg}`;
         }
+      });
+      console.log(`%c${this.ModName}:`, color, ...args);
+    } else {
+      console.log(`${this.ModName}:`, ...args);
     }
-    static getText(srcTag) {
-        return Localization.prototype.Translation?.[srcTag] || srcTag || '';
-    }
-    static async fetchLanguageFile(lang) {
-        const response = await fetch(`${Localization.PathToTranslation}${lang}.lang`);
-        if (lang !== 'en' && !response.ok) {
-            return this.fetchLanguageFile('en');
+    this.push(logEntry);
+  }
+  info(...args) {
+    this._Log("info", ...args);
+  }
+  log(...args) {
+    this._Log("log", ...args);
+  }
+  warn(...args) {
+    this._Log("warn", ...args);
+  }
+  error(...args) {
+    this._Log("error", ...args);
+  }
+  debug(...args) {
+    this._Log("debug", ...args);
+  }
+  static colorizeLog(logLevel) {
+    const colors = {
+      info: "color: #32CCCC",
+      log: "color: #CCCC32",
+      warn: "color: #eec355",
+      error: "color: #750b0b",
+      debug: "color: #9E4BCF"
+    };
+    return colors[logLevel];
+  }
+};
+var deepLibLogger = new Logger();
+
+// src/utilities/messages.ts
+function sendLocalMessage(id, message, timeoutInSeconds) {
+  const element = ElementCreate({
+    tag: "div",
+    classList: ["ChatMessage", "deeplib-message", "ChatMessageNonDialogue"],
+    attributes: {
+      id: id ?? `DEEPLIB_LOCAL_MESSAGE_${Date.now()}`,
+      "data-time": ChatRoomCurrentTime(),
+      "data-sender": Player.MemberNumber?.toString()
+    },
+    children: [
+      {
+        tag: "span",
+        classList: ["deeplib-text"],
+        innerHTML: message.replaceAll("\n	", "")
+      },
+      {
+        tag: "br"
+      },
+      {
+        tag: "a",
+        classList: ["deeplib-text"],
+        attributes: {
+          href: "#"
+        },
+        innerHTML: "<b>Close (Click)</b>",
+        eventListeners: {
+          click: /* @__PURE__ */ __name(() => {
+            element.remove();
+          }, "click")
         }
-        const langFileContent = await response.text();
-        return this.parseLanguageFile(langFileContent);
+      }
+    ]
+  });
+  ChatRoomAppendChat(element);
+  if (!timeoutInSeconds) return;
+  setTimeout(() => element.remove(), timeoutInSeconds * 1e3);
+}
+__name(sendLocalMessage, "sendLocalMessage");
+function sendActionMessage(msg, target = void 0, dictionary = []) {
+  if (!msg) return;
+  ServerSend("ChatRoomChat", {
+    Content: "DEEPLIB_CUSTOM_ACTION",
+    Type: "Action",
+    Target: target ?? void 0,
+    Dictionary: [
+      { Tag: 'MISSING TEXT IN "Interface.csv": DEEPLIB_CUSTOM_ACTION', Text: msg },
+      ...dictionary
+    ]
+  });
+}
+__name(sendActionMessage, "sendActionMessage");
+
+// src/utilities/sdk.ts
+var import_bondage_club_mod_sdk = __toESM(require_bcmodsdk(), 1);
+var rawSdk = import_bondage_club_mod_sdk.default;
+var bcModSdkRef = rawSdk.default ?? rawSdk;
+var HookPriority = {
+  Observe: 0,
+  AddBehavior: 1,
+  ModifyBehavior: 5,
+  OverrideBehavior: 10,
+  Top: 100
+};
+var ModSdkManager = class _ModSdkManager {
+  static {
+    __name(this, "ModSdkManager");
+  }
+  static SDK;
+  static patchedFunctions = /* @__PURE__ */ new Map();
+  static ModInfo;
+  constructor(info, options) {
+    _ModSdkManager.SDK = bcModSdkRef.registerMod(info, options);
+    _ModSdkManager.ModInfo = info;
+  }
+  initPatchableFunction(target) {
+    let result = _ModSdkManager.patchedFunctions.get(target);
+    if (!result) {
+      result = {
+        name: target,
+        hooks: []
+      };
+      _ModSdkManager.patchedFunctions.set(target, result);
+    }
+    return result;
+  }
+  hookFunction(target, priority, hook, module = null) {
+    const data = this.initPatchableFunction(target);
+    if (data.hooks.some((h) => h.hook === hook)) {
+      return () => null;
+    }
+    const removeCallback = _ModSdkManager.SDK?.hookFunction(target, priority, hook);
+    data.hooks.push({
+      hook,
+      priority,
+      module,
+      removeCallback
+    });
+    data.hooks.sort((a, b) => b.priority - a.priority);
+    return removeCallback;
+  }
+  patchFunction(target, patches) {
+    _ModSdkManager.SDK?.patchFunction(target, patches);
+  }
+  unpatchFunction(target) {
+    _ModSdkManager.SDK?.removePatches(target);
+  }
+  removeHookByModule(target, module) {
+    const data = this.initPatchableFunction(target);
+    for (let i = data.hooks.length - 1; i >= 0; i--) {
+      if (data.hooks[i].module === module) {
+        data.hooks[i].removeCallback();
+        data.hooks.splice(i, 1);
+      }
     }
-    static parseLanguageFile(content) {
-        const translations = {};
-        const lines = content.split('\n');
-        for (const line of lines) {
-            if (line.trim() === '' || line.trim().startsWith('#')) {
-                continue;
-            }
-            const [key, value] = line.split('=');
-            translations[key.trim()] = value.trim();
+    return true;
+  }
+  removeAllHooksByModule(module) {
+    for (const data of _ModSdkManager.patchedFunctions.values()) {
+      for (let i = data.hooks.length - 1; i >= 0; i--) {
+        if (data.hooks[i].module === module) {
+          data.hooks[i].removeCallback();
+          data.hooks.splice(i, 1);
         }
-        return translations;
+      }
     }
-}
-const getText = (string) => Localization.getText(string);
-
-;// ./src/DeepLib.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+    return true;
+  }
+};
 
-export { BaseMigrator, BaseModule, BaseSubscreen, ExtensionStorage, GUI, GuiDebug, GuiSupport, HookPriority, Localization, Logger, MainMenu, PlayerStorage, Style, SupportHelper, VersionModule, _String, bcSdkMod, dataStore, dataTake, deepLibLogger, elementAdjustFontSize, elementAppendToMiscDiv, elementAppendToSettingsDiv, elementAppendToSubscreenDiv, elementCreateButton, elementCreateCheckbox, elementCreateInput, elementCreateLabel, elementCreateMiscDiv, elementCreateSettingsDiv, elementCreateSubscreenDiv, elementCreateTooltip, elementGetMiscDiv, elementGetSettingsDiv, elementGetSubscreenDiv, elementGetTooltip, elementHide, elementRemoveSubscreenDiv, elementSetPosSizeFont, elementSetPosition, elementSetSize, elementSetTooltip, elementUnhide, getCurrentSubscreen, getModule, getRelativeHeight, getRelativeWidth, getRelativeX, getRelativeY, getText, init, initMod, modules, modulesMap, registerModule, sendActionMessage, sendLocalMessage, setMainMenuOptions, setSubscreen, unloadMod };
+// src/utilities/style.ts
+var Style = {
+  injectInline(styleId, styleSource) {
+    const isStyleLoaded = document.getElementById(styleId);
+    if (isStyleLoaded) return;
+    const styleElement = document.createElement("style");
+    styleElement.id = styleId;
+    styleElement.appendChild(document.createTextNode(styleSource));
+    document.head.appendChild(styleElement);
+  },
+  injectEmbed(styleId, styleLink) {
+    const isStyleLoaded = document.getElementById(styleId);
+    if (isStyleLoaded) return;
+    const styleElement = document.createElement("link");
+    styleElement.id = styleId;
+    styleElement.rel = "stylesheet";
+    styleElement.href = styleLink;
+    document.head.appendChild(styleElement);
+  },
+  eject(id) {
+    const style = document.getElementById(id);
+    if (!style) return;
+    style.remove();
+  },
+  reload(styleId, styleSource) {
+    Style.eject(styleId);
+    Style.injectInline(styleId, styleSource);
+  },
+  async fetch(link) {
+    return fetch(link).then((res) => res.text());
+  }
+};
 
-//# sourceMappingURL=deeplib.js.map
+// src/utilities/translation.ts
+var Localization = class _Localization {
+  static {
+    __name(this, "Localization");
+  }
+  static LibTranslation = {};
+  static ModTranslation = {};
+  static PathToModTranslation;
+  static PathToLibTranslation = `${PUBLIC_URL}/dl_translations/`;
+  static initialized = false;
+  static async init(initOptions) {
+    if (_Localization.initialized) return;
+    _Localization.initialized = true;
+    _Localization.PathToModTranslation = initOptions.pathToTranslationsFolder.endsWith("/") ? initOptions.pathToTranslationsFolder : initOptions.pathToTranslationsFolder + "/";
+    const lang = TranslationLanguage.toLowerCase();
+    const libTranslation = await _Localization.fetchLanguageFile(_Localization.PathToLibTranslation, lang);
+    if (lang === "en") {
+      _Localization.LibTranslation = libTranslation;
+    } else {
+      const fallbackTranslation = await _Localization.fetchLanguageFile(_Localization.PathToLibTranslation, "en");
+      _Localization.LibTranslation = { ...fallbackTranslation, ...libTranslation };
+    }
+    const modTranslation = await _Localization.fetchLanguageFile(_Localization.PathToModTranslation, lang);
+    if (lang === "en") {
+      _Localization.ModTranslation = modTranslation;
+    } else {
+      const fallbackTranslation = await _Localization.fetchLanguageFile(_Localization.PathToModTranslation, "en");
+      _Localization.ModTranslation = { ...fallbackTranslation, ...modTranslation };
+    }
+  }
+  static getTextMod(srcTag) {
+    return _Localization.ModTranslation?.[srcTag] || void 0;
+  }
+  static getTextLib(srcTag) {
+    return _Localization.LibTranslation?.[srcTag] || void 0;
+  }
+  static async fetchLanguageFile(baseUrl, lang) {
+    const response = await fetch(`${baseUrl}${lang}.lang`);
+    if (lang !== "en" && !response.ok) {
+      return this.fetchLanguageFile(baseUrl, "en");
+    }
+    const langFileContent = await response.text();
+    return this.parseLanguageFile(langFileContent);
+  }
+  static parseLanguageFile(content) {
+    const translations = {};
+    const lines = content.split("\n");
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed || trimmed.startsWith("#")) continue;
+      const [key, ...rest] = trimmed.split("=");
+      translations[key.trim()] = rest.join("=").trim();
+    }
+    return translations;
+  }
+};
+var getText = /* @__PURE__ */ __name((srcTag) => {
+  return Localization.getTextMod(srcTag) || Localization.getTextLib(srcTag) || srcTag;
+}, "getText");
+export {
+  BaseMigrator2 as BaseMigrator,
+  BaseModule,
+  BaseSubscreen,
+  GUI,
+  GuiDebug,
+  GuiImportExport,
+  HookPriority,
+  Localization,
+  Logger,
+  MainMenu,
+  ModSdkManager,
+  ModStorage,
+  Modal,
+  Style,
+  VersionModule,
+  advancedElement,
+  deepLibLogger,
+  deepMerge,
+  deepMergeMatchingProperties,
+  domUtil,
+  exportToGlobal,
+  getCurrentSubscreen,
+  getModule,
+  getText,
+  hasGetter,
+  hasSetter,
+  init,
+  initMod,
+  layoutElement,
+  modStorage,
+  modules,
+  modulesMap,
+  registerModule,
+  sendActionMessage,
+  sendLocalMessage,
+  setSubscreen,
+  shuffleArray,
+  unloadMod
+};
+//# sourceMappingURL=deeplib.js.map