@netless/telebox-insider 0.3.0-beta.6 → 0.3.0-beta.8

package/dist/telebox-insider.cjs.js

@@ -1,34 +1,14 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
-var fancyScrollbar = ".tele-fancy-scrollbar {\n  overscroll-behavior: contain;\n  overflow: auto;\n  overflow-y: scroll;\n  overflow-y: overlay;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  scrollbar-width: auto;\n}\n.tele-fancy-scrollbar::-webkit-scrollbar {\n  height: 8px;\n  width: 8px;\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-thumb {\n  background-color: rgba(68, 78, 96, 0.1);\n  background-color: transparent;\n  border-radius: 4px;\n  transition: background-color 0.4s;\n}\n.tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb {\n  background-color: rgba(68, 78, 96, 0.1);\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(68, 78, 96, 0.2);\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-thumb:active {\n  background-color: rgba(68, 78, 96, 0.2);\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical {\n  min-height: 50px;\n}\n.tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal {\n  min-width: 50px;\n}";
-var style$4 = '.telebox-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  transition: width 0.4s cubic-bezier(0.4, 0.9, 0.71, 1.02), height 0.4s cubic-bezier(0.55, 0.82, 0.63, 0.95), opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0), transform 0.4s ease;\n}\n\n.telebox-box-main {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: #f9f9fc;\n  box-shadow: 0px 4px 10px 0px rgba(47, 65, 146, 0.15);\n  border-radius: 6px;\n  border: 1px solid #e3e3ec;\n}\n\n.telebox-titlebar-wrap {\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.telebox-content-wrap {\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.telebox-content {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.telebox-footer-wrap {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.telebox-footer-wrap::before {\n  content: "";\n  display: block;\n  flex: 1;\n}\n\n.telebox-resize-handle {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  position: absolute;\n  z-index: 2147483647;\n}\n\n.telebox-n {\n  width: 100%;\n  height: 5px;\n  left: 0;\n  top: -5px;\n  cursor: n-resize;\n}\n\n.telebox-s {\n  width: 100%;\n  height: 5px;\n  left: 0;\n  bottom: -5px;\n  cursor: s-resize;\n}\n\n.telebox-w {\n  width: 5px;\n  height: 100%;\n  left: -5px;\n  top: 0;\n  cursor: w-resize;\n}\n\n.telebox-e {\n  width: 5px;\n  height: 100%;\n  right: -5px;\n  top: 0;\n  cursor: e-resize;\n}\n\n.telebox-nw {\n  width: 15px;\n  height: 15px;\n  top: -5px;\n  left: -5px;\n  cursor: nw-resize;\n}\n\n.telebox-ne {\n  width: 15px;\n  height: 15px;\n  top: -5px;\n  right: -5px;\n  cursor: ne-resize;\n}\n\n.telebox-se {\n  width: 15px;\n  height: 15px;\n  bottom: -5px;\n  right: -5px;\n  cursor: se-resize;\n}\n\n.telebox-sw {\n  width: 15px;\n  height: 15px;\n  bottom: -5px;\n  left: -5px;\n  cursor: sw-resize;\n}\n\n.telebox-track-mask {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 2147483647;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.0001);\n  cursor: move;\n}\n\n.telebox-cursor-n {\n  cursor: n-resize;\n}\n\n.telebox-cursor-s {\n  cursor: s-resize;\n}\n\n.telebox-cursor-w {\n  cursor: w-resize;\n}\n\n.telebox-cursor-e {\n  cursor: e-resize;\n}\n\n.telebox-cursor-nw {\n  cursor: nw-resize;\n}\n\n.telebox-cursor-ne {\n  cursor: ne-resize;\n}\n\n.telebox-cursor-se {\n  cursor: se-resize;\n}\n\n.telebox-cursor-sw {\n  cursor: sw-resize;\n}\n\n.telebox-maximized .telebox-resize-handles,\n.telebox-no-resize .telebox-resize-handles {\n  display: none;\n}\n\n.telebox-maximized {\n  box-shadow: none;\n  transition: none;\n}\n\n.telebox-minimized {\n  transition: width 0.05s cubic-bezier(0.4, 0.9, 0.71, 1.02), height 0.05s cubic-bezier(0.55, 0.82, 0.63, 0.95), opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0), transform 0.6s ease;\n  opacity: 0;\n  pointer-events: none;\n  user-select: none;\n}\n\n.telebox-transforming {\n  will-change: transform;\n  transition: opacity 0.6s cubic-bezier(0.7, 0, 0.84, 0);\n}\n\n.telebox-readonly .telebox-resize-handle {\n  cursor: initial !important;\n  pointer-events: none !important;\n}\n\n.telebox-color-scheme-dark {\n  color-scheme: dark;\n}\n\n.telebox-color-scheme-dark .telebox-box-main {\n  color: #e9e9e9;\n  background: #212126;\n  border-color: #43434d;\n}';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var fancyScrollbar = "";
+var style$4 = "";
 var eventemitter3 = { exports: {} };
 (function(module) {
   var has = Object.prototype.hasOwnProperty, prefix = "~";
   function Events() {
   }
   if (Object.create) {
-    Events.prototype = Object.create(null);
+    Events.prototype = /* @__PURE__ */ Object.create(null);
     if (!new Events().__proto__)
       prefix = false;
   }
@@ -214,8 +194,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var __assign$1 = function() {
-  __assign$1 = Object.assign || function __assign2(t2) {
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t2) {
     for (var s2, i2 = 1, n = arguments.length; i2 < n; i2++) {
       s2 = arguments[i2];
       for (var p in s2)
@@ -224,7 +204,7 @@ var __assign$1 = function() {
     }
     return t2;
   };
-  return __assign$1.apply(this, arguments);
+  return __assign.apply(this, arguments);
 };
 function __rest(s2, e2) {
   var t2 = {};
@@ -255,8 +235,8 @@ var createStep = function(setRunNextFrame) {
   var numThisFrame = 0;
   var isProcessing2 = false;
   var i2 = 0;
-  var cancelled = new WeakSet();
-  var toKeepAlive = new WeakSet();
+  var cancelled = /* @__PURE__ */ new WeakSet();
+  var toKeepAlive = /* @__PURE__ */ new WeakSet();
   var renderStep = {
     cancel: function(process) {
       var indexOfCallback = processToRunNextFrame.indexOf(process);
@@ -361,32 +341,6 @@ var startLoop = function() {
   if (!isProcessing)
     onNextFrame(processFrame);
 };
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function() {
-  __assign = Object.assign || function __assign2(t2) {
-    for (var s2, i2 = 1, n = arguments.length; i2 < n; i2++) {
-      s2 = arguments[i2];
-      for (var p in s2)
-        if (Object.prototype.hasOwnProperty.call(s2, p))
-          t2[p] = s2[p];
-    }
-    return t2;
-  };
-  return __assign.apply(this, arguments);
-};
 var clamp$1 = function(min, max) {
   return function(v) {
     return Math.max(Math.min(v, max), min);
@@ -544,7 +498,7 @@ var color = {
   }
 };
 var createStyler = function(_a) {
-  var onRead2 = _a.onRead, onRender2 = _a.onRender, _b = _a.uncachedValues, uncachedValues = _b === void 0 ? new Set() : _b, _c = _a.useCache, useCache = _c === void 0 ? true : _c;
+  var onRead2 = _a.onRead, onRender2 = _a.onRender, _b = _a.uncachedValues, uncachedValues = _b === void 0 ? /* @__PURE__ */ new Set() : _b, _c = _a.useCache, useCache = _c === void 0 ? true : _c;
   return function(_a2) {
     if (_a2 === void 0) {
       _a2 = {};
@@ -627,7 +581,7 @@ var testPrefix = function(key) {
         return;
       }
       camelCache.set(key, prefixedPropertyName);
-      setDashPrefix(key, "" + (noPrefix ? "" : "-") + camelToDash(prefixedPropertyName));
+      setDashPrefix(key, (noPrefix ? "" : "-") + camelToDash(prefixedPropertyName));
     }
   }
 };
@@ -666,7 +620,7 @@ var transformOriginProps = /* @__PURE__ */ new Set(["originX", "originY", "origi
 function isTransformOriginProp(key) {
   return transformOriginProps.has(key);
 }
-var int = /* @__PURE__ */ __assign$1(/* @__PURE__ */ __assign$1({}, number), { transform: Math.round });
+var int = /* @__PURE__ */ __assign(/* @__PURE__ */ __assign({}, number), { transform: Math.round });
 var valueTypes = {
   color,
   backgroundColor: color,
@@ -885,7 +839,7 @@ function createCssStyler(element, _a) {
     _a = {};
   }
   var enableHardwareAcceleration = _a.enableHardwareAcceleration, allowTransformNone = _a.allowTransformNone, props = __rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
-  return cssStyler(__assign$1({ element, buildStyles: createStyleBuilder({
+  return cssStyler(__assign({ element, buildStyles: createStyleBuilder({
     enableHardwareAcceleration,
     allowTransformNone
   }), preparseOutput: true }, props));
@@ -1075,7 +1029,7 @@ const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop
 };
 class o {
   constructor() {
-    this.disposers = new Map();
+    this.disposers = /* @__PURE__ */ new Map();
   }
   add(e2, s2 = r$1()) {
     return this.flush(s2), this.disposers.set(s2, e2()), s2;
@@ -1123,9 +1077,9 @@ class o {
     }), this.disposers.clear();
   }
 }
-var e = Object.defineProperty, s = (typeof require != "undefined" && require, (s2, r2, t2) => (((s3, r3, t3) => {
+var e = Object.defineProperty, s = ("undefined" != typeof require && require, (s2, r2, t2) => (((s3, r3, t3) => {
   r3 in s3 ? e(s3, r3, { enumerable: true, configurable: true, writable: true, value: t3 }) : s3[r3] = t3;
-})(s2, typeof r2 != "symbol" ? r2 + "" : r2, t2), t2));
+})(s2, "symbol" != typeof r2 ? r2 + "" : r2, t2), t2));
 class r {
   constructor(e2, r2) {
     s(this, "_value"), s(this, "_beforeDestroys"), s(this, "_subscribers"), this._value = e2, r2 && (this.compare = r2);
@@ -1140,7 +1094,7 @@ class r {
     }
   }
   reaction(e2) {
-    return this._subscribers || (this._subscribers = new Set()), this._subscribers.add(e2), () => {
+    return this._subscribers || (this._subscribers = /* @__PURE__ */ new Set()), this._subscribers.add(e2), () => {
       this._subscribers && this._subscribers.delete(e2);
     };
   }
@@ -1158,7 +1112,7 @@ class r {
     this._beforeDestroys && (this._beforeDestroys.forEach((e2) => e2()), this._beforeDestroys.clear()), this._subscribers && this._subscribers.clear();
   }
   addBeforeDestroy(e2) {
-    return this._beforeDestroys || (this._beforeDestroys = new Set()), this._beforeDestroys.add(e2), () => {
+    return this._beforeDestroys || (this._beforeDestroys = /* @__PURE__ */ new Set()), this._beforeDestroys.add(e2), () => {
       this._beforeDestroys && this._beforeDestroys.delete(e2);
     };
   }
@@ -1199,21 +1153,20 @@ function c(e2) {
   };
   return { bindSideEffect: s2, combine: (e3, r2, i2, o2) => s2(t(e3, r2, i2, o2)), createVal: (e3, t2) => s2(new r(e3, t2)) };
 }
-var style$3 = '.telebox-titlebar {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  box-sizing: border-box;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  background: #fff;\n  user-select: none;\n  border-bottom: 1px solid #eeeef7;\n  touch-action: manipulation;\n}\n\n.telebox-title-area {\n  padding-left: 16px;\n  overflow: hidden;\n  position: relative;\n  height: 100%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n.telebox-title {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: PingFangSC-Regular, PingFang SC;\n  white-space: nowrap;\n  word-break: keep-all;\n  text-overflow: ellipsis;\n  color: #191919;\n}\n\n.telebox-drag-area {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: auto;\n  z-index: 10;\n}\n\n.telebox-titlebar-btns {\n  position: absolute;\n  right: 16px;\n  white-space: nowrap;\n  word-break: keep-all;\n  margin-left: auto;\n  font-size: 0;\n  z-index: 10;\n}\n\n.telebox-titlebar-btn {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  outline: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.telebox-titlebar-btn ~ .telebox-titlebar-btn {\n  margin-left: 10px;\n}\n\n.telebox-titlebar-btn-icon {\n  width: 22px;\n  height: 22px;\n}\n\n.telebox-readonly .telebox-titlebar-btn {\n  cursor: not-allowed;\n}\n\n.telebox-titlebar-icon-minimize {\n  background: center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSAxM2gxMHYxLjZIOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");\n}\n\n.telebox-titlebar-icon-maximize {\n  background: center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");\n}\n\n.telebox-titlebar-icon-maximize.is-active {\n  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K");\n}\n\n.telebox-titlebar-icon-close {\n  background: center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgIDxwYXRoIGQ9Ik04LjM1MyAyMC4zMzIxTDIwLjMzMiA4LjM1M00yMC4zMzIyIDIwLjMzMjFMOC4zNTMgOC4zNTMiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");\n}\n\n.telebox-color-scheme-dark {\n  color-scheme: dark;\n}\n\n.telebox-color-scheme-dark .telebox-title {\n  color: #e9e9e9;\n}\n\n.telebox-color-scheme-dark .telebox-titlebar {\n  color: #e9e9e9;\n  background: #43434d;\n  border-bottom: none;\n}';
-exports.TELE_BOX_COLOR_SCHEME = void 0;
-(function(TELE_BOX_COLOR_SCHEME2) {
+var style$3 = "";
+var TELE_BOX_COLOR_SCHEME = /* @__PURE__ */ ((TELE_BOX_COLOR_SCHEME2) => {
   TELE_BOX_COLOR_SCHEME2["Light"] = "light";
   TELE_BOX_COLOR_SCHEME2["Dark"] = "dark";
   TELE_BOX_COLOR_SCHEME2["Auto"] = "auto";
-})(exports.TELE_BOX_COLOR_SCHEME || (exports.TELE_BOX_COLOR_SCHEME = {}));
-exports.TELE_BOX_STATE = void 0;
-(function(TELE_BOX_STATE2) {
+  return TELE_BOX_COLOR_SCHEME2;
+})(TELE_BOX_COLOR_SCHEME || {});
+var TELE_BOX_STATE = /* @__PURE__ */ ((TELE_BOX_STATE2) => {
   TELE_BOX_STATE2["Normal"] = "normal";
   TELE_BOX_STATE2["Minimized"] = "minimized";
   TELE_BOX_STATE2["Maximized"] = "maximized";
-})(exports.TELE_BOX_STATE || (exports.TELE_BOX_STATE = {}));
-exports.TELE_BOX_EVENT = void 0;
-(function(TELE_BOX_EVENT2) {
+  return TELE_BOX_STATE2;
+})(TELE_BOX_STATE || {});
+var TELE_BOX_EVENT = /* @__PURE__ */ ((TELE_BOX_EVENT2) => {
   TELE_BOX_EVENT2["DarkMode"] = "dark_mode";
   TELE_BOX_EVENT2["PrefersColorScheme"] = "prefers_color_scheme";
   TELE_BOX_EVENT2["Close"] = "close";
@@ -1232,15 +1185,15 @@ exports.TELE_BOX_EVENT = void 0;
   TELE_BOX_EVENT2["Destroyed"] = "destroyed";
   TELE_BOX_EVENT2["BoxStatus"] = "box_status";
   TELE_BOX_EVENT2["LastNotMinimizedBoxStatus"] = "last_not_minimized_box_status";
-})(exports.TELE_BOX_EVENT || (exports.TELE_BOX_EVENT = {}));
-exports.TELE_BOX_DELEGATE_EVENT = void 0;
-(function(TELE_BOX_DELEGATE_EVENT2) {
+  return TELE_BOX_EVENT2;
+})(TELE_BOX_EVENT || {});
+var TELE_BOX_DELEGATE_EVENT = /* @__PURE__ */ ((TELE_BOX_DELEGATE_EVENT2) => {
   TELE_BOX_DELEGATE_EVENT2["Close"] = "close";
   TELE_BOX_DELEGATE_EVENT2["Maximize"] = "maximize";
   TELE_BOX_DELEGATE_EVENT2["Minimize"] = "minimize";
-})(exports.TELE_BOX_DELEGATE_EVENT || (exports.TELE_BOX_DELEGATE_EVENT = {}));
-exports.TELE_BOX_RESIZE_HANDLE = void 0;
-(function(TELE_BOX_RESIZE_HANDLE2) {
+  return TELE_BOX_DELEGATE_EVENT2;
+})(TELE_BOX_DELEGATE_EVENT || {});
+var TELE_BOX_RESIZE_HANDLE = /* @__PURE__ */ ((TELE_BOX_RESIZE_HANDLE2) => {
   TELE_BOX_RESIZE_HANDLE2["North"] = "n";
   TELE_BOX_RESIZE_HANDLE2["South"] = "s";
   TELE_BOX_RESIZE_HANDLE2["West"] = "w";
@@ -1249,7 +1202,8 @@ exports.TELE_BOX_RESIZE_HANDLE = void 0;
   TELE_BOX_RESIZE_HANDLE2["NorthEast"] = "ne";
   TELE_BOX_RESIZE_HANDLE2["SouthEast"] = "se";
   TELE_BOX_RESIZE_HANDLE2["SouthWest"] = "sw";
-})(exports.TELE_BOX_RESIZE_HANDLE || (exports.TELE_BOX_RESIZE_HANDLE = {}));
+  return TELE_BOX_RESIZE_HANDLE2;
+})(TELE_BOX_RESIZE_HANDLE || {});
 const TeleBoxDragHandleType = "dh";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
@@ -1284,7 +1238,7 @@ class DefaultTitleBar {
     onEvent,
     onDragStart,
     namespace = "telebox",
-    state = exports.TELE_BOX_STATE.Normal,
+    state = TELE_BOX_STATE.Normal,
     boxStatus
   } = {}) {
     this.$btns = [];
@@ -1310,7 +1264,7 @@ class DefaultTitleBar {
       if (now - this.lastTitleBarClick.timestamp <= 500) {
         if (Math.abs(ev.clientX - this.lastTitleBarClick.clientX) <= 5 && Math.abs(ev.clientY - this.lastTitleBarClick.clientY) <= 5) {
           if (this.onEvent) {
-            this.onEvent({ type: exports.TELE_BOX_DELEGATE_EVENT.Maximize });
+            this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });
           }
         }
       } else if (this.onDragStart) {
@@ -1342,7 +1296,7 @@ class DefaultTitleBar {
       if (now - this.lastTitleBarTouch.timestamp <= 500) {
         if (Math.abs(clientX - this.lastTitleBarTouch.clientX) <= 10 && Math.abs(clientY - this.lastTitleBarTouch.clientY) <= 10) {
           if (this.onEvent) {
-            this.onEvent({ type: exports.TELE_BOX_DELEGATE_EVENT.Maximize });
+            this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });
           }
         }
       } else if (this.onDragStart) {
@@ -1361,16 +1315,16 @@ class DefaultTitleBar {
     this.boxStatus = boxStatus;
     this.buttons = buttons || [
       {
-        type: exports.TELE_BOX_DELEGATE_EVENT.Minimize,
+        type: TELE_BOX_DELEGATE_EVENT.Minimize,
         iconClassName: this.wrapClassName("titlebar-icon-minimize")
       },
       {
-        type: exports.TELE_BOX_DELEGATE_EVENT.Maximize,
+        type: TELE_BOX_DELEGATE_EVENT.Maximize,
         iconClassName: this.wrapClassName("titlebar-icon-maximize"),
-        isActive: (state2) => state2 === exports.TELE_BOX_STATE.Maximized
+        isActive: (state2) => state2 === TELE_BOX_STATE.Maximized
       },
       {
-        type: exports.TELE_BOX_DELEGATE_EVENT.Close,
+        type: TELE_BOX_DELEGATE_EVENT.Close,
         iconClassName: this.wrapClassName("titlebar-icon-close")
       }
     ];
@@ -1388,7 +1342,10 @@ class DefaultTitleBar {
       this.state = state;
       this.buttons.forEach((btn, i2) => {
         if (btn.isActive) {
-          this.$btns[i2].classList.toggle("is-active", btn.isActive(state));
+          this.$btns[i2].classList.toggle(
+            "is-active",
+            btn.isActive(state)
+          );
         }
       });
     }
@@ -1399,7 +1356,10 @@ class DefaultTitleBar {
       if (boxStatus) {
         this.buttons.forEach((btn, i2) => {
           if (btn.isActive) {
-            this.$btns[i2].classList.toggle("is-active", btn.isActive(boxStatus));
+            this.$btns[i2].classList.toggle(
+              "is-active",
+              btn.isActive(boxStatus)
+            );
           }
         });
       }
@@ -1431,7 +1391,9 @@ class DefaultTitleBar {
       this.buttons.forEach(({ iconClassName, isActive }, i2) => {
         const teleTitleBarBtnIndex = String(i2);
         const $btn = document.createElement("button");
-        $btn.className = `${this.wrapClassName("titlebar-btn")} ${iconClassName}`;
+        $btn.className = `${this.wrapClassName(
+          "titlebar-btn"
+        )} ${iconClassName}`;
         $btn.dataset.teleTitleBarBtnIndex = teleTitleBarBtnIndex;
         $btn.dataset.teleTitleBarNoDblClick = "true";
         if (isActive) {
@@ -1440,24 +1402,30 @@ class DefaultTitleBar {
         this.$btns.push($btn);
         $buttonsContainer.appendChild($btn);
       });
-      this.sideEffect.addEventListener($buttonsContainer, "click", (ev) => {
-        var _a;
-        if (this.readonly) {
-          return;
-        }
-        const target = ev.target;
-        const teleTitleBarBtnIndex = Number((_a = target.dataset) == null ? void 0 : _a.teleTitleBarBtnIndex);
-        if (!Number.isNaN(teleTitleBarBtnIndex) && teleTitleBarBtnIndex < this.buttons.length) {
-          preventEvent(ev);
-          const btn = this.buttons[teleTitleBarBtnIndex];
-          if (this.onEvent) {
-            this.onEvent({
-              type: btn.type,
-              value: btn.value
-            });
+      this.sideEffect.addEventListener(
+        $buttonsContainer,
+        "click",
+        (ev) => {
+          var _a;
+          if (this.readonly) {
+            return;
+          }
+          const target = ev.target;
+          const teleTitleBarBtnIndex = Number(
+            (_a = target.dataset) == null ? void 0 : _a.teleTitleBarBtnIndex
+          );
+          if (!Number.isNaN(teleTitleBarBtnIndex) && teleTitleBarBtnIndex < this.buttons.length) {
+            preventEvent(ev);
+            const btn = this.buttons[teleTitleBarBtnIndex];
+            if (this.onEvent) {
+              this.onEvent({
+                type: btn.type,
+                value: btn.value
+              });
+            }
           }
         }
-      });
+      );
       this.$titleBar.appendChild($titleArea);
       this.$titleBar.appendChild($buttonsContainer);
     }
@@ -1467,8 +1435,17 @@ class DefaultTitleBar {
     const $dragArea = document.createElement("div");
     $dragArea.className = this.wrapClassName("drag-area");
     $dragArea.dataset.teleBoxHandle = TeleBoxDragHandleType;
-    this.sideEffect.addEventListener($dragArea, "mousedown", this.handleTitleBarClick);
-    this.sideEffect.addEventListener($dragArea, "touchstart", this.handleTitleBarTouch, { passive: true });
+    this.sideEffect.addEventListener(
+      $dragArea,
+      "mousedown",
+      this.handleTitleBarClick
+    );
+    this.sideEffect.addEventListener(
+      $dragArea,
+      "touchstart",
+      this.handleTitleBarTouch,
+      { passive: true }
+    );
     return $dragArea;
   }
   dragHandle() {
@@ -1492,7 +1469,7 @@ class TeleBox {
   constructor({
     id = genUniqueKey(),
     title = getBoxDefaultName(),
-    prefersColorScheme = exports.TELE_BOX_COLOR_SCHEME.Light,
+    prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,
     darkMode,
     visible = true,
     width = 0.5,
@@ -1539,38 +1516,53 @@ class TeleBox {
     this._delegateEvents = new EventEmitter();
     const boxStatus$ = createVal(boxStatus);
     const lastNotMinimizedBoxStatus$ = createVal(lastNotMinimizedBoxStatus);
-    const prefersColorScheme$ = createVal(prefersColorScheme);
+    const prefersColorScheme$ = createVal(
+      prefersColorScheme
+    );
     prefersColorScheme$.reaction((prefersColorScheme2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.PrefersColorScheme, prefersColorScheme2);
+        this.events.emit(
+          TELE_BOX_EVENT.PrefersColorScheme,
+          prefersColorScheme2
+        );
       }
     });
     const darkMode$ = createVal(Boolean(darkMode));
     if (darkMode == null) {
-      prefersColorScheme$.subscribe((prefersColorScheme2, _, skipUpdate) => {
-        this._sideEffect.add(() => {
-          if (prefersColorScheme2 === "auto") {
-            const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
-            if (prefersDark) {
-              darkMode$.setValue(prefersDark.matches, skipUpdate);
-              const handler = (evt) => {
-                darkMode$.setValue(evt.matches, skipUpdate);
-              };
-              prefersDark.addListener(handler);
-              return () => prefersDark.removeListener(handler);
+      prefersColorScheme$.subscribe(
+        (prefersColorScheme2, _, skipUpdate) => {
+          this._sideEffect.add(() => {
+            if (prefersColorScheme2 === "auto") {
+              const prefersDark = window.matchMedia(
+                "(prefers-color-scheme: dark)"
+              );
+              if (prefersDark) {
+                darkMode$.setValue(
+                  prefersDark.matches,
+                  skipUpdate
+                );
+                const handler = (evt) => {
+                  darkMode$.setValue(evt.matches, skipUpdate);
+                };
+                prefersDark.addListener(handler);
+                return () => prefersDark.removeListener(handler);
+              } else {
+                return noop;
+              }
             } else {
+              darkMode$.setValue(
+                prefersColorScheme2 === "dark",
+                skipUpdate
+              );
               return noop;
             }
-          } else {
-            darkMode$.setValue(prefersColorScheme2 === "dark", skipUpdate);
-            return noop;
-          }
-        }, "prefers-color-scheme");
-      });
+          }, "prefers-color-scheme");
+        }
+      );
     }
     darkMode$.reaction((darkMode2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.DarkMode, darkMode2);
+        this.events.emit(TELE_BOX_EVENT.DarkMode, darkMode2);
       }
     });
     const containerRect$ = createVal(containerRect, shallowequal);
@@ -1584,13 +1576,13 @@ class TeleBox {
     const visible$ = createVal(visible);
     visible$.reaction((visible2, _, skipUpdate) => {
       if (!skipUpdate && !visible2) {
-        this.events.emit(exports.TELE_BOX_EVENT.Close);
+        this.events.emit(TELE_BOX_EVENT.Close);
       }
     });
     const readonly$ = createVal(readonly);
     readonly$.reaction((readonly2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.Readonly, readonly2);
+        this.events.emit(TELE_BOX_EVENT.Readonly, readonly2);
       }
     });
     const resizable$ = createVal(resizable);
@@ -1600,122 +1592,151 @@ class TeleBox {
     const zIndex$ = createVal(zIndex);
     zIndex$.reaction((zIndex2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.ZIndex, zIndex2);
+        this.events.emit(TELE_BOX_EVENT.ZIndex, zIndex2);
       }
     });
     const focus$ = createVal(focus);
     focus$.reaction((focus2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(focus2 ? exports.TELE_BOX_EVENT.Focus : exports.TELE_BOX_EVENT.Blur);
+        this.events.emit(
+          focus2 ? TELE_BOX_EVENT.Focus : TELE_BOX_EVENT.Blur
+        );
       }
     });
     const minimized$ = createVal(minimized);
     minimized$.reaction((minimized2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.Minimized, minimized2);
+        this.events.emit(TELE_BOX_EVENT.Minimized, minimized2);
       }
     });
     const maximized$ = createVal(maximized);
     maximized$.reaction((maximized2, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.Maximized, maximized2);
+        this.events.emit(TELE_BOX_EVENT.Maximized, maximized2);
       }
     });
-    const state$ = combine([minimized$, maximized$, boxStatus$], ([minimized2, maximized2, boxStatus2]) => minimized2 ? exports.TELE_BOX_STATE.Minimized : maximized2 ? exports.TELE_BOX_STATE.Maximized : !boxStatus2 ? exports.TELE_BOX_STATE.Normal : boxStatus2);
+    const state$ = combine(
+      [minimized$, maximized$, boxStatus$],
+      ([minimized2, maximized2, boxStatus2]) => minimized2 ? TELE_BOX_STATE.Minimized : maximized2 ? TELE_BOX_STATE.Maximized : !boxStatus2 ? TELE_BOX_STATE.Normal : boxStatus2
+    );
     state$.reaction((state, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.State, state);
+        this.events.emit(TELE_BOX_EVENT.State, state);
       }
     });
-    const minSize$ = createVal({
-      width: clamp(minWidth, 0, 1),
-      height: clamp(minHeight, 0, 1)
-    }, shallowequal);
-    const intrinsicSize$ = createVal({
-      width: clamp(width, minSize$.value.width, 1),
-      height: clamp(height, minSize$.value.height, 1)
-    }, shallowequal);
+    const minSize$ = createVal(
+      {
+        width: clamp(minWidth, 0, 1),
+        height: clamp(minHeight, 0, 1)
+      },
+      shallowequal
+    );
+    const intrinsicSize$ = createVal(
+      {
+        width: clamp(width, minSize$.value.width, 1),
+        height: clamp(height, minSize$.value.height, 1)
+      },
+      shallowequal
+    );
     minSize$.reaction((minSize, _, skipUpdate) => {
-      intrinsicSize$.setValue({
-        width: clamp(width, minSize.width, 1),
-        height: clamp(height, minSize.height, 1)
-      }, skipUpdate);
+      intrinsicSize$.setValue(
+        {
+          width: clamp(width, minSize.width, 1),
+          height: clamp(height, minSize.height, 1)
+        },
+        skipUpdate
+      );
     });
     intrinsicSize$.reaction((size, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.IntrinsicResize, size);
+        this.events.emit(TELE_BOX_EVENT.IntrinsicResize, size);
       }
     });
-    const size$ = combine([intrinsicSize$, maximized$, boxStatus$], ([intrinsicSize, maximized2, boxStatus2]) => {
-      if (maximized2 || boxStatus2 === exports.TELE_BOX_STATE.Maximized) {
-        return { width: 1, height: 1 };
-      }
-      return intrinsicSize;
-    }, shallowequal);
+    const size$ = combine(
+      [intrinsicSize$, maximized$, boxStatus$],
+      ([intrinsicSize, maximized2, boxStatus2]) => {
+        if (maximized2 || boxStatus2 === TELE_BOX_STATE.Maximized) {
+          return { width: 1, height: 1 };
+        }
+        return intrinsicSize;
+      },
+      shallowequal
+    );
     size$.reaction((size, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.Resize, size);
+        this.events.emit(TELE_BOX_EVENT.Resize, size);
       }
     });
-    const visualSize$ = combine([size$, minimized$, containerRect$, collectorRect$, boxStatus$], ([size, minimized2, containerRect2, collectorRect2, boxStatus2]) => {
-      if ((minimized2 || boxStatus2 === exports.TELE_BOX_STATE.Minimized) && collectorRect2) {
-        return {
-          width: collectorRect2.width / size.width / containerRect2.width,
-          height: collectorRect2.height / size.height / containerRect2.height
-        };
-      }
-      return size;
-    }, shallowequal);
+    const visualSize$ = combine(
+      [size$, minimized$, containerRect$, collectorRect$, boxStatus$],
+      ([size, minimized2, containerRect2, collectorRect2, boxStatus2]) => {
+        if ((minimized2 || boxStatus2 === TELE_BOX_STATE.Minimized) && collectorRect2) {
+          return {
+            width: collectorRect2.width / size.width / containerRect2.width,
+            height: collectorRect2.height / size.height / containerRect2.height
+          };
+        }
+        return size;
+      },
+      shallowequal
+    );
     visualSize$.reaction((size, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.VisualResize, size);
+        this.events.emit(TELE_BOX_EVENT.VisualResize, size);
       }
     });
-    const intrinsicCoord$ = createVal({ x: clamp(x, 0, 1), y: clamp(y, 0, 1) }, shallowequal);
+    const intrinsicCoord$ = createVal(
+      { x: clamp(x, 0, 1), y: clamp(y, 0, 1) },
+      shallowequal
+    );
     intrinsicCoord$.reaction((coord, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.IntrinsicMove, coord);
-      }
-    });
-    const coord$ = combine([
-      intrinsicCoord$,
-      intrinsicSize$,
-      containerRect$,
-      collectorRect$,
-      minimized$,
-      maximized$,
-      boxStatus$,
-      lastNotMinimizedBoxStatus$
-    ], ([
-      intrinsicCoord,
-      intrinsicSize,
-      containerRect2,
-      collectorRect2,
-      minimized2,
-      maximized2,
-      boxStatus2,
-      lastNotMinimizedBoxStatus2
-    ]) => {
-      if ((minimized2 || boxStatus2 === exports.TELE_BOX_STATE.Minimized) && collectorRect2) {
-        if (maximized2 || lastNotMinimizedBoxStatus2 === exports.TELE_BOX_STATE.Maximized) {
+        this.events.emit(TELE_BOX_EVENT.IntrinsicMove, coord);
+      }
+    });
+    const coord$ = combine(
+      [
+        intrinsicCoord$,
+        intrinsicSize$,
+        containerRect$,
+        collectorRect$,
+        minimized$,
+        maximized$,
+        boxStatus$,
+        lastNotMinimizedBoxStatus$
+      ],
+      ([
+        intrinsicCoord,
+        intrinsicSize,
+        containerRect2,
+        collectorRect2,
+        minimized2,
+        maximized2,
+        boxStatus2,
+        lastNotMinimizedBoxStatus2
+      ]) => {
+        if ((minimized2 || boxStatus2 === TELE_BOX_STATE.Minimized) && collectorRect2) {
+          if (maximized2 || lastNotMinimizedBoxStatus2 === TELE_BOX_STATE.Maximized) {
+            return {
+              x: (collectorRect2.x + collectorRect2.width / 2) / containerRect2.width - 1 / 2,
+              y: (collectorRect2.y + collectorRect2.height / 2) / containerRect2.height - 1 / 2
+            };
+          }
           return {
-            x: (collectorRect2.x + collectorRect2.width / 2) / containerRect2.width - 1 / 2,
-            y: (collectorRect2.y + collectorRect2.height / 2) / containerRect2.height - 1 / 2
+            x: (collectorRect2.x + collectorRect2.width / 2) / containerRect2.width - intrinsicSize.width / 2,
+            y: (collectorRect2.y + collectorRect2.height / 2) / containerRect2.height - intrinsicSize.height / 2
           };
         }
-        return {
-          x: (collectorRect2.x + collectorRect2.width / 2) / containerRect2.width - intrinsicSize.width / 2,
-          y: (collectorRect2.y + collectorRect2.height / 2) / containerRect2.height - intrinsicSize.height / 2
-        };
-      }
-      if (maximized2 || boxStatus2 === exports.TELE_BOX_STATE.Maximized) {
-        return { x: 0, y: 0 };
-      }
-      return intrinsicCoord;
-    }, shallowequal);
+        if (maximized2 || boxStatus2 === TELE_BOX_STATE.Maximized) {
+          return { x: 0, y: 0 };
+        }
+        return intrinsicCoord;
+      },
+      shallowequal
+    );
     coord$.reaction((coord, _, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_EVENT.Move, coord);
+        this.events.emit(TELE_BOX_EVENT.Move, coord);
       }
     });
     this.titleBar = titleBar || new DefaultTitleBar({
@@ -1732,24 +1753,27 @@ class TeleBox {
           this._delegateEvents.emit(event.type);
         } else {
           switch (event.type) {
-            case exports.TELE_BOX_DELEGATE_EVENT.Maximize: {
+            case TELE_BOX_DELEGATE_EVENT.Maximize: {
               if (!boxStatus$.value) {
                 maximized$.setValue(!maximized$.value);
               }
               break;
             }
-            case exports.TELE_BOX_DELEGATE_EVENT.Minimize: {
+            case TELE_BOX_DELEGATE_EVENT.Minimize: {
               if (!boxStatus$.value) {
                 minimized$.setValue(true);
               }
               break;
             }
-            case exports.TELE_BOX_DELEGATE_EVENT.Close: {
+            case TELE_BOX_DELEGATE_EVENT.Close: {
               visible$.setValue(false);
               break;
             }
             default: {
-              console.error("Unsupported titleBar event:", event);
+              console.error(
+                "Unsupported titleBar event:",
+                event
+              );
               break;
             }
           }
@@ -1796,7 +1820,13 @@ class TeleBox {
     this._boxStatus$ = boxStatus$;
     this._lastNotMinimizedBoxStatus$ = lastNotMinimizedBoxStatus$;
     if (this.fixRatio) {
-      this.transform(coord$.value.x, coord$.value.y, size$.value.width, size$.value.height, true);
+      this.transform(
+        coord$.value.x,
+        coord$.value.y,
+        size$.value.width,
+        size$.value.height,
+        true
+      );
     }
     this.$box = this.render();
   }
@@ -1817,12 +1847,12 @@ class TeleBox {
   }
   setState(state, skipUpdate = false) {
     switch (state) {
-      case exports.TELE_BOX_STATE.Maximized: {
+      case TELE_BOX_STATE.Maximized: {
         this.setMinimized(false, skipUpdate);
         this.setMaximized(true, skipUpdate);
         break;
       }
-      case exports.TELE_BOX_STATE.Minimized: {
+      case TELE_BOX_STATE.Minimized: {
         this.setMinimized(true, skipUpdate);
         this.setMaximized(false, skipUpdate);
         break;
@@ -1836,8 +1866,8 @@ class TeleBox {
     return this;
   }
   setBoxStatus(boxStatus, skipUpdate = false) {
-    if (boxStatus === exports.TELE_BOX_STATE.Minimized) {
-      if (this._boxStatus$.value && this._boxStatus$.value !== exports.TELE_BOX_STATE.Minimized) {
+    if (boxStatus === TELE_BOX_STATE.Minimized) {
+      if (this._boxStatus$.value && this._boxStatus$.value !== TELE_BOX_STATE.Minimized) {
         this.setLastNotMinimizedBoxStatus(this._boxStatus$.value, skipUpdate);
       }
     } else {
@@ -1845,14 +1875,14 @@ class TeleBox {
     }
     this._boxStatus$.setValue(boxStatus, skipUpdate);
     if (!skipUpdate) {
-      this.events.emit(exports.TELE_BOX_EVENT.BoxStatus, { id: this.id, boxStatus });
+      this.events.emit(TELE_BOX_EVENT.BoxStatus, { id: this.id, boxStatus });
     }
     return this;
   }
   setLastNotMinimizedBoxStatus(lastNotMinimizedBoxStatus, skipUpdate = false) {
     this._lastNotMinimizedBoxStatus$.setValue(lastNotMinimizedBoxStatus, skipUpdate);
     if (!skipUpdate) {
-      this.events.emit(exports.TELE_BOX_EVENT.LastNotMinimizedBoxStatus, { id: this.id, lastNotMinimizedBoxStatus });
+      this.events.emit(TELE_BOX_EVENT.LastNotMinimizedBoxStatus, { id: this.id, lastNotMinimizedBoxStatus });
     }
     return this;
   }
@@ -1863,11 +1893,17 @@ class TeleBox {
     return this._minSize$.value.height;
   }
   setMinWidth(minWidth, skipUpdate = false) {
-    this._minSize$.setValue({ width: minWidth, height: this.minHeight }, skipUpdate);
+    this._minSize$.setValue(
+      { width: minWidth, height: this.minHeight },
+      skipUpdate
+    );
     return this;
   }
   setMinHeight(minHeight, skipUpdate = false) {
-    this._minSize$.setValue({ width: this.minWidth, height: minHeight }, skipUpdate);
+    this._minSize$.setValue(
+      { width: this.minWidth, height: minHeight },
+      skipUpdate
+    );
     return this;
   }
   get intrinsicWidth() {
@@ -1928,14 +1964,20 @@ class TeleBox {
         height = this.intrinsicHeight;
       }
     }
-    this._intrinsicCoord$.setValue({
-      x: width >= this.minWidth ? x : this.intrinsicX,
-      y: height >= this.minHeight ? y : this.intrinsicY
-    }, skipUpdate);
-    this._intrinsicSize$.setValue({
-      width: clamp(width, this.minWidth, 1),
-      height: clamp(height, this.minHeight, 1)
-    }, skipUpdate);
+    this._intrinsicCoord$.setValue(
+      {
+        x: width >= this.minWidth ? x : this.intrinsicX,
+        y: height >= this.minHeight ? y : this.intrinsicY
+      },
+      skipUpdate
+    );
+    this._intrinsicSize$.setValue(
+      {
+        width: clamp(width, this.minWidth, 1),
+        height: clamp(height, this.minHeight, 1)
+      },
+      skipUpdate
+    );
     return this;
   }
   mount(container) {
@@ -2011,33 +2053,52 @@ class TeleBox {
     bindClassName(this.$box, this._resizable$, "no-resize", isFalsy);
     bindClassName(this.$box, this._focus$, "blur", isFalsy);
     bindClassName(this.$box, this._darkMode$, "color-scheme-dark");
-    bindClassName(this.$box, this._darkMode$, "color-scheme-light", isFalsy);
+    bindClassName(
+      this.$box,
+      this._darkMode$,
+      "color-scheme-light",
+      isFalsy
+    );
     this._renderSideEffect.add(() => {
       const minimizedClassName = this.wrapClassName("minimized");
       const maximizedClassName = this.wrapClassName("maximized");
       const MAXIMIZED_TIMER_ID = "box-maximized-timer";
       return this._state$.subscribe((state) => {
-        this.$box.classList.toggle(minimizedClassName, state === exports.TELE_BOX_STATE.Minimized);
-        if (state === exports.TELE_BOX_STATE.Maximized) {
+        this.$box.classList.toggle(
+          minimizedClassName,
+          state === TELE_BOX_STATE.Minimized
+        );
+        if (state === TELE_BOX_STATE.Maximized) {
           this._renderSideEffect.flush(MAXIMIZED_TIMER_ID);
           this.$box.classList.toggle(maximizedClassName, true);
         } else {
-          this._renderSideEffect.setTimeout(() => {
-            this.$box.classList.toggle(maximizedClassName, false);
-          }, 0, MAXIMIZED_TIMER_ID);
+          this._renderSideEffect.setTimeout(
+            () => {
+              this.$box.classList.toggle(
+                maximizedClassName,
+                false
+              );
+            },
+            0,
+            MAXIMIZED_TIMER_ID
+          );
         }
       });
     });
-    this._renderSideEffect.add(() => this._visible$.subscribe((visible) => {
-      if (visible) {
-        this.$box.style.removeProperty("display");
-      } else {
-        this.$box.style.display = "none";
-      }
-    }));
-    this._renderSideEffect.add(() => this._zIndex$.subscribe((zIndex) => {
-      this.$box.style.zIndex = String(zIndex);
-    }));
+    this._renderSideEffect.add(
+      () => this._visible$.subscribe((visible) => {
+        if (visible) {
+          this.$box.style.removeProperty("display");
+        } else {
+          this.$box.style.display = "none";
+        }
+      })
+    );
+    this._renderSideEffect.add(
+      () => this._zIndex$.subscribe((zIndex) => {
+        this.$box.style.zIndex = String(zIndex);
+      })
+    );
     const boxStyler = index(this.$box);
     this.$box.dataset.teleBoxID = this.id;
     this.$box.style.width = this.absoluteWidth + "px";
@@ -2045,25 +2106,29 @@ class TeleBox {
     const translateX = this.x * this.containerRect.width + this.containerRect.x;
     const translateY = this.y * this.containerRect.height + this.containerRect.y;
     this.$box.style.transform = `translate(${translateX - 10}px,${translateY - 10}px)`;
-    this._valSideEffectBinder.combine([
-      this._coord$,
-      this._size$,
-      this._minimized$,
-      this._containerRect$,
-      this._collectorRect$,
-      this._boxStatus$
-    ], ([coord, size, minimized, containerRect, collectorRect, boxStatus]) => {
-      const absoluteWidth = size.width * containerRect.width;
-      const absoluteHeight = size.height * containerRect.height;
-      return {
-        width: absoluteWidth + ((minimized || boxStatus === exports.TELE_BOX_STATE.Minimized) && collectorRect ? 1 : 0),
-        height: absoluteHeight + ((minimized || boxStatus === exports.TELE_BOX_STATE.Minimized) && collectorRect ? 1 : 0),
-        x: coord.x * containerRect.width,
-        y: coord.y * containerRect.height,
-        scaleX: (minimized || boxStatus === exports.TELE_BOX_STATE.Minimized) && collectorRect ? collectorRect.width / absoluteWidth : 1,
-        scaleY: (minimized || boxStatus === exports.TELE_BOX_STATE.Minimized) && collectorRect ? collectorRect.height / absoluteHeight : 1
-      };
-    }, shallowequal).subscribe((styles) => {
+    this._valSideEffectBinder.combine(
+      [
+        this._coord$,
+        this._size$,
+        this._minimized$,
+        this._containerRect$,
+        this._collectorRect$,
+        this._boxStatus$
+      ],
+      ([coord, size, minimized, containerRect, collectorRect, boxStatus]) => {
+        const absoluteWidth = size.width * containerRect.width;
+        const absoluteHeight = size.height * containerRect.height;
+        return {
+          width: absoluteWidth + ((minimized || boxStatus === TELE_BOX_STATE.Minimized) && collectorRect ? 1 : 0),
+          height: absoluteHeight + ((minimized || boxStatus === TELE_BOX_STATE.Minimized) && collectorRect ? 1 : 0),
+          x: coord.x * containerRect.width,
+          y: coord.y * containerRect.height,
+          scaleX: (minimized || boxStatus === TELE_BOX_STATE.Minimized) && collectorRect ? collectorRect.width / absoluteWidth : 1,
+          scaleY: (minimized || boxStatus === TELE_BOX_STATE.Minimized) && collectorRect ? collectorRect.height / absoluteHeight : 1
+        };
+      },
+      shallowequal
+    ).subscribe((styles) => {
       boxStyler.set(styles);
     });
     boxStyler.set({ x: translateX, y: translateY });
@@ -2128,7 +2193,7 @@ class TeleBox {
   _renderResizeHandlers() {
     const $resizeHandles = document.createElement("div");
     $resizeHandles.className = this.wrapClassName("resize-handles");
-    Object.values(exports.TELE_BOX_RESIZE_HANDLE).forEach((handleType) => {
+    Object.values(TELE_BOX_RESIZE_HANDLE).forEach((handleType) => {
       const $handle = document.createElement("div");
       $handle.className = this.wrapClassName(handleType) + " " + this.wrapClassName("resize-handle");
       $handle.dataset.teleBoxHandle = handleType;
@@ -2146,7 +2211,7 @@ class TeleBox {
     let trackStartPageY = 0;
     let trackingHandle;
     const handleTracking = (ev) => {
-      if (this.state !== exports.TELE_BOX_STATE.Normal) {
+      if (this.state !== TELE_BOX_STATE.Normal) {
         return;
       }
       preventEvent(ev);
@@ -2157,45 +2222,95 @@ class TeleBox {
       const offsetX = (pageX - trackStartPageX) / this.containerRect.width;
       const offsetY = (pageY - trackStartPageY) / this.containerRect.height;
       switch (trackingHandle) {
-        case exports.TELE_BOX_RESIZE_HANDLE.North: {
-          this.transform(this.x, trackStartY + offsetY, this.width, trackStartHeight - offsetY);
+        case TELE_BOX_RESIZE_HANDLE.North: {
+          this.transform(
+            this.x,
+            trackStartY + offsetY,
+            this.width,
+            trackStartHeight - offsetY
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.South: {
-          this.transform(this.x, this.y, this.width, trackStartHeight + offsetY);
+        case TELE_BOX_RESIZE_HANDLE.South: {
+          this.transform(
+            this.x,
+            this.y,
+            this.width,
+            trackStartHeight + offsetY
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.West: {
-          this.transform(trackStartX + offsetX, this.y, trackStartWidth - offsetX, this.height);
+        case TELE_BOX_RESIZE_HANDLE.West: {
+          this.transform(
+            trackStartX + offsetX,
+            this.y,
+            trackStartWidth - offsetX,
+            this.height
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.East: {
-          this.transform(this.x, this.y, trackStartWidth + offsetX, this.height);
+        case TELE_BOX_RESIZE_HANDLE.East: {
+          this.transform(
+            this.x,
+            this.y,
+            trackStartWidth + offsetX,
+            this.height
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.NorthWest: {
-          this.transform(trackStartX + offsetX, trackStartY + offsetY, trackStartWidth - offsetX, trackStartHeight - offsetY);
+        case TELE_BOX_RESIZE_HANDLE.NorthWest: {
+          this.transform(
+            trackStartX + offsetX,
+            trackStartY + offsetY,
+            trackStartWidth - offsetX,
+            trackStartHeight - offsetY
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.NorthEast: {
-          this.transform(this.x, trackStartY + offsetY, trackStartWidth + offsetX, trackStartHeight - offsetY);
+        case TELE_BOX_RESIZE_HANDLE.NorthEast: {
+          this.transform(
+            this.x,
+            trackStartY + offsetY,
+            trackStartWidth + offsetX,
+            trackStartHeight - offsetY
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.SouthEast: {
-          this.transform(this.x, this.y, trackStartWidth + offsetX, trackStartHeight + offsetY);
+        case TELE_BOX_RESIZE_HANDLE.SouthEast: {
+          this.transform(
+            this.x,
+            this.y,
+            trackStartWidth + offsetX,
+            trackStartHeight + offsetY
+          );
           break;
         }
-        case exports.TELE_BOX_RESIZE_HANDLE.SouthWest: {
-          this.transform(trackStartX + offsetX, this.y, trackStartWidth - offsetX, trackStartHeight + offsetY);
+        case TELE_BOX_RESIZE_HANDLE.SouthWest: {
+          this.transform(
+            trackStartX + offsetX,
+            this.y,
+            trackStartWidth - offsetX,
+            trackStartHeight + offsetY
+          );
           break;
         }
         default: {
           if (this.fence) {
-            this.move(clamp(trackStartX + offsetX, 0, 1 - this.width), clamp(trackStartY + offsetY, 0, 1 - this.height));
+            this.move(
+              clamp(trackStartX + offsetX, 0, 1 - this.width),
+              clamp(trackStartY + offsetY, 0, 1 - this.height)
+            );
           } else {
             const xOverflowOffset = 20 / this.containerRect.width;
             const yOverflowOffset = 20 / this.containerRect.height;
-            this.move(clamp(trackStartX + offsetX, xOverflowOffset - this.width, 1 - xOverflowOffset), clamp(trackStartY + offsetY, 0, 1 - yOverflowOffset));
+            this.move(
+              clamp(
+                trackStartX + offsetX,
+                xOverflowOffset - this.width,
+                1 - xOverflowOffset
+              ),
+              clamp(trackStartY + offsetY, 0, 1 - yOverflowOffset)
+            );
           }
           break;
         }
@@ -2219,7 +2334,7 @@ class TeleBox {
       if (ev.button != null && ev.button !== 0) {
         return;
       }
-      if (!this.draggable || trackingHandle || this.state !== exports.TELE_BOX_STATE.Normal) {
+      if (!this.draggable || trackingHandle || this.state !== TELE_BOX_STATE.Normal) {
         return;
       }
       const target = ev.target;
@@ -2235,7 +2350,9 @@ class TeleBox {
           $trackMask = document.createElement("div");
         }
         const cursor = trackingHandle ? this.wrapClassName(`cursor-${trackingHandle}`) : "";
-        $trackMask.className = this.wrapClassName(`track-mask${cursor ? ` ${cursor}` : ""}`);
+        $trackMask.className = this.wrapClassName(
+          `track-mask${cursor ? ` ${cursor}` : ""}`
+        );
         this.$box.appendChild($trackMask);
         this.$box.classList.add(transformingClassName);
         this._sideEffect.add(() => {
@@ -2255,18 +2372,33 @@ class TeleBox {
             window.removeEventListener("touchmove", handleTracking);
             window.removeEventListener("mouseup", handleTrackEnd);
             window.removeEventListener("touchend", handleTrackEnd);
-            window.removeEventListener("touchcancel", handleTrackEnd);
+            window.removeEventListener(
+              "touchcancel",
+              handleTrackEnd
+            );
           };
         }, TRACKING_DISPOSER_ID);
       }
     };
     this._handleTrackStart = handleTrackStart;
-    this._sideEffect.addEventListener($resizeHandles, "mousedown", handleTrackStart, {}, "box-resizeHandles-mousedown");
-    this._sideEffect.addEventListener($resizeHandles, "touchstart", handleTrackStart, { passive: false }, "box-resizeHandles-touchstart");
+    this._sideEffect.addEventListener(
+      $resizeHandles,
+      "mousedown",
+      handleTrackStart,
+      {},
+      "box-resizeHandles-mousedown"
+    );
+    this._sideEffect.addEventListener(
+      $resizeHandles,
+      "touchstart",
+      handleTrackStart,
+      { passive: false },
+      "box-resizeHandles-touchstart"
+    );
   }
   destroy() {
     this.$box.remove();
-    this.events.emit(exports.TELE_BOX_EVENT.Destroyed);
+    this.events.emit(TELE_BOX_EVENT.Destroyed);
     this._sideEffect.flushAll();
     this._renderSideEffect.flushAll();
     this.events.removeAllListeners();
@@ -2279,7 +2411,7 @@ class TeleBox {
 function noop() {
   return;
 }
-var style$2 = ".telebox-collector {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  visibility: hidden;\n  display: block;\n  position: absolute;\n  z-index: 1000;\n  width: 40px;\n  height: 40px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 0;\n  border-radius: 50%;\n  background: #fff;\n  box-shadow: 0px 2px 6px 0px rgba(47, 65, 146, 0.15);\n  cursor: pointer;\n  user-select: none;\n  pointer-events: none;\n  background-repeat: no-repeat;\n  background-size: 18px 16px;\n  background-position: center;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.telebox-collector-visible {\n  visibility: visible;\n  pointer-events: initial;\n}\n\n.telebox-collector-readonly {\n  cursor: not-allowed;\n}\n\n.telebox-color-scheme-dark {\n  color-scheme: dark;\n}\n\n.telebox-color-scheme-dark.telebox-collector {\n  background-color: #43434d;\n}\n\n.telebox-collector-shadow {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  pointer-events: none;\n}";
+var style$2 = "";
 var collectorSVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNiI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzdCODhBMCIgc3Ryb2tlLXdpZHRoPSIxLjQiIGQ9Ik0uNyAxLjJoMTYuNnYxMy42SC43eiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjN0I4OEEwIiBkPSJNNCA1LjVoNnYxLjRINHpNNCA5LjVoMTB2MS40SDR6IiAvPgogICAgPC9nPgo8L3N2Zz4K";
 class TeleBoxCollector {
   constructor({
@@ -2332,7 +2464,7 @@ class TeleBoxCollector {
     const boxesStatus = this.boxesStatus;
     if (boxesStatus) {
       for (const status of boxesStatus.values()) {
-        if (status === exports.TELE_BOX_STATE.Minimized) {
+        if (status === TELE_BOX_STATE.Minimized) {
           return true;
         }
       }
@@ -2347,7 +2479,10 @@ class TeleBoxCollector {
     if (this._visible !== visible) {
       this._visible = visible;
       if (this.$collector) {
-        this.$collector.classList.toggle(this.wrapClassName("collector-visible"), visible);
+        this.$collector.classList.toggle(
+          this.wrapClassName("collector-visible"),
+          visible
+        );
       }
     }
     return this;
@@ -2356,7 +2491,10 @@ class TeleBoxCollector {
     if (this._readonly !== readonly) {
       this._readonly = readonly;
       if (this.$collector) {
-        this.$collector.classList.toggle(this.wrapClassName("collector-readonly"), readonly);
+        this.$collector.classList.toggle(
+          this.wrapClassName("collector-readonly"),
+          readonly
+        );
       }
     }
     return this;
@@ -2365,8 +2503,14 @@ class TeleBoxCollector {
     if (this._darkMode !== darkMode) {
       this._darkMode = darkMode;
       if (this.$collector) {
-        this.$collector.classList.toggle(this.wrapClassName("color-scheme-dark"), darkMode);
-        this.$collector.classList.toggle(this.wrapClassName("color-scheme-light"), !darkMode);
+        this.$collector.classList.toggle(
+          this.wrapClassName("color-scheme-dark"),
+          darkMode
+        );
+        this.$collector.classList.toggle(
+          this.wrapClassName("color-scheme-light"),
+          !darkMode
+        );
       }
     }
     return this;
@@ -2389,14 +2533,25 @@ class TeleBoxCollector {
       this.$collector = document.createElement("button");
       this.$collector.className = this.wrapClassName("collector");
       this.$collector.style.backgroundImage = `url('${collectorSVG}')`;
-      this.$collector.addEventListener("click", this.handleCollectorClick);
+      this.$collector.addEventListener(
+        "click",
+        this.handleCollectorClick
+      );
       if (this._visible) {
-        this.$collector.classList.add(this.wrapClassName("collector-visible"));
+        this.$collector.classList.add(
+          this.wrapClassName("collector-visible")
+        );
       }
       if (this._readonly) {
-        this.$collector.classList.add(this.wrapClassName("collector-readonly"));
-      }
-      this.$collector.classList.add(this.wrapClassName(this._darkMode ? "color-scheme-dark" : "color-scheme-light"));
+        this.$collector.classList.add(
+          this.wrapClassName("collector-readonly")
+        );
+      }
+      this.$collector.classList.add(
+        this.wrapClassName(
+          this._darkMode ? "color-scheme-dark" : "color-scheme-light"
+        )
+      );
       this.$appMenuContainer.classList.add(this.wrapClassName("collector-shadow"));
       this.$collector.append(this.$appMenuContainer);
       this.setStyles(this.styles);
@@ -2405,7 +2560,10 @@ class TeleBoxCollector {
   }
   destroy() {
     if (this.$collector) {
-      this.$collector.removeEventListener("click", this.handleCollectorClick);
+      this.$collector.removeEventListener(
+        "click",
+        this.handleCollectorClick
+      );
       this.$collector.remove();
       this.$collector = void 0;
     }
@@ -2415,8 +2573,7 @@ class TeleBoxCollector {
     return `${this.namespace}-${className}`;
   }
 }
-exports.TELE_BOX_MANAGER_EVENT = void 0;
-(function(TELE_BOX_MANAGER_EVENT2) {
+var TELE_BOX_MANAGER_EVENT = /* @__PURE__ */ ((TELE_BOX_MANAGER_EVENT2) => {
   TELE_BOX_MANAGER_EVENT2["Focused"] = "focused";
   TELE_BOX_MANAGER_EVENT2["Blurred"] = "blurred";
   TELE_BOX_MANAGER_EVENT2["Created"] = "created";
@@ -2434,8 +2591,9 @@ exports.TELE_BOX_MANAGER_EVENT = void 0;
   TELE_BOX_MANAGER_EVENT2["DarkMode"] = "dark_mode";
   TELE_BOX_MANAGER_EVENT2["BoxStatus"] = "box_status";
   TELE_BOX_MANAGER_EVENT2["LastNotMinimizedBoxStatus"] = "last_not_minimized_box_status";
-})(exports.TELE_BOX_MANAGER_EVENT || (exports.TELE_BOX_MANAGER_EVENT = {}));
-var style$1 = ".telebox-max-titlebar {\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n}\n.telebox-max-titlebar .telebox-title {\n  display: none;\n}\n.telebox-max-titlebar.telebox-max-titlebar-single-title .telebox-titles {\n  display: none;\n}\n.telebox-max-titlebar.telebox-max-titlebar-single-title .telebox-title {\n  display: block;\n}\n.telebox-max-titlebar-maximized {\n  display: flex;\n}\n.telebox-titles {\n  height: 100%;\n  margin: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  overflow-x: overlay;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  scrollbar-width: auto;\n}\n.telebox-titles::-webkit-scrollbar {\n  height: 8px;\n  width: 8px;\n}\n.telebox-titles::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.telebox-titles::-webkit-scrollbar-thumb {\n  background-color: rgba(238, 238, 247, 0.8);\n  background-color: transparent;\n  border-radius: 4px;\n  transition: background-color 0.4s;\n}\n.telebox-titles:hover::-webkit-scrollbar-thumb {\n  background-color: rgba(238, 238, 247, 0.8);\n}\n.telebox-titles::-webkit-scrollbar-thumb:hover {\n  background-color: #eeeef7;\n}\n.telebox-titles::-webkit-scrollbar-thumb:active {\n  background-color: #eeeef7;\n}\n.telebox-titles::-webkit-scrollbar-thumb:vertical {\n  min-height: 50px;\n}\n.telebox-titles::-webkit-scrollbar-thumb:horizontal {\n  min-width: 50px;\n}\n.telebox-titles-content {\n  height: 100%;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  padding: 0;\n}\n.telebox-titles-tab {\n  height: 100%;\n  overflow: hidden;\n  max-width: 182px;\n  min-width: 50px;\n  padding: 0 26px 0 16px;\n  outline: none;\n  font-size: 13px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-break: keep-all;\n  border: none;\n  border-right: 1px solid #e5e5f0;\n  color: #7b88a0;\n  background: transparent;\n  cursor: pointer;\n  user-select: none;\n}\n.telebox-titles-tab-focus {\n  color: #357bf6;\n}\n.telebox-readonly .telebox-titles-tab {\n  cursor: not-allowed;\n}\n.telebox-color-scheme-dark {\n  color-scheme: dark;\n}\n.telebox-color-scheme-dark.telebox-titlebar {\n  color: #e9e9e9;\n  background: #43434d;\n  border-bottom: none;\n}\n.telebox-color-scheme-dark .telebox-titles-tab {\n  border-right-color: #7b88a0;\n}\n.telebox-color-scheme-dark .telebox-title {\n  color: #e9e9e9;\n}";
+  return TELE_BOX_MANAGER_EVENT2;
+})(TELE_BOX_MANAGER_EVENT || {});
+var style$1 = "";
 class MaxTitleBar extends DefaultTitleBar {
   constructor(config) {
     super(config);
@@ -2453,7 +2611,7 @@ class MaxTitleBar extends DefaultTitleBar {
     if (this.getBoxesStatus) {
       const boxesStatus = this.getBoxesStatus();
       if (boxesStatus.size) {
-        const hasMaximizedBox = [...boxesStatus.values()].find((state) => state === exports.TELE_BOX_STATE.Maximized);
+        const hasMaximizedBox = [...boxesStatus.values()].find((state) => state === TELE_BOX_STATE.Maximized);
         return !!hasMaximizedBox;
       }
     }
@@ -2463,7 +2621,7 @@ class MaxTitleBar extends DefaultTitleBar {
     if (this.getBoxesStatus) {
       const boxesStatus = this.getBoxesStatus();
       if (boxesStatus) {
-        return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === exports.TELE_BOX_STATE.Maximized);
+        return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === TELE_BOX_STATE.Maximized);
       }
     }
     return [];
@@ -2475,15 +2633,21 @@ class MaxTitleBar extends DefaultTitleBar {
     }
     if (this.$titles) {
       const { children } = this.$titles.firstElementChild;
-      if (this.state === exports.TELE_BOX_STATE.Maximized && !this.hasMaximizedBoxInStatus()) {
+      if (this.state === TELE_BOX_STATE.Maximized && !this.hasMaximizedBoxInStatus()) {
         for (let i2 = children.length - 1; i2 >= 0; i2 -= 1) {
           const $tab = children[i2];
           const id = (_a = $tab.dataset) == null ? void 0 : _a.teleBoxID;
           if (id) {
             if (box && id === box.id) {
-              $tab.classList.toggle(this.wrapClassName("titles-tab-focus"), true);
+              $tab.classList.toggle(
+                this.wrapClassName("titles-tab-focus"),
+                true
+              );
             } else if (this.focusedBox && id === this.focusedBox.id) {
-              $tab.classList.toggle(this.wrapClassName("titles-tab-focus"), false);
+              $tab.classList.toggle(
+                this.wrapClassName("titles-tab-focus"),
+                false
+              );
             }
           }
         }
@@ -2493,9 +2657,15 @@ class MaxTitleBar extends DefaultTitleBar {
           const id = (_b = $tab.dataset) == null ? void 0 : _b.teleBoxID;
           if (id) {
             if (box && id === box.id) {
-              $tab.classList.toggle(this.wrapClassName("titles-tab-focus"), true);
+              $tab.classList.toggle(
+                this.wrapClassName("titles-tab-focus"),
+                true
+              );
             } else if (this.focusedBox && id === this.focusedBox.id) {
-              $tab.classList.toggle(this.wrapClassName("titles-tab-focus"), false);
+              $tab.classList.toggle(
+                this.wrapClassName("titles-tab-focus"),
+                false
+              );
             }
           }
         }
@@ -2513,39 +2683,57 @@ class MaxTitleBar extends DefaultTitleBar {
   }
   updateBoxesStatus() {
     if (this.hasMaximizedBoxInStatus()) {
-      this.setBoxStatus(exports.TELE_BOX_STATE.Maximized);
+      this.setBoxStatus(TELE_BOX_STATE.Maximized);
     }
     if (this.$titleBar) {
-      this.$titleBar.classList.toggle(this.wrapClassName("max-titlebar-maximized"), this.state === exports.TELE_BOX_STATE.Maximized && this.boxes.length > 0 || this.hasMaximizedBoxInStatus());
+      this.$titleBar.classList.toggle(
+        this.wrapClassName("max-titlebar-maximized"),
+        this.state === TELE_BOX_STATE.Maximized && this.boxes.length > 0 || this.hasMaximizedBoxInStatus()
+      );
     }
     this.updateTitles();
   }
   setBoxes(boxes) {
     this.boxes = boxes;
     if (this.$titleBar) {
-      this.$titleBar.classList.toggle(this.wrapClassName("max-titlebar-maximized"), this.state === exports.TELE_BOX_STATE.Maximized && boxes.length > 0 || this.hasMaximizedBoxInStatus());
+      this.$titleBar.classList.toggle(
+        this.wrapClassName("max-titlebar-maximized"),
+        this.state === TELE_BOX_STATE.Maximized && boxes.length > 0 || this.hasMaximizedBoxInStatus()
+      );
     }
     this.updateTitles();
   }
   setState(state) {
     super.setState(state);
     if (this.$titleBar) {
-      this.$titleBar.classList.toggle(this.wrapClassName("max-titlebar-maximized"), state === exports.TELE_BOX_STATE.Maximized && this.boxes.length > 0 || this.hasMaximizedBoxInStatus());
+      this.$titleBar.classList.toggle(
+        this.wrapClassName("max-titlebar-maximized"),
+        state === TELE_BOX_STATE.Maximized && this.boxes.length > 0 || this.hasMaximizedBoxInStatus()
+      );
     }
     this.updateTitles();
   }
   setReadonly(readonly) {
     super.setReadonly(readonly);
     if (this.$titleBar) {
-      this.$titleBar.classList.toggle(this.wrapClassName("readonly"), this.readonly);
+      this.$titleBar.classList.toggle(
+        this.wrapClassName("readonly"),
+        this.readonly
+      );
     }
   }
   setDarkMode(darkMode) {
     if (darkMode !== this.darkMode) {
       this.darkMode = darkMode;
       if (this.$titleBar) {
-        this.$titleBar.classList.toggle(this.wrapClassName("color-scheme-dark"), darkMode);
-        this.$titleBar.classList.toggle(this.wrapClassName("color-scheme-light"), !darkMode);
+        this.$titleBar.classList.toggle(
+          this.wrapClassName("color-scheme-dark"),
+          darkMode
+        );
+        this.$titleBar.classList.toggle(
+          this.wrapClassName("color-scheme-light"),
+          !darkMode
+        );
       }
     }
   }
@@ -2555,9 +2743,19 @@ class MaxTitleBar extends DefaultTitleBar {
     $titleBar.style.transform = `translate(${x}px, ${y}px)`;
     $titleBar.style.width = width + "px";
     $titleBar.classList.add(this.wrapClassName("max-titlebar"));
-    $titleBar.classList.toggle(this.wrapClassName("max-titlebar-maximized"), this.state === exports.TELE_BOX_STATE.Maximized && this.boxes.length > 0);
-    $titleBar.classList.toggle(this.wrapClassName("readonly"), this.readonly);
-    $titleBar.classList.add(this.wrapClassName(this.darkMode ? "color-scheme-dark" : "color-scheme-light"));
+    $titleBar.classList.toggle(
+      this.wrapClassName("max-titlebar-maximized"),
+      this.state === TELE_BOX_STATE.Maximized && this.boxes.length > 0
+    );
+    $titleBar.classList.toggle(
+      this.wrapClassName("readonly"),
+      this.readonly
+    );
+    $titleBar.classList.add(
+      this.wrapClassName(
+        this.darkMode ? "color-scheme-dark" : "color-scheme-light"
+      )
+    );
     const $titlesArea = document.createElement("div");
     $titlesArea.classList.add(this.wrapClassName("titles-area"));
     $titleBar.insertBefore($titlesArea, $titleBar.firstElementChild);
@@ -2571,24 +2769,34 @@ class MaxTitleBar extends DefaultTitleBar {
     this.focusedBox = void 0;
   }
   updateTitles() {
-    if (this.$titleBar && (this.state === exports.TELE_BOX_STATE.Maximized || this.hasMaximizedBoxInStatus())) {
-      this.$titleBar.classList.toggle(this.wrapClassName("max-titlebar-single-title"), this.boxes.length === 1 || this.hasMaximizedBoxInStatus() && this.MaximizedBoxes.length === 1);
+    if (this.$titleBar && (this.state === TELE_BOX_STATE.Maximized || this.hasMaximizedBoxInStatus())) {
+      this.$titleBar.classList.toggle(
+        this.wrapClassName("max-titlebar-single-title"),
+        this.boxes.length === 1 || this.hasMaximizedBoxInStatus() && this.MaximizedBoxes.length === 1
+      );
       if (this.boxes.length === 1 || this.hasMaximizedBoxInStatus() && this.MaximizedBoxes.length === 1) {
         this.setTitle(this.boxes[0].title);
       } else {
-        this.$titleBar.replaceChild(this.renderTitles(), this.$titleBar.firstElementChild);
+        this.$titleBar.replaceChild(
+          this.renderTitles(),
+          this.$titleBar.firstElementChild
+        );
       }
     }
   }
   renderTitles() {
     this.$titles = document.createElement("div");
     this.$titles.className = this.wrapClassName("titles");
-    this.$titles.addEventListener("wheel", (ev) => {
-      ev.currentTarget.scrollBy({
-        left: ev.deltaY > 0 ? 250 : -250,
-        behavior: "smooth"
-      });
-    }, { passive: false });
+    this.$titles.addEventListener(
+      "wheel",
+      (ev) => {
+        ev.currentTarget.scrollBy({
+          left: ev.deltaY > 0 ? 250 : -250,
+          behavior: "smooth"
+        });
+      },
+      { passive: false }
+    );
     const $content = document.createElement("div");
     $content.className = this.wrapClassName("titles-content");
     this.$titles.appendChild($content);
@@ -2606,7 +2814,7 @@ class MaxTitleBar extends DefaultTitleBar {
     return this.$titles;
   }
 }
-var style = ".telebox-app-menu-app-menu-badge {\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n  width: auto;\n  height: 12px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #fff;\n  background-color: red;\n  border-radius: 6px;\n  padding: 0 4px;\n  font-size: 12px;\n  line-height: 12px;\n  text-align: center;\n  transform: scale(0.7);\n}\n\n.telebox-app-menu-app-menu-tooltip {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  transform: translateY(-50px);\n  width: 100px;\n  height: auto;\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: center;\n  justify-content: flex-end;\n  box-shadow: 0 2px 6px #2f419226;\n  border-radius: 4px;\n  padding: 3px 0;\n  background-color: #fff;\n  pointer-events: none;\n}\n\n.telebox-app-menu-app-menu-item {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5px 0 15px;\n  box-sizing: border-box;\n  width: 100%;\n  pointer-events: auto;\n  color: #999;\n}\n.telebox-app-menu-app-menu-item:hover {\n  background-color: #f0f0f0;\n}\n.telebox-app-menu-app-menu-item.show-all, .telebox-app-menu-app-menu-item.hidden-all {\n  padding-left: 20px;\n  pointer-events: none;\n  background-size: 15%;\n  background-position-y: center;\n  background-position-x: 2px;\n  background-repeat: no-repeat;\n}\n.telebox-app-menu-app-menu-item.active {\n  color: #333;\n  pointer-events: auto;\n}\n.telebox-app-menu-app-menu-item.hidden-all {\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K);\n}\n.telebox-app-menu-app-menu-item.show-all {\n  border-top: 1px solid #ccc;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);\n}\n\n.telebox-app-menu-app-menu-item-title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 12px;\n  line-height: 20px;\n  text-align: left;\n  height: 20px;\n  pointer-events: none;\n}";
+var style = "";
 class AppMenu {
   constructor(props) {
     this.namespace = "telebox-app-menu";
@@ -2629,8 +2837,8 @@ class AppMenu {
       const target = e2.target;
       const id = target.getAttribute(`data-${this.c("app-id")}`);
       if (id) {
-        const lastNotMinimizedBoxStatus = this.manager.getLastNotMinimizedBoxStatus(id) || exports.TELE_BOX_STATE.Normal;
-        const zIndex = (lastNotMinimizedBoxStatus === exports.TELE_BOX_STATE.Maximized ? this.manager.getMaxMaximizedBoxZIndex() : this.manager.getMaxNormalBoxZIndex()) + 1;
+        const lastNotMinimizedBoxStatus = this.manager.getLastNotMinimizedBoxStatus(id) || TELE_BOX_STATE.Normal;
+        const zIndex = (lastNotMinimizedBoxStatus === TELE_BOX_STATE.Maximized ? this.manager.getMaxMaximizedBoxZIndex() : this.manager.getMaxNormalBoxZIndex()) + 1;
         this.manager.setBox(id, {
           status: lastNotMinimizedBoxStatus,
           zIndex
@@ -2657,12 +2865,12 @@ class AppMenu {
   }
   get boxesStatus() {
     var _a;
-    return ((_a = this.getBoxesStatus) == null ? void 0 : _a.call(this)) || new Map();
+    return ((_a = this.getBoxesStatus) == null ? void 0 : _a.call(this)) || /* @__PURE__ */ new Map();
   }
   get minimizedBoxesStatus() {
     const arr = [];
     this.boxesStatus.forEach((status) => {
-      if (status === exports.TELE_BOX_STATE.Minimized) {
+      if (status === TELE_BOX_STATE.Minimized) {
         arr.push(status);
       }
     });
@@ -2671,6 +2879,13 @@ class AppMenu {
   c(className) {
     return `${this.namespace}-${className}`;
   }
+  setContainer(container) {
+    if (this.container) {
+      this.container.remove();
+    }
+    this.container = container;
+    this.init();
+  }
   createDefaultAppMenu() {
     this.badge.classList.add(this.c("app-menu-badge"));
     this.menuView.classList.add(this.c("app-menu-tooltip"));
@@ -2723,7 +2938,7 @@ class AppMenu {
 class TeleBoxManager {
   constructor({
     root = document.body,
-    prefersColorScheme = exports.TELE_BOX_COLOR_SCHEME.Light,
+    prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,
     minimized = false,
     maximized = false,
     fence = true,
@@ -2750,7 +2965,7 @@ class TeleBoxManager {
         console.log("topBox===>topBox$===>000");
         let currentTopBox = void 0;
         const topBox = boxes.reduce((topBox2, box) => {
-          if (box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Minimized) {
+          if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Minimized) {
             return topBox2;
           }
           if (!topBox2) {
@@ -2764,8 +2979,8 @@ class TeleBoxManager {
       }
       return;
     });
-    this.boxesStatus$ = new Map();
-    this.lastNotMinimizedBoxesStatus$ = new Map();
+    this.boxesStatus$ = /* @__PURE__ */ new Map();
+    this.lastNotMinimizedBoxesStatus$ = /* @__PURE__ */ new Map();
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
     const prefersDark$ = createVal(false);
     if (prefersDark) {
@@ -2780,16 +2995,24 @@ class TeleBoxManager {
     }
     const prefersColorScheme$ = createVal(prefersColorScheme);
     prefersColorScheme$.reaction((prefersColorScheme2, _, skipUpdate) => {
-      this.boxes.forEach((box) => box.setPrefersColorScheme(prefersColorScheme2, skipUpdate));
+      this.boxes.forEach(
+        (box) => box.setPrefersColorScheme(prefersColorScheme2, skipUpdate)
+      );
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.PrefersColorScheme, prefersColorScheme2);
+        this.events.emit(
+          TELE_BOX_MANAGER_EVENT.PrefersColorScheme,
+          prefersColorScheme2
+        );
       }
     });
-    this._darkMode$ = combine([prefersDark$, prefersColorScheme$], ([prefersDark2, prefersColorScheme2]) => prefersColorScheme2 === "auto" ? prefersDark2 : prefersColorScheme2 === "dark");
+    this._darkMode$ = combine(
+      [prefersDark$, prefersColorScheme$],
+      ([prefersDark2, prefersColorScheme2]) => prefersColorScheme2 === "auto" ? prefersDark2 : prefersColorScheme2 === "dark"
+    );
     this._darkMode$.reaction((darkMode, _, skipUpdate) => {
       this.boxes.forEach((box) => box.setDarkMode(darkMode, skipUpdate));
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);
       }
     });
     const readonly$ = createVal(readonly);
@@ -2799,16 +3022,21 @@ class TeleBoxManager {
     const minimized$ = createVal(minimized);
     const maximized$ = createVal(maximized);
     maximized$.reaction((maximized2, _, skipUpdate) => {
-      this.boxes.forEach((box) => box.setMaximized(maximized2, skipUpdate));
+      this.boxes.forEach(
+        (box) => box.setMaximized(maximized2, skipUpdate)
+      );
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Maximized, maximized2);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.Maximized, maximized2);
       }
     });
-    const state$ = combine([minimized$, maximized$], ([minimized2, maximized2]) => minimized2 ? exports.TELE_BOX_STATE.Minimized : maximized2 ? exports.TELE_BOX_STATE.Maximized : exports.TELE_BOX_STATE.Normal);
+    const state$ = combine(
+      [minimized$, maximized$],
+      ([minimized2, maximized2]) => minimized2 ? TELE_BOX_STATE.Minimized : maximized2 ? TELE_BOX_STATE.Maximized : TELE_BOX_STATE.Normal
+    );
     state$.reaction((state, _, skipUpdate) => {
       this.maxTitleBar.setState(state);
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.State, state);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.State, state);
       }
     });
     const fence$ = createVal(fence);
@@ -2817,19 +3045,26 @@ class TeleBoxManager {
     });
     const containerRect$ = createVal(containerRect, shallowequal);
     containerRect$.reaction((containerRect2, _, skipUpdate) => {
-      this.boxes.forEach((box) => box.setContainerRect(containerRect2, skipUpdate));
+      this.boxes.forEach(
+        (box) => box.setContainerRect(containerRect2, skipUpdate)
+      );
       this.maxTitleBar.setContainerRect(containerRect2);
     });
-    const collector$ = createVal(collector === null ? null : collector || new TeleBoxCollector({
-      visible: minimized,
-      readonly,
-      namespace
-    }).mount(root));
+    const collector$ = createVal(
+      collector === null ? null : collector || new TeleBoxCollector({
+        visible: minimized,
+        readonly,
+        namespace
+      }).mount(root)
+    );
     collector$.subscribe((collector2) => {
       if (collector2) {
         collector2.setVisible(minimized$.value);
         collector2.setReadonly(readonly$.value);
         collector2.setDarkMode(this._darkMode$.value);
+        if (this.useBoxesStatus && this.appMenu) {
+          this.appMenu.setContainer(collector2.$appMenuContainer);
+        }
         this._sideEffect.add(() => {
           collector2.getBoxesStatus = () => {
             return this.boxesStatus$;
@@ -2847,10 +3082,12 @@ class TeleBoxManager {
         }, "collect-onClick");
       }
     });
-    readonly$.subscribe((readonly2) => {
-      var _a;
-      return (_a = collector$.value) == null ? void 0 : _a.setReadonly(readonly2);
-    });
+    readonly$.subscribe(
+      (readonly2) => {
+        var _a;
+        return (_a = collector$.value) == null ? void 0 : _a.setReadonly(readonly2);
+      }
+    );
     this._darkMode$.subscribe((darkMode) => {
       var _a;
       (_a = collector$.value) == null ? void 0 : _a.setDarkMode(darkMode);
@@ -2875,7 +3112,9 @@ class TeleBoxManager {
         collectorRect$.setValue(collectorRect);
       }
     };
-    const collectorRect$ = createVal(minimized$.value ? this._calcCollectorRect() : void 0);
+    const collectorRect$ = createVal(
+      minimized$.value ? this._calcCollectorRect() : void 0
+    );
     collectorRect$.subscribe((collectorRect, _, skipUpdate) => {
       this.boxes.forEach((box) => {
         box.setCollectorRect(collectorRect, skipUpdate);
@@ -2887,9 +3126,11 @@ class TeleBoxManager {
       if (minimized2) {
         this._setCollectorRect(this._calcCollectorRect());
       }
-      this.boxes.forEach((box) => box.setMinimized(minimized2, skipUpdate));
+      this.boxes.forEach(
+        (box) => box.setMinimized(minimized2, skipUpdate)
+      );
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Minimized, minimized2);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.Minimized, minimized2);
       }
     });
     const closeBtnClassName = this.wrapClassName("titlebar-icon-close");
@@ -2913,14 +3154,14 @@ class TeleBoxManager {
             if (!this.useBoxesStatus) {
               this.makeBoxTop(box);
             } else {
-              if (box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Normal) {
+              if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Normal) {
                 const maxNormalBoxZIndex = this.getMaxNormalBoxZIndex();
                 if (maxNormalBoxZIndex > box.zIndex) {
                   this.setBox(box, {
                     zIndex: maxNormalBoxZIndex + 1
                   }, false);
                 }
-              } else if (box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Maximized) {
+              } else if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Maximized) {
                 const maxMaximizedBoxZIndex = this.getMaxMaximizedBoxZIndex();
                 if (maxMaximizedBoxZIndex > box.zIndex) {
                   this.setBox(box, {
@@ -2937,8 +3178,18 @@ class TeleBoxManager {
         }
       }
     };
-    this._sideEffect.addEventListener(window, "mousedown", checkFocusBox, true);
-    this._sideEffect.addEventListener(window, "touchstart", checkFocusBox, true);
+    this._sideEffect.addEventListener(
+      window,
+      "mousedown",
+      checkFocusBox,
+      true
+    );
+    this._sideEffect.addEventListener(
+      window,
+      "touchstart",
+      checkFocusBox,
+      true
+    );
     this.maxTitleBar = new MaxTitleBar({
       darkMode: this.darkMode,
       readonly: readonly$.value,
@@ -2951,7 +3202,7 @@ class TeleBoxManager {
       },
       onEvent: (event) => {
         switch (event.type) {
-          case exports.TELE_BOX_DELEGATE_EVENT.Maximize: {
+          case TELE_BOX_DELEGATE_EVENT.Maximize: {
             if (this.hasBoxesStatus()) {
               let targetBox = this.maxTitleBar.focusedBox;
               if (!targetBox) {
@@ -2961,7 +3212,7 @@ class TeleBoxManager {
                 const box = this.getBox(targetBox.id);
                 if (box) {
                   this.setBox(box, {
-                    status: exports.TELE_BOX_STATE.Normal,
+                    status: TELE_BOX_STATE.Normal,
                     zIndex: this.getMaxNormalBoxZIndex() + 1
                   }, false, () => {
                     this.makeMaximizedTopBoxFocus();
@@ -2973,7 +3224,7 @@ class TeleBoxManager {
             }
             break;
           }
-          case exports.TELE_BOX_DELEGATE_EVENT.Minimize: {
+          case TELE_BOX_DELEGATE_EVENT.Minimize: {
             if (this.hasBoxesStatus()) {
               let targetBox = this.maxTitleBar.focusedBox;
               if (!targetBox) {
@@ -2988,7 +3239,7 @@ class TeleBoxManager {
                     isFocusChanged = true;
                   }
                   this.setBox(box, {
-                    status: exports.TELE_BOX_STATE.Minimized,
+                    status: TELE_BOX_STATE.Minimized,
                     zIndex: -1
                   }, false);
                   if (isFocusChanged) {
@@ -3003,7 +3254,7 @@ class TeleBoxManager {
             }
             break;
           }
-          case exports.TELE_BOX_EVENT.Close: {
+          case TELE_BOX_EVENT.Close: {
             if (this.hasBoxesStatus()) {
               let targetBox = this.maxTitleBar.focusedBox;
               if (!targetBox) {
@@ -3034,7 +3285,9 @@ class TeleBoxManager {
         }
       }
     });
-    readonly$.subscribe((readonly2) => this.maxTitleBar.setReadonly(readonly2));
+    readonly$.subscribe(
+      (readonly2) => this.maxTitleBar.setReadonly(readonly2)
+    );
     this._darkMode$.subscribe((darkMode) => {
       this.maxTitleBar.setDarkMode(darkMode);
     });
@@ -3072,12 +3325,12 @@ class TeleBoxManager {
   }
   setState(state, skipUpdate = false) {
     switch (state) {
-      case exports.TELE_BOX_STATE.Maximized: {
+      case TELE_BOX_STATE.Maximized: {
         this.setMinimized(false, skipUpdate);
         this.setMaximized(true, skipUpdate);
         break;
       }
-      case exports.TELE_BOX_STATE.Minimized: {
+      case TELE_BOX_STATE.Minimized: {
         this.setMinimized(true, skipUpdate);
         this.setMaximized(false, skipUpdate);
         break;
@@ -3094,9 +3347,9 @@ class TeleBoxManager {
     if (boxStatus) {
       const oldBoxStatus = this.boxesStatus$.get(boxId);
       this.boxesStatus$.set(boxId, boxStatus);
-      if (boxStatus === exports.TELE_BOX_STATE.Minimized && oldBoxStatus !== exports.TELE_BOX_STATE.Minimized) {
+      if (boxStatus === TELE_BOX_STATE.Minimized && oldBoxStatus !== TELE_BOX_STATE.Minimized) {
         this.setLastNotMinimizedBoxStatus(boxId, oldBoxStatus, skipUpdate);
-      } else if (oldBoxStatus === exports.TELE_BOX_STATE.Minimized && boxStatus !== exports.TELE_BOX_STATE.Minimized) {
+      } else if (oldBoxStatus === TELE_BOX_STATE.Minimized && boxStatus !== TELE_BOX_STATE.Minimized) {
         this.setLastNotMinimizedBoxStatus(boxId, void 0, skipUpdate);
       }
     } else {
@@ -3104,7 +3357,7 @@ class TeleBoxManager {
       this.setLastNotMinimizedBoxStatus(boxId, void 0, skipUpdate);
     }
     if (!skipUpdate) {
-      this.events.emit(exports.TELE_BOX_MANAGER_EVENT.BoxStatus, { id: boxId, boxStatus });
+      this.events.emit(TELE_BOX_MANAGER_EVENT.BoxStatus, { id: boxId, boxStatus });
     }
   }
   getBoxStatus(boxId) {
@@ -3116,10 +3369,13 @@ class TeleBoxManager {
   get lastNotMinimizedBoxesStatus() {
     return this.lastNotMinimizedBoxesStatus$;
   }
-  async setBoxesStatus(boxesStatus, skipUpdate = false) {
+  setBoxesStatus(boxesStatus, skipUpdate = false) {
     this.boxesStatus$ = boxesStatus;
     this.effectBoxesStatusChange(skipUpdate);
   }
+  getBoxesStatus() {
+    return this.boxesStatus$;
+  }
   effectBoxStatusChange() {
     if (!this.useBoxesStatus) {
       return;
@@ -3147,7 +3403,7 @@ class TeleBoxManager {
       var _a;
       const boxStatus = this.boxesStatus$.get(box.id);
       if (boxStatus) {
-        if (boxStatus !== exports.TELE_BOX_STATE.Minimized && box.zIndex > ((_a = newTopBox == null ? void 0 : newTopBox.zIndex) != null ? _a : 0)) {
+        if (boxStatus !== TELE_BOX_STATE.Minimized && box.zIndex > ((_a = newTopBox == null ? void 0 : newTopBox.zIndex) != null ? _a : 0)) {
           newTopBox = box;
         }
         box.setBoxStatus(boxStatus, skipUpdate);
@@ -3222,39 +3478,39 @@ class TeleBoxManager {
     if (!this.useBoxesStatus) {
       return false;
     }
-    return this.boxes.some((box) => box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Minimized);
+    return this.boxes.some((box) => box.boxStatus && box.boxStatus === TELE_BOX_STATE.Minimized);
   }
   getMinimizedBoxesStatus() {
-    const minimizedBoxes = new Map();
+    const minimizedBoxes = /* @__PURE__ */ new Map();
     this.boxesStatus$.forEach((boxStatus, boxId) => {
-      if (boxStatus === exports.TELE_BOX_STATE.Minimized) {
+      if (boxStatus === TELE_BOX_STATE.Minimized) {
         minimizedBoxes.set(boxId, boxStatus);
       }
     });
     return minimizedBoxes;
   }
   getNotMinimizedBoxesStatus() {
-    const notMinimizedBoxes = new Map();
+    const notMinimizedBoxes = /* @__PURE__ */ new Map();
     this.boxesStatus$.forEach((boxStatus, boxId) => {
-      if (boxStatus !== exports.TELE_BOX_STATE.Minimized) {
+      if (boxStatus !== TELE_BOX_STATE.Minimized) {
         notMinimizedBoxes.set(boxId, boxStatus);
       }
     });
     return notMinimizedBoxes;
   }
   getAllMaximizedBoxesStatus() {
-    const maximizedBoxes = new Map();
+    const maximizedBoxes = /* @__PURE__ */ new Map();
     this.boxesStatus$.forEach((boxStatus, boxId) => {
-      if (boxStatus === exports.TELE_BOX_STATE.Maximized) {
+      if (boxStatus === TELE_BOX_STATE.Maximized) {
         maximizedBoxes.set(boxId, boxStatus);
       }
     });
     return maximizedBoxes;
   }
   getAllNormalBoxesStatus() {
-    const normalBoxes = new Map();
+    const normalBoxes = /* @__PURE__ */ new Map();
     this.boxesStatus$.forEach((boxStatus, boxId) => {
-      if (boxStatus === exports.TELE_BOX_STATE.Normal) {
+      if (boxStatus === TELE_BOX_STATE.Normal) {
         normalBoxes.set(boxId, boxStatus);
       }
     });
@@ -3270,7 +3526,7 @@ class TeleBoxManager {
       this.lastNotMinimizedBoxesStatus$.delete(boxId);
     }
     if (!skipUpdate) {
-      this.events.emit(exports.TELE_BOX_MANAGER_EVENT.LastNotMinimizedBoxStatus, { id: boxId, boxStatus: lastNotMinimizedBoxStatus });
+      this.events.emit(TELE_BOX_MANAGER_EVENT.LastNotMinimizedBoxStatus, { id: boxId, boxStatus: lastNotMinimizedBoxStatus });
     }
   }
   setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus, skipUpdate = false) {
@@ -3345,7 +3601,7 @@ class TeleBoxManager {
       return this.getUnabledBoxesStatusZIndex();
     }
     return this.boxes.reduce((maxZIndex, box) => {
-      if (box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Maximized) {
+      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Maximized) {
         return Math.max(maxZIndex, box.zIndex);
       }
       return maxZIndex;
@@ -3356,7 +3612,7 @@ class TeleBoxManager {
       return this.getUnabledBoxesStatusZIndex();
     }
     return this.boxes.reduce((maxZIndex, box) => {
-      if (box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Normal) {
+      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Normal) {
         return Math.max(maxZIndex, box.zIndex);
       }
       return maxZIndex;
@@ -3365,9 +3621,9 @@ class TeleBoxManager {
   create(config = {}, smartPosition = true) {
     var _a;
     console.log("create===>", config, (_a = this.topBox) == null ? void 0 : _a.zIndex);
-    const box = new TeleBox(__spreadProps(__spreadValues({
-      zIndex: this.getMaxNormalBoxZIndex() + 1
-    }, smartPosition ? this.smartPosition(config) : config), {
+    const box = new TeleBox({
+      zIndex: this.getMaxNormalBoxZIndex() + 1,
+      ...smartPosition ? this.smartPosition(config) : config,
       darkMode: this.darkMode,
       prefersColorScheme: this.prefersColorScheme,
       maximized: this.maximized,
@@ -3377,7 +3633,7 @@ class TeleBoxManager {
       containerRect: this.containerRect,
       readonly: this.readonly,
       collectorRect: this.collectorRect
-    }));
+    });
     box.mount(this.root);
     this.boxes$.setValue([...this.boxes, box]);
     if (box.boxStatus && this.useBoxesStatus) {
@@ -3392,19 +3648,19 @@ class TeleBoxManager {
         this.makeBoxTop(box);
       }
     }
-    box._delegateEvents.on(exports.TELE_BOX_DELEGATE_EVENT.Maximize, () => {
+    box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {
       if (this.useBoxesStatus && box.boxStatus) {
-        if (box.boxStatus === exports.TELE_BOX_STATE.Maximized) {
+        if (box.boxStatus === TELE_BOX_STATE.Maximized) {
           this.setBox(box.id, {
-            status: exports.TELE_BOX_STATE.Normal,
+            status: TELE_BOX_STATE.Normal,
             zIndex: this.getMaxNormalBoxZIndex() + 1
           }, false);
         } else {
-          [...this.boxes].filter((box2) => box2.boxStatus === exports.TELE_BOX_STATE.Normal).sort((a, b) => a.zIndex - b.zIndex).forEach((box2) => {
-            if (box2.boxStatus === exports.TELE_BOX_STATE.Normal) {
+          [...this.boxes].filter((box2) => box2.boxStatus === TELE_BOX_STATE.Normal).sort((a, b) => a.zIndex - b.zIndex).forEach((box2) => {
+            if (box2.boxStatus === TELE_BOX_STATE.Normal) {
               console.log("maximized===>", box2.id);
               this.setBox(box2.id, {
-                status: exports.TELE_BOX_STATE.Maximized,
+                status: TELE_BOX_STATE.Maximized,
                 zIndex: this.getMaxMaximizedBoxZIndex() + 1
               }, false);
             }
@@ -3415,7 +3671,7 @@ class TeleBoxManager {
         this.setMaximized(!this.maximized);
       }
     });
-    box._delegateEvents.on(exports.TELE_BOX_DELEGATE_EVENT.Minimize, () => {
+    box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {
       var _a2;
       if (box.boxStatus && this.useBoxesStatus) {
         if (this.topBox === box) {
@@ -3424,7 +3680,7 @@ class TeleBoxManager {
           }
         }
         this.setBox(box, {
-          status: exports.TELE_BOX_STATE.Minimized,
+          status: TELE_BOX_STATE.Minimized,
           zIndex: -1
         }, false, () => {
           this.focusTopBox();
@@ -3433,33 +3689,33 @@ class TeleBoxManager {
         this.setMinimized(true);
       }
     });
-    box._delegateEvents.on(exports.TELE_BOX_DELEGATE_EVENT.Close, () => {
+    box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {
       this.remove(box);
       this.focusTopBox();
     });
     box._coord$.reaction((_, __, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Move, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.Move, box);
       }
     });
     box._size$.reaction((_, __, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Resize, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.Resize, box);
       }
     });
     box._intrinsicCoord$.reaction((_, __, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.IntrinsicMove, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicMove, box);
       }
     });
     box._intrinsicSize$.reaction((_, __, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.IntrinsicResize, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicResize, box);
       }
     });
     box._visualSize$.reaction((_, __, skipUpdate) => {
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.VisualResize, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.VisualResize, box);
       }
     });
     box._zIndex$.reaction((_, __, skipUpdate) => {
@@ -3467,7 +3723,7 @@ class TeleBoxManager {
         console.log("topBox===>_zIndex", this.boxes.map((box2) => ({ id: box2.id, zIndex: box2.zIndex, boxStatus: box2.boxStatus })));
         let currentTopBox = void 0;
         const topBox = this.boxes.reduce((topBox2, box2) => {
-          if (box2.boxStatus && box2.boxStatus === exports.TELE_BOX_STATE.Minimized) {
+          if (box2.boxStatus && box2.boxStatus === TELE_BOX_STATE.Minimized) {
             return topBox2;
           }
           if (!topBox2) {
@@ -3480,10 +3736,10 @@ class TeleBoxManager {
         this.topBox$.setValue(topBox);
       }
       if (!skipUpdate) {
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.ZIndex, box);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.ZIndex, box);
       }
     });
-    this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Created, box);
+    this.events.emit(TELE_BOX_MANAGER_EVENT.Created, box);
     return box;
   }
   query(config) {
@@ -3541,7 +3797,7 @@ class TeleBoxManager {
           this.setMaximized(false);
           this.setMinimized(false);
         }
-        this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);
+        this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);
       }
       return deletedBoxes[0];
     }
@@ -3564,7 +3820,7 @@ class TeleBoxManager {
         this.setMaximized(false);
         this.setMinimized(false);
       }
-      this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);
+      this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);
     }
     return deletedBoxes;
   }
@@ -3593,7 +3849,10 @@ class TeleBoxManager {
             targetBox.setFocus(true, skipUpdate);
           }
           if (focusChanged && !skipUpdate) {
-            this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Focused, targetBox);
+            this.events.emit(
+              TELE_BOX_MANAGER_EVENT.Focused,
+              targetBox
+            );
           }
         } else if (box.focus) {
           this.blurBox(box, skipUpdate);
@@ -3617,7 +3876,7 @@ class TeleBoxManager {
       if (targetBox.focus) {
         targetBox.setFocus(false, skipUpdate);
         if (!skipUpdate) {
-          this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Blurred, targetBox);
+          this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, targetBox);
         }
       }
       if (this.maxTitleBar.focusedBox === targetBox) {
@@ -3630,7 +3889,7 @@ class TeleBoxManager {
       if (box.focus) {
         box.setFocus(false, skipUpdate);
         if (!skipUpdate) {
-          this.events.emit(exports.TELE_BOX_MANAGER_EVENT.Blurred, box);
+          this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, box);
         }
       }
     });
@@ -3644,10 +3903,18 @@ class TeleBoxManager {
   }
   updateBox(box, config, skipUpdate = false) {
     if (config.x != null || config.y != null) {
-      box.move(config.x == null ? box.intrinsicX : config.x, config.y == null ? box.intrinsicY : config.y, skipUpdate);
+      box.move(
+        config.x == null ? box.intrinsicX : config.x,
+        config.y == null ? box.intrinsicY : config.y,
+        skipUpdate
+      );
     }
     if (config.width != null || config.height != null) {
-      box.resize(config.width == null ? box.intrinsicWidth : config.width, config.height == null ? box.intrinsicHeight : config.height, skipUpdate);
+      box.resize(
+        config.width == null ? box.intrinsicWidth : config.width,
+        config.height == null ? box.intrinsicHeight : config.height,
+        skipUpdate
+      );
     }
     if (config.title != null) {
       box.setTitle(config.title);
@@ -3698,7 +3965,7 @@ class TeleBoxManager {
           vx = 20;
         }
       } else if (this.hasMinimizedBox()) {
-        vx = [...this.boxes].filter((box) => box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Minimized && box.lastNotMinimizedBoxStatus && box.lastNotMinimizedBoxStatus === exports.TELE_BOX_STATE.Normal).reduce((maxX, box) => {
+        vx = [...this.boxes].filter((box) => box.boxStatus && box.boxStatus === TELE_BOX_STATE.Minimized && box.lastNotMinimizedBoxStatus && box.lastNotMinimizedBoxStatus === TELE_BOX_STATE.Normal).reduce((maxX, box) => {
           return Math.max(maxX, box.intrinsicX * this.containerRect.width + 20);
         }, vx);
       }
@@ -3712,13 +3979,13 @@ class TeleBoxManager {
           vy = 20;
         }
       } else if (this.hasMinimizedBox()) {
-        vy = [...this.boxes].filter((box) => box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Minimized && box.lastNotMinimizedBoxStatus && box.lastNotMinimizedBoxStatus === exports.TELE_BOX_STATE.Normal).reduce((maxY, box) => {
+        vy = [...this.boxes].filter((box) => box.boxStatus && box.boxStatus === TELE_BOX_STATE.Minimized && box.lastNotMinimizedBoxStatus && box.lastNotMinimizedBoxStatus === TELE_BOX_STATE.Normal).reduce((maxY, box) => {
           return Math.max(maxY, box.intrinsicY * this.containerRect.height + 20);
         }, vy);
       }
       y = vy / this.containerRect.height;
     }
-    return __spreadProps(__spreadValues({}, config), { x, y, width, height });
+    return { ...config, x, y, width, height };
   }
   makeBoxTop(box, skipUpdate = false) {
     if (!this.useBoxesStatus && this.topBox) {
@@ -3774,6 +4041,12 @@ class TeleBoxManager {
   }
 }
 exports.DefaultTitleBar = DefaultTitleBar;
+exports.TELE_BOX_COLOR_SCHEME = TELE_BOX_COLOR_SCHEME;
+exports.TELE_BOX_DELEGATE_EVENT = TELE_BOX_DELEGATE_EVENT;
+exports.TELE_BOX_EVENT = TELE_BOX_EVENT;
+exports.TELE_BOX_MANAGER_EVENT = TELE_BOX_MANAGER_EVENT;
+exports.TELE_BOX_RESIZE_HANDLE = TELE_BOX_RESIZE_HANDLE;
+exports.TELE_BOX_STATE = TELE_BOX_STATE;
 exports.TeleBox = TeleBox;
 exports.TeleBoxCollector = TeleBoxCollector;
 exports.TeleBoxDragHandleType = TeleBoxDragHandleType;