@netless/telebox-insider 0.2.26 → 1.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/TeleBox/constants.d.ts +0 -3
- package/dist/TeleBox/index.d.ts +121 -97
- package/dist/TeleBox/typings.d.ts +44 -55
- package/dist/TeleBoxCollector/index.d.ts +27 -29
- package/dist/TeleBoxManager/MaxTitleBar/index.d.ts +14 -18
- package/dist/TeleBoxManager/constants.d.ts +0 -3
- package/dist/TeleBoxManager/index.d.ts +64 -19
- package/dist/TeleBoxManager/typings.d.ts +35 -28
- package/dist/TeleStage/index.d.ts +21 -0
- package/dist/TeleTitleBar/DefaultTitleBar/index.d.ts +5 -9
- package/dist/TeleTitleBar/typings.d.ts +4 -6
- package/dist/index.d.ts +0 -1
- package/dist/style.css +1 -1
- package/dist/telebox-insider.cjs.js +1 -15
- package/dist/telebox-insider.cjs.js.map +1 -1
- package/dist/telebox-insider.es.js +1 -15
- package/dist/telebox-insider.es.js.map +1 -1
- package/dist/utils.d.ts +0 -1
- package/package.json +7 -19
- package/src/TeleBox/constants.ts +0 -3
- package/src/TeleBox/index.ts +527 -689
- package/src/TeleBox/style.scss +1 -0
- package/src/TeleBox/typings.ts +44 -75
- package/src/TeleBoxCollector/index.ts +151 -159
- package/src/TeleBoxCollector/style.scss +1 -1
- package/src/TeleBoxManager/MaxTitleBar/index.ts +88 -108
- package/src/TeleBoxManager/MaxTitleBar/style.scss +5 -2
- package/src/TeleBoxManager/constants.ts +0 -3
- package/src/TeleBoxManager/index.ts +333 -336
- package/src/TeleBoxManager/typings.ts +45 -53
- package/src/TeleStage/index.ts +174 -0
- package/src/TeleStage/style.scss +49 -0
- package/src/TeleTitleBar/DefaultTitleBar/index.ts +44 -65
- package/src/TeleTitleBar/typings.ts +4 -10
- package/src/index.ts +0 -1
- package/src/scss/variables.scss +3 -0
- package/src/utils.ts +0 -6
- package/dist/TeleBoxCollector/TeleBoxCollector.stories.d.ts +0 -5
- package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBar.stories.d.ts +0 -7
- package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBarReact.d.ts +0 -4
- package/dist/TeleBoxReact/TeleBox.stories.d.ts +0 -9
- package/dist/TeleBoxReact/index.d.ts +0 -17
- package/dist/TeleBoxReact/utils.d.ts +0 -2
- package/dist/TeleTitleBar/DefaultTitleBar/DefaultTitleBar.stories.d.ts +0 -4
- package/src/TeleBoxCollector/TeleBoxCollector.stories.tsx +0 -23
- package/src/TeleBoxManager/MaxTitleBar/MaxTitleBar.stories.tsx +0 -66
- package/src/TeleBoxManager/MaxTitleBar/MaxTitleBarReact.tsx +0 -34
- package/src/TeleBoxReact/TeleBox.stories.tsx +0 -74
- package/src/TeleBoxReact/index.tsx +0 -175
- package/src/TeleBoxReact/utils.ts +0 -14
- package/src/TeleTitleBar/DefaultTitleBar/DefaultTitleBar.stories.tsx +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telebox-insider.cjs.js","sources":["../node_modules/eventemitter3/index.js","../node_modules/stylefire/node_modules/tslib/tslib.es6.js","../node_modules/framesync/dist/framesync.es.js","../node_modules/style-value-types/node_modules/tslib/tslib.es6.js","../node_modules/style-value-types/dist/style-value-types.es.js","../node_modules/stylefire/dist/stylefire.es.js","../node_modules/shallowequal/index.js","../node_modules/side-effect-manager/dist/side-effect-manager.es.js","../node_modules/value-enhancer/dist/value-enhancer.es.js","../src/TeleBox/constants.ts","../src/utils.ts","../src/TeleTitleBar/DefaultTitleBar/index.ts","../src/TeleBox/index.ts","../src/TeleBoxReact/utils.ts","../src/TeleBoxManager/constants.ts","../src/TeleBoxCollector/index.ts","../src/TeleBoxManager/MaxTitleBar/index.ts","../src/TeleBoxManager/index.ts","../src/TeleBoxReact/index.tsx"],"sourcesContent":["'use strict';\n\nvar has = Object.prototype.hasOwnProperty\n , prefix = '~';\n\n/**\n * Constructor to create a storage for our `EE` objects.\n * An `Events` instance is a plain object whose properties are event names.\n *\n * @constructor\n * @private\n */\nfunction Events() {}\n\n//\n// We try to not inherit from `Object.prototype`. In some engines creating an\n// instance in this way is faster than calling `Object.create(null)` directly.\n// If `Object.create(null)` is not supported we prefix the event names with a\n// character to make sure that the built-in object properties are not\n// overridden or used as an attack vector.\n//\nif (Object.create) {\n Events.prototype = Object.create(null);\n\n //\n // This hack is needed because the `__proto__` property is still inherited in\n // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.\n //\n if (!new Events().__proto__) prefix = false;\n}\n\n/**\n * Representation of a single event listener.\n *\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} [once=false] Specify if the listener is a one-time listener.\n * @constructor\n * @private\n */\nfunction EE(fn, context, once) {\n this.fn = fn;\n this.context = context;\n this.once = once || false;\n}\n\n/**\n * Add a listener for a given event.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} context The context to invoke the listener with.\n * @param {Boolean} once Specify if the listener is a one-time listener.\n * @returns {EventEmitter}\n * @private\n */\nfunction addListener(emitter, event, fn, context, once) {\n if (typeof fn !== 'function') {\n throw new TypeError('The listener must be a function');\n }\n\n var listener = new EE(fn, context || emitter, once)\n , evt = prefix ? prefix + event : event;\n\n if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;\n else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);\n else emitter._events[evt] = [emitter._events[evt], listener];\n\n return emitter;\n}\n\n/**\n * Clear event by name.\n *\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\n * @param {(String|Symbol)} evt The Event name.\n * @private\n */\nfunction clearEvent(emitter, evt) {\n if (--emitter._eventsCount === 0) emitter._events = new Events();\n else delete emitter._events[evt];\n}\n\n/**\n * Minimal `EventEmitter` interface that is molded against the Node.js\n * `EventEmitter` interface.\n *\n * @constructor\n * @public\n */\nfunction EventEmitter() {\n this._events = new Events();\n this._eventsCount = 0;\n}\n\n/**\n * Return an array listing the events for which the emitter has registered\n * listeners.\n *\n * @returns {Array}\n * @public\n */\nEventEmitter.prototype.eventNames = function eventNames() {\n var names = []\n , events\n , name;\n\n if (this._eventsCount === 0) return names;\n\n for (name in (events = this._events)) {\n if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);\n }\n\n if (Object.getOwnPropertySymbols) {\n return names.concat(Object.getOwnPropertySymbols(events));\n }\n\n return names;\n};\n\n/**\n * Return the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Array} The registered listeners.\n * @public\n */\nEventEmitter.prototype.listeners = function listeners(event) {\n var evt = prefix ? prefix + event : event\n , handlers = this._events[evt];\n\n if (!handlers) return [];\n if (handlers.fn) return [handlers.fn];\n\n for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {\n ee[i] = handlers[i].fn;\n }\n\n return ee;\n};\n\n/**\n * Return the number of listeners listening to a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Number} The number of listeners.\n * @public\n */\nEventEmitter.prototype.listenerCount = function listenerCount(event) {\n var evt = prefix ? prefix + event : event\n , listeners = this._events[evt];\n\n if (!listeners) return 0;\n if (listeners.fn) return 1;\n return listeners.length;\n};\n\n/**\n * Calls each of the listeners registered for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @returns {Boolean} `true` if the event had listeners, else `false`.\n * @public\n */\nEventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return false;\n\n var listeners = this._events[evt]\n , len = arguments.length\n , args\n , i;\n\n if (listeners.fn) {\n if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);\n\n switch (len) {\n case 1: return listeners.fn.call(listeners.context), true;\n case 2: return listeners.fn.call(listeners.context, a1), true;\n case 3: return listeners.fn.call(listeners.context, a1, a2), true;\n case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;\n case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;\n case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;\n }\n\n for (i = 1, args = new Array(len -1); i < len; i++) {\n args[i - 1] = arguments[i];\n }\n\n listeners.fn.apply(listeners.context, args);\n } else {\n var length = listeners.length\n , j;\n\n for (i = 0; i < length; i++) {\n if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);\n\n switch (len) {\n case 1: listeners[i].fn.call(listeners[i].context); break;\n case 2: listeners[i].fn.call(listeners[i].context, a1); break;\n case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;\n case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;\n default:\n if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {\n args[j - 1] = arguments[j];\n }\n\n listeners[i].fn.apply(listeners[i].context, args);\n }\n }\n }\n\n return true;\n};\n\n/**\n * Add a listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.on = function on(event, fn, context) {\n return addListener(this, event, fn, context, false);\n};\n\n/**\n * Add a one-time listener for a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn The listener function.\n * @param {*} [context=this] The context to invoke the listener with.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.once = function once(event, fn, context) {\n return addListener(this, event, fn, context, true);\n};\n\n/**\n * Remove the listeners of a given event.\n *\n * @param {(String|Symbol)} event The event name.\n * @param {Function} fn Only remove the listeners that match this function.\n * @param {*} context Only remove the listeners that have this context.\n * @param {Boolean} once Only remove one-time listeners.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {\n var evt = prefix ? prefix + event : event;\n\n if (!this._events[evt]) return this;\n if (!fn) {\n clearEvent(this, evt);\n return this;\n }\n\n var listeners = this._events[evt];\n\n if (listeners.fn) {\n if (\n listeners.fn === fn &&\n (!once || listeners.once) &&\n (!context || listeners.context === context)\n ) {\n clearEvent(this, evt);\n }\n } else {\n for (var i = 0, events = [], length = listeners.length; i < length; i++) {\n if (\n listeners[i].fn !== fn ||\n (once && !listeners[i].once) ||\n (context && listeners[i].context !== context)\n ) {\n events.push(listeners[i]);\n }\n }\n\n //\n // Reset the array, or remove it completely if we have no more listeners.\n //\n if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;\n else clearEvent(this, evt);\n }\n\n return this;\n};\n\n/**\n * Remove all listeners, or those of the specified event.\n *\n * @param {(String|Symbol)} [event] The event name.\n * @returns {EventEmitter} `this`.\n * @public\n */\nEventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {\n var evt;\n\n if (event) {\n evt = prefix ? prefix + event : event;\n if (this._events[evt]) clearEvent(this, evt);\n } else {\n this._events = new Events();\n this._eventsCount = 0;\n }\n\n return this;\n};\n\n//\n// Alias methods names because people roll like that.\n//\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener;\nEventEmitter.prototype.addListener = EventEmitter.prototype.on;\n\n//\n// Expose the prefix.\n//\nEventEmitter.prefixed = prefix;\n\n//\n// Allow `EventEmitter` to be imported as module namespace.\n//\nEventEmitter.EventEmitter = EventEmitter;\n\n//\n// Expose the module.\n//\nif ('undefined' !== typeof module) {\n module.exports = EventEmitter;\n}\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { invariant } from 'hey-listen';\n\nvar prevTime = 0;\nvar onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {\n return window.requestAnimationFrame(callback);\n} : function (callback) {\n var timestamp = Date.now();\n var timeToCall = Math.max(0, 16.7 - (timestamp - prevTime));\n prevTime = timestamp + timeToCall;\n setTimeout(function () {\n return callback(prevTime);\n }, timeToCall);\n};\n\nvar createStep = function (setRunNextFrame) {\n var processToRun = [];\n var processToRunNextFrame = [];\n var numThisFrame = 0;\n var isProcessing = false;\n var i = 0;\n var cancelled = new WeakSet();\n var toKeepAlive = new WeakSet();\n var renderStep = {\n cancel: function (process) {\n var indexOfCallback = processToRunNextFrame.indexOf(process);\n cancelled.add(process);\n if (indexOfCallback !== -1) {\n processToRunNextFrame.splice(indexOfCallback, 1);\n }\n },\n process: function (frame) {\n var _a;\n isProcessing = true;\n _a = [processToRunNextFrame, processToRun], processToRun = _a[0], processToRunNextFrame = _a[1];\n processToRunNextFrame.length = 0;\n numThisFrame = processToRun.length;\n if (numThisFrame) {\n var process_1;\n for (i = 0; i < numThisFrame; i++) {\n process_1 = processToRun[i];\n process_1(frame);\n if (toKeepAlive.has(process_1) === true && !cancelled.has(process_1)) {\n renderStep.schedule(process_1);\n setRunNextFrame(true);\n }\n }\n }\n isProcessing = false;\n },\n schedule: function (process, keepAlive, immediate) {\n if (keepAlive === void 0) {\n keepAlive = false;\n }\n if (immediate === void 0) {\n immediate = false;\n }\n invariant(typeof process === \"function\", \"Argument must be a function\");\n var addToCurrentBuffer = immediate && isProcessing;\n var buffer = addToCurrentBuffer ? processToRun : processToRunNextFrame;\n cancelled.delete(process);\n if (keepAlive) toKeepAlive.add(process);\n if (buffer.indexOf(process) === -1) {\n buffer.push(process);\n if (addToCurrentBuffer) numThisFrame = processToRun.length;\n }\n }\n };\n return renderStep;\n};\n\nvar maxElapsed = 40;\nvar defaultElapsed = 1 / 60 * 1000;\nvar useDefaultElapsed = true;\nvar willRunNextFrame = false;\nvar isProcessing = false;\nvar frame = {\n delta: 0,\n timestamp: 0\n};\nvar stepsOrder = [\"read\", \"update\", \"preRender\", \"render\", \"postRender\"];\nvar setWillRunNextFrame = function (willRun) {\n return willRunNextFrame = willRun;\n};\nvar steps = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n acc[key] = createStep(setWillRunNextFrame);\n return acc;\n}, {});\nvar sync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n var step = steps[key];\n acc[key] = function (process, keepAlive, immediate) {\n if (keepAlive === void 0) {\n keepAlive = false;\n }\n if (immediate === void 0) {\n immediate = false;\n }\n if (!willRunNextFrame) startLoop();\n step.schedule(process, keepAlive, immediate);\n return process;\n };\n return acc;\n}, {});\nvar cancelSync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n acc[key] = steps[key].cancel;\n return acc;\n}, {});\nvar processStep = function (stepId) {\n return steps[stepId].process(frame);\n};\nvar processFrame = function (timestamp) {\n willRunNextFrame = false;\n frame.delta = useDefaultElapsed ? defaultElapsed : Math.max(Math.min(timestamp - frame.timestamp, maxElapsed), 1);\n if (!useDefaultElapsed) defaultElapsed = frame.delta;\n frame.timestamp = timestamp;\n isProcessing = true;\n stepsOrder.forEach(processStep);\n isProcessing = false;\n if (willRunNextFrame) {\n useDefaultElapsed = false;\n onNextFrame(processFrame);\n }\n};\nvar startLoop = function () {\n willRunNextFrame = true;\n useDefaultElapsed = true;\n if (!isProcessing) onNextFrame(processFrame);\n};\nvar getFrameData = function () {\n return frame;\n};\n\nexport default sync;\nexport { cancelSync, getFrameData };\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { __assign } from 'tslib';\n\nvar clamp = function (min, max) { return function (v) {\r\n return Math.max(Math.min(v, max), min);\r\n}; };\r\nvar sanitize = function (v) { return (v % 1 ? Number(v.toFixed(5)) : v); };\r\nvar floatRegex = /(-)?(\\d[\\d\\.]*)/g;\r\nvar colorRegex = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2,3}\\s*\\/*\\s*[\\d\\.]+%?\\))/gi;\r\nvar singleColorRegex = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2,3}\\s*\\/*\\s*[\\d\\.]+%?\\))$/i;\n\nvar number = {\r\n test: function (v) { return typeof v === 'number'; },\r\n parse: parseFloat,\r\n transform: function (v) { return v; }\r\n};\r\nvar alpha = __assign(__assign({}, number), { transform: clamp(0, 1) });\r\nvar scale = __assign(__assign({}, number), { default: 1 });\n\nvar createUnitType = function (unit) { return ({\r\n test: function (v) {\r\n return typeof v === 'string' && v.endsWith(unit) && v.split(' ').length === 1;\r\n },\r\n parse: parseFloat,\r\n transform: function (v) { return \"\" + v + unit; }\r\n}); };\r\nvar degrees = createUnitType('deg');\r\nvar percent = createUnitType('%');\r\nvar px = createUnitType('px');\r\nvar vh = createUnitType('vh');\r\nvar vw = createUnitType('vw');\r\nvar progressPercentage = __assign(__assign({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });\n\nvar getValueFromFunctionString = function (value) {\r\n return value.substring(value.indexOf('(') + 1, value.lastIndexOf(')'));\r\n};\r\nvar clampRgbUnit = clamp(0, 255);\r\nvar isRgba = function (v) { return v.red !== undefined; };\r\nvar isHsla = function (v) { return v.hue !== undefined; };\r\nfunction getValuesAsArray(value) {\r\n return getValueFromFunctionString(value)\r\n .replace(/(,|\\/)/g, ' ')\r\n .split(/ \\s*/);\r\n}\r\nvar splitColorValues = function (terms) {\r\n return function (v) {\r\n if (typeof v !== 'string')\r\n return v;\r\n var values = {};\r\n var valuesArray = getValuesAsArray(v);\r\n for (var i = 0; i < 4; i++) {\r\n values[terms[i]] =\r\n valuesArray[i] !== undefined ? parseFloat(valuesArray[i]) : 1;\r\n }\r\n return values;\r\n };\r\n};\r\nvar rgbaTemplate = function (_a) {\r\n var red = _a.red, green = _a.green, blue = _a.blue, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;\r\n return \"rgba(\" + red + \", \" + green + \", \" + blue + \", \" + alpha + \")\";\r\n};\r\nvar hslaTemplate = function (_a) {\r\n var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;\r\n return \"hsla(\" + hue + \", \" + saturation + \", \" + lightness + \", \" + alpha + \")\";\r\n};\r\nvar rgbUnit = __assign(__assign({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });\r\nfunction isColorString(color, colorType) {\r\n return color.startsWith(colorType) && singleColorRegex.test(color);\r\n}\r\nvar rgba = {\r\n test: function (v) { return (typeof v === 'string' ? isColorString(v, 'rgb') : isRgba(v)); },\r\n parse: splitColorValues(['red', 'green', 'blue', 'alpha']),\r\n transform: function (_a) {\r\n var red = _a.red, green = _a.green, blue = _a.blue, _b = _a.alpha, alpha$1 = _b === void 0 ? 1 : _b;\r\n return rgbaTemplate({\r\n red: rgbUnit.transform(red),\r\n green: rgbUnit.transform(green),\r\n blue: rgbUnit.transform(blue),\r\n alpha: sanitize(alpha.transform(alpha$1))\r\n });\r\n }\r\n};\r\nvar hsla = {\r\n test: function (v) { return (typeof v === 'string' ? isColorString(v, 'hsl') : isHsla(v)); },\r\n parse: splitColorValues(['hue', 'saturation', 'lightness', 'alpha']),\r\n transform: function (_a) {\r\n var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha$1 = _b === void 0 ? 1 : _b;\r\n return hslaTemplate({\r\n hue: Math.round(hue),\r\n saturation: percent.transform(sanitize(saturation)),\r\n lightness: percent.transform(sanitize(lightness)),\r\n alpha: sanitize(alpha.transform(alpha$1))\r\n });\r\n }\r\n};\r\nvar hex = __assign(__assign({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {\r\n var r = '';\r\n var g = '';\r\n var b = '';\r\n if (v.length > 4) {\r\n r = v.substr(1, 2);\r\n g = v.substr(3, 2);\r\n b = v.substr(5, 2);\r\n }\r\n else {\r\n r = v.substr(1, 1);\r\n g = v.substr(2, 1);\r\n b = v.substr(3, 1);\r\n r += r;\r\n g += g;\r\n b += b;\r\n }\r\n return {\r\n red: parseInt(r, 16),\r\n green: parseInt(g, 16),\r\n blue: parseInt(b, 16),\r\n alpha: 1\r\n };\r\n } });\r\nvar color = {\r\n test: function (v) {\r\n return (typeof v === 'string' && singleColorRegex.test(v)) ||\r\n isRgba(v) ||\r\n isHsla(v);\r\n },\r\n parse: function (v) {\r\n if (rgba.test(v)) {\r\n return rgba.parse(v);\r\n }\r\n else if (hsla.test(v)) {\r\n return hsla.parse(v);\r\n }\r\n else if (hex.test(v)) {\r\n return hex.parse(v);\r\n }\r\n return v;\r\n },\r\n transform: function (v) {\r\n if (isRgba(v)) {\r\n return rgba.transform(v);\r\n }\r\n else if (isHsla(v)) {\r\n return hsla.transform(v);\r\n }\r\n return v;\r\n }\r\n};\n\nvar COLOR_TOKEN = '${c}';\r\nvar NUMBER_TOKEN = '${n}';\r\nvar convertNumbersToZero = function (v) {\r\n return typeof v === 'number' ? 0 : v;\r\n};\r\nvar complex = {\r\n test: function (v) {\r\n if (typeof v !== 'string' || !isNaN(v))\r\n return false;\r\n var numValues = 0;\r\n var foundNumbers = v.match(floatRegex);\r\n var foundColors = v.match(colorRegex);\r\n if (foundNumbers)\r\n numValues += foundNumbers.length;\r\n if (foundColors)\r\n numValues += foundColors.length;\r\n return numValues > 0;\r\n },\r\n parse: function (v) {\r\n var input = v;\r\n var parsed = [];\r\n var foundColors = input.match(colorRegex);\r\n if (foundColors) {\r\n input = input.replace(colorRegex, COLOR_TOKEN);\r\n parsed.push.apply(parsed, foundColors.map(color.parse));\r\n }\r\n var foundNumbers = input.match(floatRegex);\r\n if (foundNumbers) {\r\n parsed.push.apply(parsed, foundNumbers.map(number.parse));\r\n }\r\n return parsed;\r\n },\r\n createTransformer: function (prop) {\r\n var template = prop;\r\n var token = 0;\r\n var foundColors = prop.match(colorRegex);\r\n var numColors = foundColors ? foundColors.length : 0;\r\n if (foundColors) {\r\n for (var i = 0; i < numColors; i++) {\r\n template = template.replace(foundColors[i], COLOR_TOKEN);\r\n token++;\r\n }\r\n }\r\n var foundNumbers = template.match(floatRegex);\r\n var numNumbers = foundNumbers ? foundNumbers.length : 0;\r\n if (foundNumbers) {\r\n for (var i = 0; i < numNumbers; i++) {\r\n template = template.replace(foundNumbers[i], NUMBER_TOKEN);\r\n token++;\r\n }\r\n }\r\n return function (v) {\r\n var output = template;\r\n for (var i = 0; i < token; i++) {\r\n output = output.replace(i < numColors ? COLOR_TOKEN : NUMBER_TOKEN, i < numColors ? color.transform(v[i]) : sanitize(v[i]));\r\n }\r\n return output;\r\n };\r\n },\r\n getAnimatableNone: function (target) {\r\n var parsedTarget = complex.parse(target);\r\n var targetTransformer = complex.createTransformer(target);\r\n return targetTransformer(parsedTarget.map(convertNumbersToZero));\r\n }\r\n};\n\nexport { alpha, color, complex, degrees, hex, hsla, number, percent, progressPercentage, px, rgbUnit, rgba, scale, vh, vw };\n","import { __rest, __assign } from 'tslib';\nimport sync from 'framesync';\nimport { number, color, px, degrees, scale, alpha, progressPercentage } from 'style-value-types';\nimport { invariant } from 'hey-listen';\n\nvar createStyler = function (_a) {\n var onRead = _a.onRead,\n onRender = _a.onRender,\n _b = _a.uncachedValues,\n uncachedValues = _b === void 0 ? new Set() : _b,\n _c = _a.useCache,\n useCache = _c === void 0 ? true : _c;\n return function (_a) {\n if (_a === void 0) {\n _a = {};\n }\n var props = __rest(_a, []);\n var state = {};\n var changedValues = [];\n var hasChanged = false;\n function setValue(key, value) {\n if (key.startsWith('--')) {\n props.hasCSSVariable = true;\n }\n var currentValue = state[key];\n state[key] = value;\n if (state[key] === currentValue) return;\n if (changedValues.indexOf(key) === -1) {\n changedValues.push(key);\n }\n if (!hasChanged) {\n hasChanged = true;\n sync.render(styler.render);\n }\n }\n var styler = {\n get: function (key, forceRead) {\n if (forceRead === void 0) {\n forceRead = false;\n }\n var useCached = !forceRead && useCache && !uncachedValues.has(key) && state[key] !== undefined;\n return useCached ? state[key] : onRead(key, props);\n },\n set: function (values, value) {\n if (typeof values === 'string') {\n setValue(values, value);\n } else {\n for (var key in values) {\n setValue(key, values[key]);\n }\n }\n return this;\n },\n render: function (forceRender) {\n if (forceRender === void 0) {\n forceRender = false;\n }\n if (hasChanged || forceRender === true) {\n onRender(state, props, changedValues);\n hasChanged = false;\n changedValues.length = 0;\n }\n return this;\n }\n };\n return styler;\n };\n};\n\nvar CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;\nvar REPLACE_TEMPLATE = '$1-$2';\nvar camelToDash = function (str) {\n return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();\n};\n\nvar camelCache = /*#__PURE__*/new Map();\nvar dashCache = /*#__PURE__*/new Map();\nvar prefixes = ['Webkit', 'Moz', 'O', 'ms', ''];\nvar numPrefixes = prefixes.length;\nvar isBrowser = typeof document !== 'undefined';\nvar testElement;\nvar setDashPrefix = function (key, prefixed) {\n return dashCache.set(key, camelToDash(prefixed));\n};\nvar testPrefix = function (key) {\n testElement = testElement || document.createElement('div');\n for (var i = 0; i < numPrefixes; i++) {\n var prefix = prefixes[i];\n var noPrefix = prefix === '';\n var prefixedPropertyName = noPrefix ? key : prefix + key.charAt(0).toUpperCase() + key.slice(1);\n if (prefixedPropertyName in testElement.style || noPrefix) {\n if (noPrefix && key === 'clipPath' && dashCache.has(key)) {\n return;\n }\n camelCache.set(key, prefixedPropertyName);\n setDashPrefix(key, \"\" + (noPrefix ? '' : '-') + camelToDash(prefixedPropertyName));\n }\n }\n};\nvar setServerProperty = function (key) {\n return setDashPrefix(key, key);\n};\nvar prefixer = function (key, asDashCase) {\n if (asDashCase === void 0) {\n asDashCase = false;\n }\n var cache = asDashCase ? dashCache : camelCache;\n if (!cache.has(key)) {\n isBrowser ? testPrefix(key) : setServerProperty(key);\n }\n return cache.get(key) || key;\n};\n\nvar axes = ['', 'X', 'Y', 'Z'];\nvar order = ['translate', 'scale', 'rotate', 'skew', 'transformPerspective'];\nvar transformProps = /*#__PURE__*/order.reduce(function (acc, key) {\n return axes.reduce(function (axesAcc, axesKey) {\n axesAcc.push(key + axesKey);\n return axesAcc;\n }, acc);\n}, ['x', 'y', 'z']);\nvar transformPropDictionary = /*#__PURE__*/transformProps.reduce(function (dict, key) {\n dict[key] = true;\n return dict;\n}, {});\nfunction isTransformProp(key) {\n return transformPropDictionary[key] === true;\n}\nfunction sortTransformProps(a, b) {\n return transformProps.indexOf(a) - transformProps.indexOf(b);\n}\nvar transformOriginProps = /*#__PURE__*/new Set(['originX', 'originY', 'originZ']);\nfunction isTransformOriginProp(key) {\n return transformOriginProps.has(key);\n}\n\nvar int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });\nvar valueTypes = {\n color: color,\n backgroundColor: color,\n outlineColor: color,\n fill: color,\n stroke: color,\n borderColor: color,\n borderTopColor: color,\n borderRightColor: color,\n borderBottomColor: color,\n borderLeftColor: color,\n borderWidth: px,\n borderTopWidth: px,\n borderRightWidth: px,\n borderBottomWidth: px,\n borderLeftWidth: px,\n borderRadius: px,\n radius: px,\n borderTopLeftRadius: px,\n borderTopRightRadius: px,\n borderBottomRightRadius: px,\n borderBottomLeftRadius: px,\n width: px,\n maxWidth: px,\n height: px,\n maxHeight: px,\n size: px,\n top: px,\n right: px,\n bottom: px,\n left: px,\n padding: px,\n paddingTop: px,\n paddingRight: px,\n paddingBottom: px,\n paddingLeft: px,\n margin: px,\n marginTop: px,\n marginRight: px,\n marginBottom: px,\n marginLeft: px,\n rotate: degrees,\n rotateX: degrees,\n rotateY: degrees,\n rotateZ: degrees,\n scale: scale,\n scaleX: scale,\n scaleY: scale,\n scaleZ: scale,\n skew: degrees,\n skewX: degrees,\n skewY: degrees,\n distance: px,\n translateX: px,\n translateY: px,\n translateZ: px,\n x: px,\n y: px,\n z: px,\n perspective: px,\n opacity: alpha,\n originX: progressPercentage,\n originY: progressPercentage,\n originZ: px,\n zIndex: int,\n fillOpacity: alpha,\n strokeOpacity: alpha,\n numOctaves: int\n};\nvar getValueType = function (key) {\n return valueTypes[key];\n};\nvar getValueAsType = function (value, type) {\n return type && typeof value === 'number' ? type.transform(value) : value;\n};\n\nvar SCROLL_LEFT = 'scrollLeft';\nvar SCROLL_TOP = 'scrollTop';\nvar scrollKeys = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP]);\n\nvar blacklist = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP, 'transform']);\nvar translateAlias = {\n x: 'translateX',\n y: 'translateY',\n z: 'translateZ'\n};\nfunction isCustomTemplate(v) {\n return typeof v === 'function';\n}\nfunction buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone) {\n if (allowTransformNone === void 0) {\n allowTransformNone = true;\n }\n var transformString = '';\n var transformHasZ = false;\n transformKeys.sort(sortTransformProps);\n var numTransformKeys = transformKeys.length;\n for (var i = 0; i < numTransformKeys; i++) {\n var key = transformKeys[i];\n transformString += (translateAlias[key] || key) + \"(\" + transform[key] + \") \";\n transformHasZ = key === 'z' ? true : transformHasZ;\n }\n if (!transformHasZ && enableHardwareAcceleration) {\n transformString += 'translateZ(0)';\n } else {\n transformString = transformString.trim();\n }\n if (isCustomTemplate(state.transform)) {\n transformString = state.transform(transform, transformIsDefault ? '' : transformString);\n } else if (allowTransformNone && transformIsDefault) {\n transformString = 'none';\n }\n return transformString;\n}\nfunction buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone) {\n if (enableHardwareAcceleration === void 0) {\n enableHardwareAcceleration = true;\n }\n if (styles === void 0) {\n styles = {};\n }\n if (transform === void 0) {\n transform = {};\n }\n if (transformOrigin === void 0) {\n transformOrigin = {};\n }\n if (transformKeys === void 0) {\n transformKeys = [];\n }\n if (isDashCase === void 0) {\n isDashCase = false;\n }\n if (allowTransformNone === void 0) {\n allowTransformNone = true;\n }\n var transformIsDefault = true;\n var hasTransform = false;\n var hasTransformOrigin = false;\n for (var key in state) {\n var value = state[key];\n var valueType = getValueType(key);\n var valueAsType = getValueAsType(value, valueType);\n if (isTransformProp(key)) {\n hasTransform = true;\n transform[key] = valueAsType;\n transformKeys.push(key);\n if (transformIsDefault) {\n if (valueType.default && value !== valueType.default || !valueType.default && value !== 0) {\n transformIsDefault = false;\n }\n }\n } else if (isTransformOriginProp(key)) {\n transformOrigin[key] = valueAsType;\n hasTransformOrigin = true;\n } else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {\n styles[prefixer(key, isDashCase)] = valueAsType;\n }\n }\n if (hasTransform || typeof state.transform === 'function') {\n styles.transform = buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone);\n }\n if (hasTransformOrigin) {\n styles.transformOrigin = (transformOrigin.originX || '50%') + \" \" + (transformOrigin.originY || '50%') + \" \" + (transformOrigin.originZ || 0);\n }\n return styles;\n}\nfunction createStyleBuilder(_a) {\n var _b = _a === void 0 ? {} : _a,\n _c = _b.enableHardwareAcceleration,\n enableHardwareAcceleration = _c === void 0 ? true : _c,\n _d = _b.isDashCase,\n isDashCase = _d === void 0 ? true : _d,\n _e = _b.allowTransformNone,\n allowTransformNone = _e === void 0 ? true : _e;\n var styles = {};\n var transform = {};\n var transformOrigin = {};\n var transformKeys = [];\n return function (state) {\n transformKeys.length = 0;\n buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone);\n return styles;\n };\n}\n\nfunction onRead(key, options) {\n var element = options.element,\n preparseOutput = options.preparseOutput;\n var defaultValueType = getValueType(key);\n if (isTransformProp(key)) {\n return defaultValueType ? defaultValueType.default || 0 : 0;\n } else if (scrollKeys.has(key)) {\n return element[key];\n } else {\n var domValue = window.getComputedStyle(element, null).getPropertyValue(prefixer(key, true)) || 0;\n return preparseOutput && defaultValueType && defaultValueType.test(domValue) && defaultValueType.parse ? defaultValueType.parse(domValue) : domValue;\n }\n}\nfunction onRender(state, _a, changedValues) {\n var element = _a.element,\n buildStyles = _a.buildStyles,\n hasCSSVariable = _a.hasCSSVariable;\n Object.assign(element.style, buildStyles(state));\n if (hasCSSVariable) {\n var numChangedValues = changedValues.length;\n for (var i = 0; i < numChangedValues; i++) {\n var key = changedValues[i];\n if (key.startsWith('--')) {\n element.style.setProperty(key, state[key]);\n }\n }\n }\n if (changedValues.indexOf(SCROLL_LEFT) !== -1) {\n element[SCROLL_LEFT] = state[SCROLL_LEFT];\n }\n if (changedValues.indexOf(SCROLL_TOP) !== -1) {\n element[SCROLL_TOP] = state[SCROLL_TOP];\n }\n}\nvar cssStyler = /*#__PURE__*/createStyler({\n onRead: onRead,\n onRender: onRender,\n uncachedValues: scrollKeys\n});\nfunction createCssStyler(element, _a) {\n if (_a === void 0) {\n _a = {};\n }\n var enableHardwareAcceleration = _a.enableHardwareAcceleration,\n allowTransformNone = _a.allowTransformNone,\n props = __rest(_a, [\"enableHardwareAcceleration\", \"allowTransformNone\"]);\n return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({\n enableHardwareAcceleration: enableHardwareAcceleration,\n allowTransformNone: allowTransformNone\n }), preparseOutput: true }, props));\n}\n\nvar camelCaseAttributes = /*#__PURE__*/new Set(['baseFrequency', 'diffuseConstant', 'kernelMatrix', 'kernelUnitLength', 'keySplines', 'keyTimes', 'limitingConeAngle', 'markerHeight', 'markerWidth', 'numOctaves', 'targetX', 'targetY', 'surfaceScale', 'specularConstant', 'specularExponent', 'stdDeviation', 'tableValues']);\n\nvar defaultOrigin = 0.5;\nvar svgAttrsTemplate = function () {\n return {\n style: {}\n };\n};\nvar progressToPixels = function (progress, length) {\n return px.transform(progress * length);\n};\nvar unmeasured = { x: 0, y: 0, width: 0, height: 0 };\nfunction calcOrigin(origin, offset, size) {\n return typeof origin === 'string' ? origin : px.transform(offset + size * origin);\n}\nfunction calculateSVGTransformOrigin(dimensions, originX, originY) {\n return calcOrigin(originX, dimensions.x, dimensions.width) + \" \" + calcOrigin(originY, dimensions.y, dimensions.height);\n}\nvar svgStyleConfig = {\n enableHardwareAcceleration: false,\n isDashCase: false\n};\nfunction buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDashCase) {\n if (dimensions === void 0) {\n dimensions = unmeasured;\n }\n if (cssBuilder === void 0) {\n cssBuilder = createStyleBuilder(svgStyleConfig);\n }\n if (attrs === void 0) {\n attrs = svgAttrsTemplate();\n }\n if (isDashCase === void 0) {\n isDashCase = true;\n }\n var attrX = _a.attrX,\n attrY = _a.attrY,\n originX = _a.originX,\n originY = _a.originY,\n pathLength = _a.pathLength,\n _b = _a.pathSpacing,\n pathSpacing = _b === void 0 ? 1 : _b,\n _c = _a.pathOffset,\n pathOffset = _c === void 0 ? 0 : _c,\n state = __rest(_a, [\"attrX\", \"attrY\", \"originX\", \"originY\", \"pathLength\", \"pathSpacing\", \"pathOffset\"]);\n var style = cssBuilder(state);\n for (var key in style) {\n if (key === 'transform') {\n attrs.style.transform = style[key];\n } else {\n var attrKey = isDashCase && !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n attrs[attrKey] = style[key];\n }\n }\n if (originX !== undefined || originY !== undefined || style.transform) {\n attrs.style.transformOrigin = calculateSVGTransformOrigin(dimensions, originX !== undefined ? originX : defaultOrigin, originY !== undefined ? originY : defaultOrigin);\n }\n if (attrX !== undefined) attrs.x = attrX;\n if (attrY !== undefined) attrs.y = attrY;\n if (totalPathLength !== undefined && pathLength !== undefined) {\n attrs[isDashCase ? 'stroke-dashoffset' : 'strokeDashoffset'] = progressToPixels(-pathOffset, totalPathLength);\n attrs[isDashCase ? 'stroke-dasharray' : 'strokeDasharray'] = progressToPixels(pathLength, totalPathLength) + \" \" + progressToPixels(pathSpacing, totalPathLength);\n }\n return attrs;\n}\nfunction createAttrBuilder(dimensions, totalPathLength, isDashCase) {\n if (isDashCase === void 0) {\n isDashCase = true;\n }\n var attrs = svgAttrsTemplate();\n var cssBuilder = createStyleBuilder(svgStyleConfig);\n return function (state) {\n return buildSVGAttrs(state, dimensions, totalPathLength, cssBuilder, attrs, isDashCase);\n };\n}\n\nvar getDimensions = function (element) {\n return typeof element.getBBox === 'function' ? element.getBBox() : element.getBoundingClientRect();\n};\nvar getSVGElementDimensions = function (element) {\n try {\n return getDimensions(element);\n } catch (e) {\n return { x: 0, y: 0, width: 0, height: 0 };\n }\n};\n\nvar isPath = function (element) {\n return element.tagName === 'path';\n};\nvar svgStyler = /*#__PURE__*/createStyler({\n onRead: function (key, _a) {\n var element = _a.element;\n key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n if (!isTransformProp(key)) {\n return element.getAttribute(key);\n } else {\n var valueType = getValueType(key);\n return valueType ? valueType.default || 0 : 0;\n }\n },\n onRender: function (state, _a) {\n var element = _a.element,\n buildAttrs = _a.buildAttrs;\n var attrs = buildAttrs(state);\n for (var key in attrs) {\n if (key === 'style') {\n Object.assign(element.style, attrs.style);\n } else {\n element.setAttribute(key, attrs[key]);\n }\n }\n }\n});\nvar svg = function (element) {\n var dimensions = getSVGElementDimensions(element);\n var pathLength = isPath(element) && element.getTotalLength ? element.getTotalLength() : undefined;\n return svgStyler({\n element: element,\n buildAttrs: createAttrBuilder(dimensions, pathLength)\n });\n};\n\nvar viewport = /*#__PURE__*/createStyler({\n useCache: false,\n onRead: function (key) {\n return key === 'scrollTop' ? window.pageYOffset : window.pageXOffset;\n },\n onRender: function (_a) {\n var _b = _a.scrollTop,\n scrollTop = _b === void 0 ? 0 : _b,\n _c = _a.scrollLeft,\n scrollLeft = _c === void 0 ? 0 : _c;\n return window.scrollTo(scrollLeft, scrollTop);\n }\n});\n\nvar cache = /*#__PURE__*/new WeakMap();\nvar isHTMLElement = function (node) {\n return node instanceof HTMLElement || typeof node.click === 'function';\n};\nvar isSVGElement = function (node) {\n return node instanceof SVGElement || 'ownerSVGElement' in node;\n};\nvar createDOMStyler = function (node, props) {\n var styler;\n if (node === window) {\n styler = viewport(node);\n } else if (isHTMLElement(node)) {\n styler = createCssStyler(node, props);\n } else if (isSVGElement(node)) {\n styler = svg(node);\n }\n invariant(styler !== undefined, 'No valid node provided. Node must be HTMLElement, SVGElement or window.');\n cache.set(node, styler);\n return styler;\n};\nvar getStyler = function (node, props) {\n return cache.has(node) ? cache.get(node) : createDOMStyler(node, props);\n};\nfunction index(nodeOrSelector, props) {\n var node = typeof nodeOrSelector === 'string' ? document.querySelector(nodeOrSelector) : nodeOrSelector;\n return getStyler(node, props);\n}\n\nexport default index;\nexport { buildSVGAttrs, buildStyleProperty, createStyler as createStylerFactory, isTransformProp, transformProps };\n","//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if (typeof objA !== \"object\" || !objA || typeof objB !== \"object\" || !objB) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n var valueA = objA[key];\n var valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || (ret === void 0 && valueA !== valueB)) {\n return false;\n }\n }\n\n return true;\n};\n","const e=\"!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\",s=e.length,t=Array(20),r=()=>{for(let r=0;r<20;r++)t[r]=e.charAt(Math.random()*s);return t.join(\"\")};class o{constructor(){this.disposers=new Map}add(e,s=r()){return this.flush(s),this.disposers.set(s,e()),s}addDisposer(e,s=r()){return this.flush(s),this.disposers.set(s,e),s}addEventListener(e,s,t,o,i=r()){return this.add((()=>(e.addEventListener(s,t,o),()=>e.removeEventListener(s,t,o))),i),i}setTimeout(e,s,t=r()){return this.add((()=>{const r=window.setTimeout((()=>{this.remove(t),e()}),s);return()=>window.clearTimeout(r)}),t)}setInterval(e,s,t=r()){return this.add((()=>{const t=window.setInterval(e,s);return()=>window.clearInterval(t)}),t)}remove(e){const s=this.disposers.get(e);return this.disposers.delete(e),s}flush(e){const s=this.remove(e);if(s)try{s()}catch(t){console.error(t)}}flushAll(){this.disposers.forEach((e=>{try{e()}catch(s){console.error(s)}})),this.disposers.clear()}}export{o as SideEffectManager,r as genUID};\n//# sourceMappingURL=side-effect-manager.es.js.map\n","var e=Object.defineProperty,s=(\"undefined\"!=typeof require&&require,(s,r,t)=>(((s,r,t)=>{r in s?e(s,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[r]=t})(s,\"symbol\"!=typeof r?r+\"\":r,t),t));class r{constructor(e,r){s(this,\"_value\"),s(this,\"_beforeDestroys\"),s(this,\"_subscribers\"),this._value=e,r&&(this.compare=r)}get value(){return this._value}setValue(e,s){if(!this.compare(e,this._value)){const r=this._value;this._value=e,this._subscribers&&this._subscribers.forEach((t=>t(e,r,s)))}}reaction(e){return this._subscribers||(this._subscribers=new Set),this._subscribers.add(e),()=>{this._subscribers&&this._subscribers.delete(e)}}subscribe(e,s){const r=this.reaction(e);return e(this._value,void 0,s),r}derive(e,s,t){const i=new r(e(this.value,void 0,t),s),o=this.reaction(((s,r,t)=>{i.setValue(e(s,r,t))}));return i.addBeforeDestroy(o),i}destroy(){this._beforeDestroys&&(this._beforeDestroys.forEach((e=>e())),this._beforeDestroys.clear()),this._subscribers&&this._subscribers.clear()}addBeforeDestroy(e){return this._beforeDestroys||(this._beforeDestroys=new Set),this._beforeDestroys.add(e),()=>{this._beforeDestroys&&this._beforeDestroys.delete(e)}}compare(e,s){return e===s}}function t(e,s,t,i){let o=e.map((e=>e.value));const u=new r(s(o,void 0,i),t);return e.forEach(((e,r)=>{const t=e.reaction(((e,t,i)=>{const c=o.slice();c[r]=e;const n=o;o=c,u.setValue(s(c,n,i),i)}));u.addBeforeDestroy(t)})),u}function i(e,s){Object.keys(s).forEach((r=>{u(e,r,s[r])}))}function o(e){return(s,r)=>(u(e,s,r),r)}function u(e,s,r){var t;return Object.defineProperties(e,{[s]:{get:()=>r.value},[`_${s}$`]:{value:r},[`set${t=s,t[0].toUpperCase()+t.slice(1)}`]:{value:(e,s)=>r.setValue(e,s)}}),e}function c(e){const s=s=>{const r=e.addDisposer((()=>{s.destroy()}));return s.addBeforeDestroy((()=>{e.remove(r)})),s};return{bindSideEffect:s,combine:(e,r,i,o)=>s(t(e,r,i,o)),createVal:(e,t)=>s(new r(e,t))}}export{r as Val,u as bindInstance,t as combine,o as createInstanceBinder,c as createSideEffectBinder,i as withValueEnhancer};\n//# sourceMappingURL=value-enhancer.es.js.map\n","export enum TELE_BOX_COLOR_SCHEME {\n Light = \"light\",\n Dark = \"dark\",\n Auto = \"auto\",\n}\n\nexport enum TELE_BOX_STATE {\n Normal = \"normal\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n}\n\nexport enum TELE_BOX_EVENT {\n DarkMode = \"dark_mode\",\n PrefersColorScheme = \"prefers_color_scheme\",\n Close = \"close\",\n Focus = \"focus\",\n Blur = \"blur\",\n Move = \"move\",\n Resize = \"resize\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n VisualResize = \"visual_resize\",\n ZIndex = \"z_index\",\n State = \"state\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n Readonly = \"readonly\",\n Destroyed = \"destroyed\",\n}\n\nexport enum TELE_BOX_DELEGATE_EVENT {\n Close = \"close\",\n Maximize = \"maximize\",\n Minimize = \"minimize\",\n}\n\nexport enum TELE_BOX_RESIZE_HANDLE {\n North = \"n\",\n South = \"s\",\n West = \"w\",\n East = \"e\",\n NorthWest = \"nw\",\n NorthEast = \"ne\",\n SouthEast = \"se\",\n SouthWest = \"sw\",\n}\n\nexport const TeleBoxDragHandleType = \"dh\";\n","export function clamp(value: number, min: number, max: number): number {\n return Math.min(Math.max(value, min), max);\n}\n\nexport function preventEvent(ev: Event): void {\n ev.stopPropagation();\n if (ev.cancelable) {\n ev.preventDefault();\n }\n}\n\nexport function flattenEvent(ev: MouseEvent | TouchEvent): MouseEvent | Touch {\n return (ev as TouchEvent).touches\n ? (ev as TouchEvent).touches[0]\n : (ev as MouseEvent);\n}\n\nexport function genUniqueKey(): string {\n return (\n Date.now().toString().slice(6) + Math.random().toString().slice(2, 8)\n );\n}\n\nexport function getRandomInt(min: number, max: number): number {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nlet defaultBoxCount = 1;\n\nexport function getBoxDefaultName(): string {\n return `New Box ${defaultBoxCount++}`;\n}\n\nexport function identity<TValue>(value: TValue): TValue {\n return value;\n}\n\nexport function isTruthy<TValue>(value: TValue): boolean {\n return Boolean(value);\n}\n\nexport function isFalsy<TValue>(value: TValue): boolean {\n return !value;\n}\n","import \"./style.scss\";\n\nimport { SideEffectManager } from \"side-effect-manager\";\n\nimport {\n TeleBoxDragHandleType,\n TELE_BOX_DELEGATE_EVENT,\n TELE_BOX_STATE,\n} from \"../../TeleBox/constants\";\nimport type { TeleBoxState } from \"../../TeleBox/typings\";\nimport type {\n TeleTitleBar,\n TeleTitleBarConfig,\n TeleTitleBarEvent,\n} from \"../typings\";\nimport { preventEvent } from \"../../utils\";\n\nexport type DefaultTitleBarButton = TeleTitleBarEvent & {\n readonly iconClassName: string;\n readonly isActive?: (state: TeleBoxState) => boolean;\n};\n\nexport interface DefaultTitleBarConfig extends TeleTitleBarConfig {\n buttons?: ReadonlyArray<DefaultTitleBarButton>;\n}\n\nexport class DefaultTitleBar implements TeleTitleBar {\n public constructor({\n readonly = false,\n title,\n buttons,\n onEvent,\n onDragStart,\n namespace = \"telebox\",\n state = TELE_BOX_STATE.Normal,\n }: DefaultTitleBarConfig = {}) {\n this.readonly = readonly;\n this.onEvent = onEvent;\n this.onDragStart = onDragStart;\n this.namespace = namespace;\n this.title = title;\n this.state = state;\n\n this.buttons = buttons || [\n {\n type: TELE_BOX_DELEGATE_EVENT.Minimize,\n iconClassName: this.wrapClassName(\"titlebar-icon-minimize\"),\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Maximize,\n iconClassName: this.wrapClassName(\"titlebar-icon-maximize\"),\n isActive: (state) => state === TELE_BOX_STATE.Maximized,\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Close,\n iconClassName: this.wrapClassName(\"titlebar-icon-close\"),\n },\n ];\n\n this.$dragArea = this.renderDragArea();\n }\n\n public readonly namespace: string;\n\n public $titleBar: HTMLElement | undefined;\n\n public $title: HTMLElement | undefined;\n\n public $dragArea: HTMLElement;\n\n public setTitle(title: string): void {\n this.title = title;\n if (this.$title) {\n this.$title.textContent = title;\n this.$title.title = title;\n }\n }\n\n public setState(state: TeleBoxState): void {\n if (this.state !== state) {\n this.state = state;\n\n this.buttons.forEach((btn, i) => {\n if (btn.isActive) {\n this.$btns[i].classList.toggle(\n \"is-active\",\n btn.isActive(state)\n );\n }\n });\n }\n }\n\n public setReadonly(readonly: boolean): void {\n if (this.readonly !== readonly) {\n this.readonly = readonly;\n }\n }\n\n public render(): HTMLElement {\n if (!this.$titleBar) {\n this.$titleBar = document.createElement(\"div\");\n this.$titleBar.className = this.wrapClassName(\"titlebar\");\n\n const $titleArea = document.createElement(\"div\");\n $titleArea.className = this.wrapClassName(\"title-area\");\n $titleArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n this.$title = document.createElement(\"h1\");\n this.$title.className = this.wrapClassName(\"title\");\n this.$title.dataset.teleBoxHandle = TeleBoxDragHandleType;\n if (this.title) {\n this.$title.textContent = this.title;\n this.$title.title = this.title;\n }\n\n $titleArea.appendChild(this.$title);\n $titleArea.appendChild(this.$dragArea);\n\n const $buttonsContainer = document.createElement(\"div\");\n $buttonsContainer.className = this.wrapClassName(\"titlebar-btns\");\n\n this.buttons.forEach(({ iconClassName, isActive }, i) => {\n const teleTitleBarBtnIndex = String(i);\n\n const $btn = document.createElement(\"button\");\n $btn.className = `${this.wrapClassName(\n \"titlebar-btn\"\n )} ${iconClassName}`;\n $btn.dataset.teleTitleBarBtnIndex = teleTitleBarBtnIndex;\n $btn.dataset.teleTitleBarNoDblClick = \"true\";\n\n if (isActive) {\n $btn.classList.toggle(\"is-active\", isActive(this.state));\n }\n\n this.$btns.push($btn);\n\n $buttonsContainer.appendChild($btn);\n });\n\n this.sideEffect.addEventListener(\n $buttonsContainer,\n \"click\",\n (ev) => {\n if (this.readonly) {\n return;\n }\n const target = ev.target as HTMLElement;\n const teleTitleBarBtnIndex = Number(\n target.dataset?.teleTitleBarBtnIndex\n );\n if (\n !Number.isNaN(teleTitleBarBtnIndex) &&\n teleTitleBarBtnIndex < this.buttons.length\n ) {\n preventEvent(ev);\n const btn = this.buttons[teleTitleBarBtnIndex];\n if (this.onEvent) {\n this.onEvent({\n type: btn.type,\n value: btn.value,\n } as TeleTitleBarEvent);\n }\n }\n }\n );\n\n this.$titleBar.appendChild($titleArea);\n this.$titleBar.appendChild($buttonsContainer);\n }\n\n return this.$titleBar;\n }\n\n public renderDragArea(): HTMLElement {\n const $dragArea = document.createElement(\"div\");\n $dragArea.className = this.wrapClassName(\"drag-area\");\n $dragArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n this.sideEffect.addEventListener(\n $dragArea,\n \"mousedown\",\n this.handleTitleBarClick\n );\n this.sideEffect.addEventListener(\n $dragArea,\n \"touchstart\",\n this.handleTitleBarTouch,\n { passive: true }\n );\n return $dragArea;\n }\n\n public dragHandle(): HTMLElement | undefined {\n return this.$titleBar;\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public destroy(): void {\n this.sideEffect.flushAll();\n if (this.$titleBar) {\n this.$titleBar = void 0;\n this.$title = void 0;\n this.$btns.length = 0;\n this.onDragStart = void 0;\n this.onEvent = void 0;\n }\n }\n\n public onEvent?: TeleTitleBarConfig[\"onEvent\"];\n\n public onDragStart?: TeleTitleBarConfig[\"onDragStart\"];\n\n protected readonly: boolean;\n\n protected title?: string;\n\n protected buttons: ReadonlyArray<DefaultTitleBarButton>;\n\n protected state: TeleBoxState;\n\n protected $btns: HTMLButtonElement[] = [];\n\n protected sideEffect = new SideEffectManager();\n\n protected lastTitleBarClick = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarClick = (ev: MouseEvent): void => {\n if (this.readonly) {\n return;\n }\n\n if (ev.button !== 0) {\n return; // Not left mouse\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n if (now - this.lastTitleBarClick.timestamp <= 500) {\n if (\n Math.abs(ev.clientX - this.lastTitleBarClick.clientX) <= 5 &&\n Math.abs(ev.clientY - this.lastTitleBarClick.clientY) <= 5\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarClick.timestamp = now;\n this.lastTitleBarClick.clientX = ev.clientX;\n this.lastTitleBarClick.clientY = ev.clientY;\n };\n\n protected lastTitleBarTouch = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarTouch = (ev: TouchEvent): void => {\n if (this.readonly) {\n return;\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n const {\n clientX = this.lastTitleBarTouch.clientX + 100,\n clientY = this.lastTitleBarTouch.clientY + 100,\n } = ev.touches[0] || {};\n\n if (now - this.lastTitleBarTouch.timestamp <= 500) {\n if (\n Math.abs(clientX - this.lastTitleBarTouch.clientX) <= 10 &&\n Math.abs(clientY - this.lastTitleBarTouch.clientY) <= 10\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarTouch.timestamp = now;\n this.lastTitleBarTouch.clientX = clientX;\n this.lastTitleBarTouch.clientY = clientY;\n };\n}\n","import \"./style.scss\";\n\nimport EventEmitter from \"eventemitter3\";\nimport styler from \"stylefire\";\nimport shallowequal from \"shallowequal\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport {\n createSideEffectBinder,\n Val,\n ValEnhancedResult,\n ValSideEffectBinder,\n withValueEnhancer,\n} from \"value-enhancer\";\nimport { DefaultTitleBar, TeleTitleBar } from \"../TeleTitleBar\";\nimport {\n clamp,\n flattenEvent,\n genUniqueKey,\n getBoxDefaultName,\n isFalsy,\n isTruthy,\n preventEvent,\n} from \"../utils\";\nimport {\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_RESIZE_HANDLE,\n TELE_BOX_DELEGATE_EVENT,\n TELE_BOX_COLOR_SCHEME,\n} from \"./constants\";\nimport type {\n TeleBoxConfig,\n TeleBoxRect,\n TeleBoxEvents,\n TeleBoxHandleType,\n TeleBoxState,\n TeleBoxDelegateEvents,\n TeleBoxCoord,\n TeleBoxSize,\n TeleBoxColorScheme,\n} from \"./typings\";\n\nexport * from \"./constants\";\nexport * from \"./typings\";\n\ntype ValConfig = {\n prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n darkMode: Val<boolean, boolean>;\n containerRect: Val<TeleBoxRect, boolean>;\n collectorRect: Val<TeleBoxRect | undefined, boolean>;\n /** Box title. Default empty. */\n title: Val<string, boolean>;\n /** Is box visible */\n visible: Val<boolean, boolean>;\n /** Is box readonly */\n readonly: Val<boolean, boolean>;\n /** Able to resize box window */\n resizable: Val<boolean, boolean>;\n /** Able to drag box window */\n draggable: Val<boolean, boolean>;\n /** Restrict box to always be within the containing area. */\n fence: Val<boolean, boolean>;\n /** Fixed width/height ratio for box window. */\n fixRatio: Val<boolean, boolean>;\n focus: Val<boolean, boolean>;\n zIndex: Val<number, boolean>;\n /** Is box minimized. Default false. */\n minimized: Val<boolean, boolean>;\n /** Is box maximized. Default false. */\n maximized: Val<boolean, boolean>;\n $userContent: Val<HTMLElement | undefined>;\n $userFooter: Val<HTMLElement | undefined>;\n $userStyles: Val<HTMLStyleElement | undefined>;\n};\nexport interface TeleBox extends ValEnhancedResult<ValConfig> {}\n\nexport class TeleBox {\n public constructor({\n id = genUniqueKey(),\n title = getBoxDefaultName(),\n prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n darkMode,\n visible = true,\n width = 0.5,\n height = 0.5,\n minWidth = 0,\n minHeight = 0,\n x = 0.1,\n y = 0.1,\n minimized = false,\n maximized = false,\n readonly = false,\n resizable = true,\n draggable = true,\n fence = true,\n fixRatio = false,\n focus = false,\n zIndex = 100,\n namespace = \"telebox\",\n titleBar,\n content,\n footer,\n styles,\n containerRect = {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n collectorRect,\n }: TeleBoxConfig = {}) {\n this._sideEffect = new SideEffectManager();\n this._valSideEffectBinder = createSideEffectBinder(this._sideEffect);\n const { combine, createVal } = this._valSideEffectBinder;\n\n this.id = id;\n this.namespace = namespace;\n this.events = new EventEmitter();\n this._delegateEvents = new EventEmitter();\n\n const prefersColorScheme$ = createVal<TeleBoxColorScheme, boolean>(\n prefersColorScheme\n );\n prefersColorScheme$.reaction((prefersColorScheme, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_EVENT.PrefersColorScheme,\n prefersColorScheme\n );\n }\n });\n\n const darkMode$ = createVal(Boolean(darkMode));\n\n if (darkMode == null) {\n prefersColorScheme$.subscribe(\n (prefersColorScheme, _, skipUpdate) => {\n this._sideEffect.add(() => {\n if (prefersColorScheme === \"auto\") {\n const prefersDark = window.matchMedia(\n \"(prefers-color-scheme: dark)\"\n );\n if (prefersDark) {\n darkMode$.setValue(\n prefersDark.matches,\n skipUpdate\n );\n const handler = (\n evt: MediaQueryListEvent\n ): void => {\n darkMode$.setValue(evt.matches, skipUpdate);\n };\n prefersDark.addListener(handler);\n return () =>\n prefersDark.removeListener(handler);\n } else {\n return noop;\n }\n } else {\n darkMode$.setValue(\n prefersColorScheme === \"dark\",\n skipUpdate\n );\n return noop;\n }\n }, \"prefers-color-scheme\");\n }\n );\n }\n\n darkMode$.reaction((darkMode, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.DarkMode, darkMode);\n }\n });\n\n const containerRect$ = createVal(containerRect, shallowequal);\n const collectorRect$ = createVal(collectorRect, shallowequal);\n\n const title$ = createVal(title);\n\n const visible$ = createVal(visible);\n visible$.reaction((visible, _, skipUpdate) => {\n if (!skipUpdate && !visible) {\n this.events.emit(TELE_BOX_EVENT.Close);\n }\n });\n\n const readonly$ = createVal(readonly);\n readonly$.reaction((readonly, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.Readonly, readonly);\n }\n });\n\n const resizable$ = createVal(resizable);\n const draggable$ = createVal(draggable);\n const fence$ = createVal(fence);\n const fixRatio$ = createVal(fixRatio);\n\n const zIndex$ = createVal(zIndex);\n zIndex$.reaction((zIndex, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.ZIndex, zIndex);\n }\n });\n\n const focus$ = createVal(focus);\n focus$.reaction((focus, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n focus ? TELE_BOX_EVENT.Focus : TELE_BOX_EVENT.Blur\n );\n }\n });\n\n const minimized$ = createVal(minimized);\n minimized$.reaction((minimized, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.Minimized, minimized);\n }\n });\n\n const maximized$ = createVal(maximized);\n maximized$.reaction((maximized, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.Maximized, maximized);\n }\n });\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n state$.reaction((state, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.State, state);\n }\n });\n\n const minSize$ = createVal(\n {\n width: clamp(minWidth, 0, 1),\n height: clamp(minHeight, 0, 1),\n },\n shallowequal\n );\n\n const intrinsicSize$ = createVal(\n {\n width: clamp(width, minSize$.value.width, 1),\n height: clamp(height, minSize$.value.height, 1),\n },\n shallowequal\n );\n minSize$.reaction((minSize, _, skipUpdate) => {\n intrinsicSize$.setValue(\n {\n width: clamp(width, minSize.width, 1),\n height: clamp(height, minSize.height, 1),\n },\n skipUpdate\n );\n });\n intrinsicSize$.reaction((size, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.IntrinsicResize, size);\n }\n });\n\n const size$ = combine(\n [intrinsicSize$, maximized$],\n ([intrinsicSize, maximized]) => {\n if (maximized) {\n return { width: 1, height: 1 };\n }\n return intrinsicSize;\n },\n shallowequal\n );\n size$.reaction((size, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.Resize, size);\n }\n });\n\n const visualSize$ = combine(\n [size$, minimized$, containerRect$, collectorRect$],\n ([size, minimized, containerRect, collectorRect]) => {\n if (minimized && collectorRect) {\n return {\n width:\n collectorRect.width /\n size.width /\n containerRect.width,\n height:\n collectorRect.height /\n size.height /\n containerRect.height,\n };\n }\n return size;\n },\n shallowequal\n );\n visualSize$.reaction((size, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.VisualResize, size);\n }\n });\n\n const intrinsicCoord$ = createVal(\n { x: clamp(x, 0, 1), y: clamp(y, 0, 1) },\n shallowequal\n );\n intrinsicCoord$.reaction((coord, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.IntrinsicMove, coord);\n }\n });\n\n const coord$ = combine(\n [\n intrinsicCoord$,\n intrinsicSize$,\n containerRect$,\n collectorRect$,\n minimized$,\n maximized$,\n ],\n ([\n intrinsicCoord,\n intrinsicSize,\n containerRect,\n collectorRect,\n minimized,\n maximized,\n ]) => {\n if (minimized && collectorRect) {\n if (maximized) {\n return {\n x:\n (collectorRect.x + collectorRect.width / 2) /\n containerRect.width -\n 1 / 2,\n y:\n (collectorRect.y + collectorRect.height / 2) /\n containerRect.height -\n 1 / 2,\n };\n }\n return {\n x:\n (collectorRect.x + collectorRect.width / 2) /\n containerRect.width -\n intrinsicSize.width / 2,\n y:\n (collectorRect.y + collectorRect.height / 2) /\n containerRect.height -\n intrinsicSize.height / 2,\n };\n }\n if (maximized) {\n return { x: 0, y: 0 };\n }\n return intrinsicCoord;\n },\n shallowequal\n );\n coord$.reaction((coord, _, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_EVENT.Move, coord);\n }\n });\n\n this.titleBar =\n titleBar ||\n new DefaultTitleBar({\n readonly: readonly$.value,\n title: title$.value,\n namespace: this.namespace,\n onDragStart: (event) => this._handleTrackStart?.(event),\n onEvent: (event): void => {\n if (this._delegateEvents.listeners.length > 0) {\n this._delegateEvents.emit(event.type);\n } else {\n switch (event.type) {\n case TELE_BOX_DELEGATE_EVENT.Maximize: {\n maximized$.setValue(!maximized$.value);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Minimize: {\n minimized$.setValue(true);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Close: {\n visible$.setValue(false);\n break;\n }\n default: {\n console.error(\n \"Unsupported titleBar event:\",\n event\n );\n break;\n }\n }\n }\n },\n });\n readonly$.reaction((readonly) => {\n this.titleBar.setReadonly(readonly);\n });\n\n const $userContent$ = createVal(content);\n const $userFooter$ = createVal(footer);\n const $userStyles$ = createVal(styles);\n\n const valConfig: ValConfig = {\n prefersColorScheme: prefersColorScheme$,\n darkMode: darkMode$,\n containerRect: containerRect$,\n collectorRect: collectorRect$,\n title: title$,\n visible: visible$,\n readonly: readonly$,\n resizable: resizable$,\n draggable: draggable$,\n fence: fence$,\n fixRatio: fixRatio$,\n focus: focus$,\n zIndex: zIndex$,\n minimized: minimized$,\n maximized: maximized$,\n $userContent: $userContent$,\n $userFooter: $userFooter$,\n $userStyles: $userStyles$,\n };\n\n withValueEnhancer(this, valConfig);\n\n this._state$ = state$;\n this._minSize$ = minSize$;\n this._size$ = size$;\n this._intrinsicSize$ = intrinsicSize$;\n this._visualSize$ = visualSize$;\n this._coord$ = coord$;\n this._intrinsicCoord$ = intrinsicCoord$;\n\n if (this.fixRatio) {\n this.transform(\n coord$.value.x,\n coord$.value.y,\n size$.value.width,\n size$.value.height,\n true\n );\n }\n\n this.$box = this.render();\n }\n\n public readonly id: string;\n\n /** ClassName Prefix. For CSS styling. Default \"telebox\" */\n public readonly namespace: string;\n\n public readonly events: TeleBoxEvents;\n\n public readonly _delegateEvents: TeleBoxDelegateEvents;\n\n protected _sideEffect: SideEffectManager;\n\n protected _valSideEffectBinder: ValSideEffectBinder;\n\n public titleBar: TeleTitleBar;\n\n public _minSize$: Val<TeleBoxSize, boolean>;\n public _size$: Val<TeleBoxSize, boolean>;\n public _intrinsicSize$: Val<TeleBoxSize, boolean>;\n public _visualSize$: Val<TeleBoxSize, boolean>;\n public _coord$: Val<TeleBoxCoord, boolean>;\n public _intrinsicCoord$: Val<TeleBoxCoord, boolean>;\n\n public get darkMode(): boolean {\n return this._darkMode$.value;\n }\n\n public _state$: Val<TeleBoxState, boolean>;\n\n public get state(): TeleBoxState {\n return this._state$.value;\n }\n\n /** @deprecated use setMaximized and setMinimized instead */\n public setState(state: TeleBoxState, skipUpdate = false): this {\n switch (state) {\n case TELE_BOX_STATE.Maximized: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(true, skipUpdate);\n break;\n }\n case TELE_BOX_STATE.Minimized: {\n this.setMinimized(true, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n default: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n }\n return this;\n }\n\n /** Minimum box width relative to container element. 0~1. Default 0. */\n public get minWidth(): number {\n return this._minSize$.value.width;\n }\n\n /** Minimum box height relative to container element. 0~1. Default 0. */\n public get minHeight(): number {\n return this._minSize$.value.height;\n }\n\n /**\n * @param minWidth Minimum box width relative to container element. 0~1.\n * @returns this\n */\n public setMinWidth(minWidth: number, skipUpdate = false): this {\n this._minSize$.setValue(\n { width: minWidth, height: this.minHeight },\n skipUpdate\n );\n return this;\n }\n\n /**\n * @param minHeight Minimum box height relative to container element. 0~1.\n * @returns this\n */\n public setMinHeight(minHeight: number, skipUpdate = false): this {\n this._minSize$.setValue(\n { width: this.minWidth, height: minHeight },\n skipUpdate\n );\n return this;\n }\n\n /** Intrinsic box width relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.5. */\n public get intrinsicWidth(): number {\n return this._intrinsicSize$.value.width;\n }\n\n /** Intrinsic box height relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.5. */\n public get intrinsicHeight(): number {\n return this._intrinsicSize$.value.height;\n }\n\n /**\n * Resize box.\n * @param width Box width relative to container element. 0~1.\n * @param height Box height relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public resize(width: number, height: number, skipUpdate = false): this {\n this._intrinsicSize$.setValue({ width, height }, skipUpdate);\n return this;\n }\n\n /** Box width relative to container element. 0~1. Default 0.5. */\n public get width(): number {\n return this._size$.value.width;\n }\n\n /** Box height relative to container element. 0~1. Default 0.5. */\n public get height(): number {\n return this._size$.value.height;\n }\n\n /** Box width in pixels. */\n public get absoluteWidth(): number {\n return this.width * this.containerRect.width;\n }\n\n /** Box height in pixels. */\n public get absoluteHeight(): number {\n return this.height * this.containerRect.height;\n }\n\n /** Actual rendered box width relative to container element. 0~1. Default 0.5. */\n public get visualWidth(): number {\n return this._visualSize$.value.width;\n }\n\n /** Actual rendered box height relative to container element. 0~1. Default 0.5. */\n public get visualHeight(): number {\n return this._visualSize$.value.height;\n }\n\n /** Intrinsic box x position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicX(): number {\n return this._intrinsicCoord$.value.x;\n }\n\n /** Intrinsic box y position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicY(): number {\n return this._intrinsicCoord$.value.y;\n }\n\n /**\n * Move box position.\n * @param x x position relative to container element. 0~1.\n * @param y y position relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public move(x: number, y: number, skipUpdate = false): this {\n this._intrinsicCoord$.setValue({ x, y }, skipUpdate);\n return this;\n }\n\n /** Box x position relative to container element. 0~1. Default 0.1. */\n public get x(): number {\n return this._coord$.value.x;\n }\n\n /** Box y position relative to container element. 0~1. Default 0.1. */\n public get y(): number {\n return this._coord$.value.y;\n }\n\n /**\n * Resize + Move, with respect to fixed ratio.\n * @param x x position relative to container element. 0~1.\n * @param y y position relative to container element. 0~1.\n * @param width Box width relative to container element. 0~1.\n * @param height Box height relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public transform(\n x: number,\n y: number,\n width: number,\n height: number,\n skipUpdate = false\n ): this {\n if (this.fixRatio) {\n const newHeight =\n (this.intrinsicHeight / this.intrinsicWidth) * width;\n if (y !== this.intrinsicY) {\n y -= newHeight - height;\n }\n height = newHeight;\n }\n\n if (y < 0) {\n y = 0;\n if (height > this.intrinsicHeight) {\n height = this.intrinsicHeight;\n }\n }\n\n this._intrinsicCoord$.setValue(\n {\n x: width >= this.minWidth ? x : this.intrinsicX,\n y: height >= this.minHeight ? y : this.intrinsicY,\n },\n skipUpdate\n );\n this._intrinsicSize$.setValue(\n {\n width: clamp(width, this.minWidth, 1),\n height: clamp(height, this.minHeight, 1),\n },\n skipUpdate\n );\n\n return this;\n }\n\n /**\n * Mount box to a container element.\n */\n public mount(container: HTMLElement): this {\n container.appendChild(this.render());\n return this;\n }\n\n /**\n * Unmount box from the container element.\n */\n public unmount(): this {\n if (this.$box) {\n this.$box.remove();\n }\n return this;\n }\n\n /**\n * Mount dom to box content.\n */\n public mountContent(content: HTMLElement): this {\n this.set$userContent(content);\n return this;\n }\n\n /**\n * Unmount content from the box.\n */\n public unmountContent(): this {\n this.set$userContent(undefined);\n return this;\n }\n\n /**\n * Mount dom to box Footer.\n */\n public mountFooter(footer: HTMLElement): this {\n this.set$userFooter(footer);\n return this;\n }\n\n /**\n * Unmount Footer from the box.\n */\n public unmountFooter(): this {\n this.set$userFooter(undefined);\n return this;\n }\n\n public getUserStyles(): HTMLStyleElement | undefined {\n return this.$userStyles;\n }\n\n public mountStyles(styles: string | HTMLStyleElement): this {\n let $styles: HTMLStyleElement;\n if (typeof styles === \"string\") {\n $styles = document.createElement(\"style\");\n $styles.textContent = styles;\n } else {\n $styles = styles;\n }\n this.set$userStyles($styles);\n return this;\n }\n\n public unmountStyles(): this {\n this.set$userStyles(undefined);\n return this;\n }\n\n /** DOM of the box */\n public $box: HTMLElement;\n\n /** DOM of the box content */\n public $content!: HTMLElement;\n\n /** DOM of the box title bar */\n public $titleBar!: HTMLElement;\n\n /** DOM of the box footer */\n public $footer!: HTMLElement;\n\n protected _renderSideEffect = new SideEffectManager();\n\n public render(root?: HTMLElement): HTMLElement {\n if (root) {\n if (root === this.$box) {\n return this.$box;\n } else {\n this.$box = root;\n }\n } else {\n if (this.$box) {\n return this.$box;\n } else {\n this.$box = document.createElement(\"div\");\n }\n }\n\n this._renderSideEffect.flushAll();\n\n this.$box.classList.add(this.wrapClassName(\"box\"));\n\n const bindClassName = <TValue>(\n el: Element,\n val: Val<TValue, boolean>,\n className: string,\n predicate: (value: TValue) => boolean = isTruthy\n ): string => {\n return this._renderSideEffect.add(() => {\n const wrappedClassName = this.wrapClassName(className);\n return val.subscribe((value) => {\n el.classList.toggle(wrappedClassName, predicate(value));\n });\n });\n };\n\n bindClassName(this.$box, this._readonly$, \"readonly\");\n bindClassName(this.$box, this._draggable$, \"no-drag\", isFalsy);\n bindClassName(this.$box, this._resizable$, \"no-resize\", isFalsy);\n bindClassName(this.$box, this._focus$, \"blur\", isFalsy);\n bindClassName(this.$box, this._darkMode$, \"color-scheme-dark\");\n bindClassName(\n this.$box,\n this._darkMode$,\n \"color-scheme-light\",\n isFalsy\n );\n\n this._renderSideEffect.add(() => {\n const minimizedClassName = this.wrapClassName(\"minimized\");\n const maximizedClassName = this.wrapClassName(\"maximized\");\n const MAXIMIZED_TIMER_ID = \"box-maximized-timer\";\n\n return this._state$.subscribe((state) => {\n this.$box.classList.toggle(\n minimizedClassName,\n state === TELE_BOX_STATE.Minimized\n );\n\n if (state === TELE_BOX_STATE.Maximized) {\n this._renderSideEffect.flush(MAXIMIZED_TIMER_ID);\n this.$box.classList.toggle(maximizedClassName, true);\n } else {\n // delay so that transition won't be triggered\n this._renderSideEffect.setTimeout(\n () => {\n this.$box.classList.toggle(\n maximizedClassName,\n false\n );\n },\n 0,\n MAXIMIZED_TIMER_ID\n );\n }\n });\n });\n\n this._renderSideEffect.add(() =>\n this._visible$.subscribe((visible) => {\n this.$box.style.display = visible ? \"block\" : \"none\";\n })\n );\n\n this._renderSideEffect.add(() =>\n this._zIndex$.subscribe((zIndex) => {\n this.$box.style.zIndex = String(zIndex);\n })\n );\n\n const boxStyler = styler(this.$box);\n\n this.$box.dataset.teleBoxID = this.id;\n\n this.$box.style.width = this.absoluteWidth + \"px\";\n this.$box.style.height = this.absoluteHeight + \"px\";\n // Add 10px offset on first frame\n // which creates a subtle moving effect\n const translateX =\n this.x * this.containerRect.width + this.containerRect.x;\n const translateY =\n this.y * this.containerRect.height + this.containerRect.y;\n this.$box.style.transform = `translate(${translateX - 10}px,${\n translateY - 10\n }px)`;\n\n this._valSideEffectBinder\n .combine(\n [\n this._coord$,\n this._size$,\n this._minimized$,\n this._containerRect$,\n this._collectorRect$,\n ],\n ([coord, size, minimized, containerRect, collectorRect]) => {\n const absoluteWidth = size.width * containerRect.width;\n const absoluteHeight = size.height * containerRect.height;\n return {\n width: absoluteWidth,\n height: absoluteHeight,\n x: coord.x * containerRect.width,\n y: coord.y * containerRect.height,\n scaleX:\n minimized && collectorRect\n ? collectorRect.width / absoluteWidth\n : 1,\n scaleY:\n minimized && collectorRect\n ? collectorRect.height / absoluteHeight\n : 1,\n };\n },\n shallowequal\n )\n .subscribe((styles) => {\n boxStyler.set(styles);\n });\n\n boxStyler.set({ x: translateX, y: translateY });\n\n const $boxMain = document.createElement(\"div\");\n $boxMain.className = this.wrapClassName(\"box-main\");\n this.$box.appendChild($boxMain);\n\n const $titleBar = document.createElement(\"div\");\n $titleBar.className = this.wrapClassName(\"titlebar-wrap\");\n $titleBar.appendChild(this.titleBar.render());\n this.$titleBar = $titleBar;\n\n const $contentWrap = document.createElement(\"div\");\n $contentWrap.className = this.wrapClassName(\"content-wrap\");\n\n const $content = document.createElement(\"div\");\n $content.className =\n this.wrapClassName(\"content\") + \" tele-fancy-scrollbar\";\n this.$content = $content;\n\n this._renderSideEffect.add(() => {\n let last$userStyles: HTMLStyleElement | undefined;\n return this._$userStyles$.subscribe(($userStyles) => {\n if (last$userStyles) {\n last$userStyles.remove();\n }\n last$userStyles = $userStyles;\n if ($userStyles) {\n $contentWrap.appendChild($userStyles);\n }\n });\n });\n\n this._renderSideEffect.add(() => {\n let last$userContent: HTMLElement | undefined;\n return this._$userContent$.subscribe(($userContent) => {\n if (last$userContent) {\n last$userContent.remove();\n }\n last$userContent = $userContent;\n if ($userContent) {\n $content.appendChild($userContent);\n }\n });\n });\n\n $contentWrap.appendChild($content);\n\n const $footer = document.createElement(\"div\");\n $footer.className = this.wrapClassName(\"footer-wrap\");\n this.$footer = $footer;\n\n this._renderSideEffect.add(() => {\n let last$userFooter: HTMLElement | undefined;\n return this._$userFooter$.subscribe(($userFooter) => {\n if (last$userFooter) {\n last$userFooter.remove();\n }\n last$userFooter = $userFooter;\n if ($userFooter) {\n $footer.appendChild($userFooter);\n }\n });\n });\n\n $boxMain.appendChild($titleBar);\n $boxMain.appendChild($contentWrap);\n $boxMain.appendChild($footer);\n\n this._renderResizeHandlers();\n\n return this.$box;\n }\n\n protected _handleTrackStart?: (ev: MouseEvent | TouchEvent) => void;\n\n public handleTrackStart: (ev: MouseEvent | TouchEvent) => void = (ev) => {\n return this._handleTrackStart?.(ev);\n };\n\n protected _renderResizeHandlers(): void {\n const $resizeHandles = document.createElement(\"div\");\n $resizeHandles.className = this.wrapClassName(\"resize-handles\");\n\n Object.values(TELE_BOX_RESIZE_HANDLE).forEach((handleType) => {\n const $handle = document.createElement(\"div\");\n $handle.className =\n this.wrapClassName(handleType) +\n \" \" +\n this.wrapClassName(\"resize-handle\");\n $handle.dataset.teleBoxHandle = handleType;\n\n $resizeHandles.appendChild($handle);\n });\n\n this.$box.appendChild($resizeHandles);\n\n const TRACKING_DISPOSER_ID = \"handle-tracking-listener\";\n const transformingClassName = this.wrapClassName(\"transforming\");\n\n let $trackMask: HTMLElement | undefined;\n\n let trackStartX = 0;\n let trackStartY = 0;\n\n let trackStartWidth = 0;\n let trackStartHeight = 0;\n\n let trackStartPageX = 0;\n let trackStartPageY = 0;\n\n let trackingHandle: TeleBoxHandleType | undefined;\n\n const handleTracking = (ev: MouseEvent | TouchEvent): void => {\n if (this.state !== TELE_BOX_STATE.Normal) {\n return;\n }\n\n preventEvent(ev);\n\n let { pageX, pageY } = flattenEvent(ev);\n if (pageY < 0) {\n pageY = 0;\n }\n\n const offsetX =\n (pageX - trackStartPageX) / this.containerRect.width;\n const offsetY =\n (pageY - trackStartPageY) / this.containerRect.height;\n\n switch (trackingHandle) {\n case TELE_BOX_RESIZE_HANDLE.North: {\n this.transform(\n this.x,\n trackStartY + offsetY,\n this.width,\n trackStartHeight - offsetY\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.South: {\n this.transform(\n this.x,\n this.y,\n this.width,\n trackStartHeight + offsetY\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.West: {\n this.transform(\n trackStartX + offsetX,\n this.y,\n trackStartWidth - offsetX,\n this.height\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.East: {\n this.transform(\n this.x,\n this.y,\n trackStartWidth + offsetX,\n this.height\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthWest: {\n this.transform(\n trackStartX + offsetX,\n trackStartY + offsetY,\n trackStartWidth - offsetX,\n trackStartHeight - offsetY\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthEast: {\n this.transform(\n this.x,\n trackStartY + offsetY,\n trackStartWidth + offsetX,\n trackStartHeight - offsetY\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthEast: {\n this.transform(\n this.x,\n this.y,\n trackStartWidth + offsetX,\n trackStartHeight + offsetY\n );\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthWest: {\n this.transform(\n trackStartX + offsetX,\n this.y,\n trackStartWidth - offsetX,\n trackStartHeight + offsetY\n );\n break;\n }\n default: {\n if (this.fence) {\n this.move(\n clamp(trackStartX + offsetX, 0, 1 - this.width),\n clamp(trackStartY + offsetY, 0, 1 - this.height)\n );\n } else {\n const xOverflowOffset = 20 / this.containerRect.width;\n const yOverflowOffset = 20 / this.containerRect.height;\n this.move(\n clamp(\n trackStartX + offsetX,\n xOverflowOffset - this.width,\n 1 - xOverflowOffset\n ),\n clamp(trackStartY + offsetY, 0, 1 - yOverflowOffset)\n );\n }\n break;\n }\n }\n };\n\n const handleTrackEnd = (ev: MouseEvent | TouchEvent): void => {\n trackingHandle = void 0;\n\n if (!$trackMask) {\n return;\n }\n\n preventEvent(ev);\n\n this.$box.classList.toggle(transformingClassName, false);\n\n this._sideEffect.flush(TRACKING_DISPOSER_ID);\n\n $trackMask.remove();\n };\n\n const handleTrackStart = (ev: MouseEvent | TouchEvent): void => {\n if (this.readonly) {\n return;\n }\n\n if (\n (ev as MouseEvent).button != null &&\n (ev as MouseEvent).button !== 0\n ) {\n // Not left mouse\n return;\n }\n\n if (\n !this.draggable ||\n trackingHandle ||\n this.state !== TELE_BOX_STATE.Normal\n ) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (target.dataset?.teleBoxHandle) {\n preventEvent(ev);\n\n trackStartX = this.x;\n trackStartY = this.y;\n trackStartWidth = this.width;\n trackStartHeight = this.height;\n\n ({ pageX: trackStartPageX, pageY: trackStartPageY } =\n flattenEvent(ev));\n\n trackingHandle = target.dataset\n .teleBoxHandle as TELE_BOX_RESIZE_HANDLE;\n\n if (!$trackMask) {\n $trackMask = document.createElement(\"div\");\n }\n\n const cursor = trackingHandle\n ? this.wrapClassName(`cursor-${trackingHandle}`)\n : \"\";\n\n $trackMask.className = this.wrapClassName(\n `track-mask${cursor ? ` ${cursor}` : \"\"}`\n );\n\n this.$box.appendChild($trackMask);\n\n this.$box.classList.add(transformingClassName);\n\n this._sideEffect.add(() => {\n window.addEventListener(\"mousemove\", handleTracking);\n window.addEventListener(\"touchmove\", handleTracking, {\n passive: false,\n });\n window.addEventListener(\"mouseup\", handleTrackEnd);\n window.addEventListener(\"touchend\", handleTrackEnd, {\n passive: false,\n });\n window.addEventListener(\"touchcancel\", handleTrackEnd, {\n passive: false,\n });\n\n return () => {\n window.removeEventListener(\"mousemove\", handleTracking);\n window.removeEventListener(\"touchmove\", handleTracking);\n window.removeEventListener(\"mouseup\", handleTrackEnd);\n window.removeEventListener(\"touchend\", handleTrackEnd);\n window.removeEventListener(\n \"touchcancel\",\n handleTrackEnd\n );\n };\n }, TRACKING_DISPOSER_ID);\n }\n };\n\n this._handleTrackStart = handleTrackStart;\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"mousedown\",\n handleTrackStart,\n {},\n \"box-resizeHandles-mousedown\"\n );\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"touchstart\",\n handleTrackStart,\n { passive: false },\n \"box-resizeHandles-touchstart\"\n );\n }\n\n public destroy(): void {\n this.$box.remove();\n this.events.emit(TELE_BOX_EVENT.Destroyed);\n\n this._sideEffect.flushAll();\n this._renderSideEffect.flushAll();\n this.events.removeAllListeners();\n this._delegateEvents.removeAllListeners();\n }\n\n /**\n * Wrap a className with namespace\n */\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n\nfunction noop(): void {\n return;\n}\n\ntype PropKeys<K = keyof TeleBox> = K extends keyof TeleBox\n ? TeleBox[K] extends Function\n ? never\n : K\n : never;\n\nexport type ReadonlyTeleBox = Pick<\n TeleBox,\n | PropKeys\n | \"wrapClassName\"\n | \"mountContent\"\n | \"mountFooter\"\n | \"mountStyles\"\n | \"handleTrackStart\"\n>;\n","import { useEffect, useRef } from \"react\";\n\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirst = useRef(true);\n\n useEffect(() => {\n if (isFirst.current) {\n isFirst.current = false;\n return;\n }\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n","export enum TELE_BOX_MANAGER_EVENT {\n Focused = \"focused\",\n Blurred = \"blurred\",\n Created = \"created\",\n Removed = \"removed\",\n State = \"state\",\n Maximized = \"maximized\",\n Minimized = \"minimized\",\n Move = \"move\",\n Resize = \"resize\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n VisualResize = \"visual_resize\",\n ZIndex = \"z_index\",\n PrefersColorScheme = \"prefers_color_scheme\",\n DarkMode = \"dark_mode\",\n}\n","import \"./style.scss\";\nimport collectorSVG from \"./icons/collector.svg\";\nimport { TeleStyles } from \"../typings\";\n\nexport interface TeleBoxCollectorConfig {\n visible?: boolean;\n readonly?: boolean;\n darkMode?: boolean;\n namespace?: string;\n styles?: TeleStyles;\n onClick?: () => void;\n}\n\nexport class TeleBoxCollector {\n public constructor({\n visible = true,\n readonly = false,\n darkMode = false,\n namespace = \"telebox\",\n styles = {},\n onClick,\n }: TeleBoxCollectorConfig = {}) {\n this._visible = visible;\n this._readonly = readonly;\n this._darkMode = darkMode;\n this.namespace = namespace;\n this.styles = styles;\n this.onClick = onClick;\n }\n\n public readonly styles: TeleStyles;\n\n public readonly namespace: string;\n\n public get visible(): boolean {\n return this._visible;\n }\n\n public get readonly(): boolean {\n return this._readonly;\n }\n\n public get darkMode(): boolean {\n return this._darkMode;\n }\n\n public onClick: (() => void) | undefined;\n\n public $collector: HTMLElement | undefined;\n\n /**\n * Mount collector to a root element.\n */\n public mount(root: HTMLElement): this {\n root.appendChild(this.render());\n return this;\n }\n\n /**\n * Unmount collector from the root element.\n */\n public unmount(): this {\n if (this.$collector) {\n this.$collector.remove();\n }\n return this;\n }\n\n public setVisible(visible: boolean): this {\n if (this._visible !== visible) {\n this._visible = visible;\n if (this.$collector) {\n this.$collector.classList.toggle(\n this.wrapClassName(\"collector-visible\"),\n visible\n );\n }\n }\n return this;\n }\n\n public setReadonly(readonly: boolean): this {\n if (this._readonly !== readonly) {\n this._readonly = readonly;\n if (this.$collector) {\n this.$collector.classList.toggle(\n this.wrapClassName(\"collector-readonly\"),\n readonly\n );\n }\n }\n return this;\n }\n\n public setDarkMode(darkMode: boolean): this {\n if (this._darkMode !== darkMode) {\n this._darkMode = darkMode;\n if (this.$collector) {\n this.$collector.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n this.$collector.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }\n }\n return this;\n }\n\n public setStyles(styles: TeleStyles): this {\n Object.assign(this.styles, styles);\n if (this.$collector) {\n const $collector = this.$collector;\n Object.keys(styles).forEach((key) => {\n const value = styles[key as keyof TeleStyles] as string;\n if (value != null) {\n $collector.style[key as keyof TeleStyles] = value;\n }\n });\n }\n return this;\n }\n\n public render(): HTMLElement {\n if (!this.$collector) {\n this.$collector = document.createElement(\"button\");\n this.$collector.className = this.wrapClassName(\"collector\");\n this.$collector.style.backgroundImage = `url('${collectorSVG}')`;\n this.$collector.addEventListener(\n \"click\",\n this.handleCollectorClick\n );\n\n if (this._visible) {\n this.$collector.classList.add(\n this.wrapClassName(\"collector-visible\")\n );\n }\n\n if (this._readonly) {\n this.$collector.classList.add(\n this.wrapClassName(\"collector-readonly\")\n );\n }\n\n this.$collector.classList.add(\n this.wrapClassName(\n this._darkMode ? \"color-scheme-dark\" : \"color-scheme-light\"\n )\n );\n\n this.setStyles(this.styles);\n }\n\n return this.$collector;\n }\n\n public destroy(): void {\n if (this.$collector) {\n this.$collector.removeEventListener(\n \"click\",\n this.handleCollectorClick\n );\n this.$collector.remove();\n this.$collector = void 0;\n }\n this.onClick = void 0;\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n protected _visible: boolean;\n\n protected _readonly: boolean;\n\n protected _darkMode: boolean;\n\n protected handleCollectorClick = (): void => {\n if (!this._readonly && this.onClick) {\n this.onClick();\n }\n };\n}\n","import \"./style.scss\";\n\nimport type { TeleBox } from \"../../TeleBox\";\nimport { DefaultTitleBar, DefaultTitleBarConfig } from \"../../TeleTitleBar\";\nimport { TELE_BOX_STATE } from \"../../TeleBox/constants\";\nimport { TeleBoxRect, TeleBoxState } from \"../../TeleBox/typings\";\n\nexport type MaxTitleBarTeleBox = Pick<TeleBox, \"id\" | \"title\" | \"readonly\">;\n\nexport interface MaxTitleBarConfig extends DefaultTitleBarConfig {\n darkMode: boolean;\n boxes: MaxTitleBarTeleBox[];\n containerRect: TeleBoxRect;\n focusedBox?: MaxTitleBarTeleBox;\n}\n\nexport class MaxTitleBar extends DefaultTitleBar {\n public constructor(config: MaxTitleBarConfig) {\n super(config);\n\n this.boxes = config.boxes;\n this.focusedBox = config.focusedBox;\n this.containerRect = config.containerRect;\n this.darkMode = config.darkMode;\n }\n\n public focusBox(box?: MaxTitleBarTeleBox): void {\n if (this.focusedBox && this.focusedBox === box) {\n return;\n }\n\n if (this.$titles && this.state === TELE_BOX_STATE.Maximized) {\n const { children } = this.$titles.firstElementChild as HTMLElement;\n for (let i = children.length - 1; i >= 0; i -= 1) {\n const $tab = children[i] as HTMLElement;\n const id = $tab.dataset?.teleBoxID;\n if (id) {\n if (box && id === box.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n true\n );\n } else if (this.focusedBox && id === this.focusedBox.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n false\n );\n }\n }\n }\n }\n this.focusedBox = box;\n }\n\n public setContainerRect(rect: TeleBoxRect): void {\n this.containerRect = rect;\n if (this.$titleBar) {\n const { x, y, width } = rect;\n this.$titleBar.style.transform = `translate(${x}px, ${y}px)`;\n this.$titleBar.style.width = width + \"px\";\n }\n }\n\n public setBoxes(boxes: MaxTitleBarTeleBox[]): void {\n this.boxes = boxes;\n this.updateTitles();\n }\n\n public setState(state: TeleBoxState): void {\n super.setState(state);\n if (this.$titleBar) {\n this.$titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-maximized\"),\n state === TELE_BOX_STATE.Maximized\n );\n }\n this.updateTitles();\n }\n\n public setReadonly(readonly: boolean): void {\n super.setReadonly(readonly);\n if (this.$titleBar) {\n this.$titleBar.classList.toggle(\n this.wrapClassName(\"readonly\"),\n this.readonly\n );\n }\n }\n\n public setDarkMode(darkMode: boolean): void {\n if (darkMode !== this.darkMode) {\n this.darkMode = darkMode;\n if (this.$titleBar) {\n this.$titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n this.$titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }\n }\n }\n\n public render(): HTMLElement {\n const $titleBar = super.render();\n\n const { x, y, width } = this.containerRect;\n $titleBar.style.transform = `translate(${x}px, ${y}px)`;\n $titleBar.style.width = width + \"px\";\n\n $titleBar.classList.add(this.wrapClassName(\"max-titlebar\"));\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-maximized\"),\n this.state === TELE_BOX_STATE.Maximized\n );\n $titleBar.classList.toggle(\n this.wrapClassName(\"readonly\"),\n this.readonly\n );\n $titleBar.classList.add(\n this.wrapClassName(\n this.darkMode ? \"color-scheme-dark\" : \"color-scheme-light\"\n )\n );\n\n const $titlesArea = document.createElement(\"div\");\n $titlesArea.classList.add(this.wrapClassName(\"titles-area\"));\n $titleBar.insertBefore($titlesArea, $titleBar.firstElementChild);\n\n this.updateTitles();\n\n return $titleBar;\n }\n\n public destroy(): void {\n super.destroy();\n this.$titles = void 0;\n this.boxes.length = 0;\n this.focusedBox = void 0;\n }\n\n public updateTitles(): void {\n if (this.$titleBar && this.state === TELE_BOX_STATE.Maximized) {\n this.$titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-single-title\"),\n this.boxes.length === 1\n );\n if (this.boxes.length === 1) {\n this.setTitle(this.boxes[0].title);\n } else {\n this.$titleBar.replaceChild(\n this.renderTitles(),\n this.$titleBar.firstElementChild as HTMLElement\n );\n }\n }\n }\n\n protected renderTitles(): HTMLElement {\n this.$titles = document.createElement(\"div\");\n this.$titles.className = this.wrapClassName(\"titles\");\n this.$titles.addEventListener(\n \"wheel\",\n (ev) => {\n (ev.currentTarget as HTMLElement).scrollBy({\n left: ev.deltaY > 0 ? 250 : -250,\n behavior: \"smooth\",\n });\n },\n { passive: false }\n );\n\n const $content = document.createElement(\"div\");\n $content.className = this.wrapClassName(\"titles-content\");\n this.$titles.appendChild($content);\n\n this.boxes.forEach((box) => {\n const $tab = document.createElement(\"button\");\n $tab.className = this.wrapClassName(\"titles-tab\");\n $tab.textContent = box.title;\n $tab.dataset.teleBoxID = box.id;\n $tab.dataset.teleTitleBarNoDblClick = \"true\";\n\n if (this.focusedBox && box.id === this.focusedBox.id) {\n $tab.classList.add(this.wrapClassName(\"titles-tab-focus\"));\n }\n\n $content.appendChild($tab);\n });\n\n return this.$titles;\n }\n\n protected darkMode: boolean;\n\n protected $titles: HTMLElement | undefined;\n\n protected boxes: MaxTitleBarTeleBox[];\n\n public focusedBox: MaxTitleBarTeleBox | undefined;\n\n protected containerRect: TeleBoxRect;\n}\n","import EventEmitter from \"eventemitter3\";\nimport shallowequal from \"shallowequal\";\nimport type {\n TeleBoxConfig,\n TeleBoxRect,\n TeleBoxState,\n} from \"../TeleBox/typings\";\nimport { TeleBoxCollector } from \"../TeleBoxCollector\";\nimport { ReadonlyTeleBox, TeleBox } from \"../TeleBox\";\nimport { TELE_BOX_EVENT, TELE_BOX_STATE } from \"../TeleBox/constants\";\nimport { TELE_BOX_MANAGER_EVENT } from \"./constants\";\nimport type {\n TeleBoxManagerConfig,\n TeleBoxManagerCreateConfig,\n TeleBoxManagerEvents,\n TeleBoxManagerQueryConfig,\n TeleBoxManagerUpdateConfig,\n} from \"./typings\";\nimport { MaxTitleBar } from \"./MaxTitleBar\";\nimport {\n TeleBoxColorScheme,\n TELE_BOX_COLOR_SCHEME,\n TELE_BOX_DELEGATE_EVENT,\n} from \"..\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport {\n createSideEffectBinder,\n Val,\n ValEnhancedResult,\n withValueEnhancer,\n} from \"value-enhancer\";\n\nexport * from \"./typings\";\nexport * from \"./constants\";\n\ntype ValConfig = {\n prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n containerRect: Val<TeleBoxRect, boolean>;\n collector: Val<TeleBoxCollector | null>;\n collectorRect: Val<TeleBoxRect | undefined>;\n readonly: Val<boolean, boolean>;\n minimized: Val<boolean, boolean>;\n maximized: Val<boolean, boolean>;\n fence: Val<boolean, boolean>;\n};\nexport interface TeleBoxManager extends ValEnhancedResult<ValConfig> {}\n\nexport class TeleBoxManager {\n public constructor({\n root = document.body,\n prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n minimized = false,\n maximized = false,\n fence = true,\n containerRect = {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n collector,\n namespace = \"telebox\",\n readonly = false,\n }: TeleBoxManagerConfig = {}) {\n this._sideEffect = new SideEffectManager();\n const { combine, createVal } = createSideEffectBinder(this._sideEffect);\n\n this.root = root;\n this.namespace = namespace;\n\n this.boxes$ = createVal<TeleBox[]>([]);\n this.topBox$ = this.boxes$.derive((boxes) => {\n if (boxes.length > 0) {\n const topBox = boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n return topBox;\n }\n return;\n });\n\n const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\");\n const prefersDark$ = createVal(false);\n\n if (prefersDark) {\n prefersDark$.setValue(prefersDark.matches);\n this._sideEffect.add(() => {\n const handler = (evt: MediaQueryListEvent): void => {\n prefersDark$.setValue(evt.matches);\n };\n prefersDark.addListener(handler);\n return () => prefersDark.removeListener(handler);\n });\n }\n\n const prefersColorScheme$ = createVal(prefersColorScheme);\n prefersColorScheme$.reaction((prefersColorScheme, _, skipUpdate) => {\n this.boxes.forEach((box) =>\n box.setPrefersColorScheme(prefersColorScheme, skipUpdate)\n );\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.PrefersColorScheme,\n prefersColorScheme\n );\n }\n });\n\n this._darkMode$ = combine(\n [prefersDark$, prefersColorScheme$],\n ([prefersDark, prefersColorScheme]) =>\n prefersColorScheme === \"auto\"\n ? prefersDark\n : prefersColorScheme === \"dark\"\n );\n this._darkMode$.reaction((darkMode, _, skipUpdate) => {\n this.boxes.forEach((box) => box.setDarkMode(darkMode, skipUpdate));\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);\n }\n });\n\n const readonly$ = createVal(readonly);\n readonly$.reaction((readonly, _, skipUpdate) => {\n this.boxes.forEach((box) => box.setReadonly(readonly, skipUpdate));\n });\n\n const minimized$ = createVal(minimized);\n\n const maximized$ = createVal(maximized);\n maximized$.reaction((maximized, _, skipUpdate) => {\n this.boxes.forEach((box) =>\n box.setMaximized(maximized, skipUpdate)\n );\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Maximized, maximized);\n }\n });\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n state$.reaction((state, _, skipUpdate) => {\n this.maxTitleBar.setState(state);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.State, state);\n }\n });\n\n const fence$ = createVal(fence);\n fence$.subscribe((fence, _, skipUpdate) => {\n this.boxes.forEach((box) => box.setFence(fence, skipUpdate));\n });\n\n const containerRect$ = createVal(containerRect, shallowequal);\n containerRect$.reaction((containerRect, _, skipUpdate) => {\n this.boxes.forEach((box) =>\n box.setContainerRect(containerRect, skipUpdate)\n );\n this.maxTitleBar.setContainerRect(containerRect);\n });\n\n const collector$ = createVal(\n collector === null\n ? null\n : collector ||\n new TeleBoxCollector({\n visible: minimized,\n readonly: readonly,\n namespace,\n }).mount(root)\n );\n collector$.subscribe((collector) => {\n if (collector) {\n collector.setVisible(minimized$.value);\n collector.setReadonly(readonly$.value);\n collector.setDarkMode(this._darkMode$.value);\n this._sideEffect.add(() => {\n collector.onClick = () => {\n if (!readonly$.value) {\n minimized$.setValue(false);\n }\n };\n return () => collector.destroy();\n }, \"collect-onClick\");\n }\n });\n readonly$.subscribe((readonly) =>\n collector$.value?.setReadonly(readonly)\n );\n this._darkMode$.subscribe((darkMode) => {\n collector$.value?.setDarkMode(darkMode);\n });\n\n const calcCollectorRect = (): TeleBoxRect | undefined => {\n if (collector$.value?.$collector) {\n const { x, y, width, height } =\n collector$.value.$collector.getBoundingClientRect();\n const rootRect = this.root.getBoundingClientRect();\n return {\n x: x - rootRect.x,\n y: y - rootRect.y,\n width,\n height,\n };\n }\n return;\n };\n\n const collectorRect$ = createVal(\n minimized$.value ? calcCollectorRect() : void 0\n );\n collectorRect$.subscribe((collectorRect, _, skipUpdate) => {\n this.boxes.forEach((box) => {\n box.setCollectorRect(collectorRect, skipUpdate);\n });\n });\n\n minimized$.subscribe((minimized, _, skipUpdate) => {\n collector$.value?.setVisible(minimized);\n\n if (minimized) {\n if (collector$.value?.$collector) {\n collectorRect$.setValue(calcCollectorRect());\n } else if (import.meta.env.DEV) {\n console.warn(\"No collector for minimized boxes.\");\n }\n }\n\n this.boxes.forEach((box) =>\n box.setMinimized(minimized, skipUpdate)\n );\n\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Minimized, minimized);\n }\n });\n\n const closeBtnClassName = this.wrapClassName(\"titlebar-icon-close\");\n\n const checkFocusBox = (ev: MouseEvent | TouchEvent): void => {\n if (readonly$.value) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (!target.tagName) {\n return;\n }\n\n for (\n let el: HTMLElement | null = target;\n el;\n el = el.parentElement\n ) {\n if (el.classList && el.classList.contains(closeBtnClassName)) {\n return;\n }\n const id = el.dataset?.teleBoxID;\n if (id) {\n const box = this.getBox(id);\n if (box) {\n this.focusBox(box);\n this.makeBoxTop(box);\n return;\n }\n }\n }\n };\n\n this._sideEffect.addEventListener(\n window,\n \"mousedown\",\n checkFocusBox,\n true\n );\n this._sideEffect.addEventListener(\n window,\n \"touchstart\",\n checkFocusBox,\n true\n );\n\n this.maxTitleBar = new MaxTitleBar({\n darkMode: this.darkMode,\n readonly: readonly$.value,\n namespace: this.namespace,\n state: state$.value,\n boxes: this.boxes$.value,\n containerRect: containerRect$.value,\n onEvent: (event): void => {\n switch (event.type) {\n case TELE_BOX_DELEGATE_EVENT.Maximize: {\n maximized$.setValue(!maximized$.value);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Minimize: {\n minimized$.setValue(true);\n break;\n }\n case TELE_BOX_EVENT.Close: {\n this.removeTopBox();\n this.focusTopBox();\n break;\n }\n default: {\n break;\n }\n }\n },\n });\n readonly$.subscribe((readonly) =>\n this.maxTitleBar.setReadonly(readonly)\n );\n this._darkMode$.subscribe((darkMode) => {\n this.maxTitleBar.setDarkMode(darkMode);\n });\n this.boxes$.reaction((boxes) => {\n this.maxTitleBar.setBoxes(boxes);\n });\n\n const valConfig: ValConfig = {\n prefersColorScheme: prefersColorScheme$,\n containerRect: containerRect$,\n collector: collector$,\n collectorRect: collectorRect$,\n readonly: readonly$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n };\n\n withValueEnhancer(this, valConfig);\n\n this._state$ = state$;\n\n this.root.appendChild(this.maxTitleBar.render());\n }\n\n public get boxes(): ReadonlyArray<TeleBox> {\n return this.boxes$.value;\n }\n\n public get topBox(): TeleBox | undefined {\n return this.topBox$.value;\n }\n\n public readonly events = new EventEmitter() as TeleBoxManagerEvents;\n\n protected _sideEffect: SideEffectManager;\n\n protected root: HTMLElement;\n\n public readonly namespace: string;\n\n public _darkMode$: Val<boolean, boolean>;\n\n public get darkMode(): boolean {\n return this._darkMode$.value;\n }\n\n public _state$: Val<TeleBoxState, boolean>;\n\n public get state(): TeleBoxState {\n return this._state$.value;\n }\n\n /** @deprecated use setMaximized and setMinimized instead */\n public setState(state: TeleBoxState, skipUpdate = false): this {\n switch (state) {\n case TELE_BOX_STATE.Maximized: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(true, skipUpdate);\n break;\n }\n case TELE_BOX_STATE.Minimized: {\n this.setMinimized(true, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n default: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n }\n return this;\n }\n\n public create(\n config: TeleBoxManagerCreateConfig = {},\n smartPosition = true\n ): ReadonlyTeleBox {\n const box = new TeleBox({\n zIndex: this.topBox ? this.topBox.zIndex + 1 : 100,\n ...(smartPosition ? this.smartPosition(config) : config),\n darkMode: this.darkMode,\n prefersColorScheme: this.prefersColorScheme,\n maximized: this.maximized,\n minimized: this.minimized,\n fence: this.fence,\n namespace: this.namespace,\n containerRect: this.containerRect,\n readonly: this.readonly,\n collectorRect: this.collectorRect,\n });\n\n box.mount(this.root);\n\n if (box.focus) {\n this.focusBox(box);\n if (smartPosition) {\n this.makeBoxTop(box);\n }\n }\n\n this.boxes$.setValue([...this.boxes, box]);\n\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {\n this.setMaximized(!this.maximized);\n });\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {\n this.setMinimized(true);\n });\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {\n this.remove(box);\n this.focusTopBox();\n });\n box._coord$.reaction((_, __, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Move, box);\n }\n });\n box._size$.reaction((_, __, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Resize, box);\n }\n });\n box._intrinsicCoord$.reaction((_, __, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicMove, box);\n }\n });\n box._intrinsicSize$.reaction((_, __, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicResize, box);\n }\n });\n box._visualSize$.reaction((_, __, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.VisualResize, box);\n }\n });\n box._zIndex$.reaction((_, __, skipUpdate) => {\n if (this.boxes.length > 0) {\n const topBox = this.boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n }\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.ZIndex, box);\n }\n });\n this.events.emit(TELE_BOX_MANAGER_EVENT.Created, box);\n\n return box;\n }\n\n public query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[] {\n return config\n ? this.boxes.filter(this.teleBoxMatcher(config))\n : [...this.boxes];\n }\n\n public queryOne(\n config?: TeleBoxManagerQueryConfig\n ): ReadonlyTeleBox | undefined {\n return config\n ? this.boxes.find(this.teleBoxMatcher(config))\n : this.boxes[0];\n }\n\n public update(\n boxID: string,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n const box = this.boxes.find((box) => box.id === boxID);\n if (box) {\n return this.updateBox(box, config, skipUpdate);\n }\n }\n\n public updateAll(\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n this.boxes.forEach((box) => {\n this.updateBox(box, config, skipUpdate);\n });\n }\n\n public remove(\n boxOrID: string | TeleBox,\n skipUpdate = false\n ): ReadonlyTeleBox | undefined {\n const index = this.getBoxIndex(boxOrID);\n if (index >= 0) {\n const boxes = this.boxes.slice();\n const deletedBoxes = boxes.splice(index, 1);\n this.boxes$.setValue(boxes);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes[0];\n }\n return;\n }\n\n public removeTopBox(): ReadonlyTeleBox | undefined {\n if (this.topBox) {\n return this.remove(this.topBox);\n }\n return;\n }\n\n public removeAll(skipUpdate = false): ReadonlyTeleBox[] {\n const deletedBoxes = this.boxes$.value;\n this.boxes$.setValue([]);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes;\n }\n\n public destroy(skipUpdate = false): void {\n this.events.removeAllListeners();\n this._sideEffect.flushAll();\n this.removeAll(skipUpdate);\n\n Object.keys(this).forEach((key) => {\n const value = this[key as keyof this];\n if (value instanceof Val) {\n value.destroy();\n }\n });\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public focusBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n this.boxes.forEach((box) => {\n if (targetBox === box) {\n let focusChanged = false;\n if (!targetBox.focus) {\n focusChanged = true;\n targetBox.setFocus(true, skipUpdate);\n }\n if (focusChanged && !skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Focused,\n targetBox\n );\n }\n } else if (box.focus) {\n this.blurBox(box, skipUpdate);\n }\n });\n this.maxTitleBar.focusBox(targetBox);\n }\n }\n\n public focusTopBox(): void {\n if (this.topBox && !this.topBox.focus) {\n return this.focusBox(this.topBox);\n }\n }\n\n public blurBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n if (targetBox.focus) {\n targetBox.setFocus(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, targetBox);\n }\n }\n if (this.maxTitleBar.focusedBox === targetBox) {\n this.maxTitleBar.focusBox();\n }\n }\n }\n\n public blurAll(skipUpdate = false): void {\n this.boxes.forEach((box) => {\n if (box.focus) {\n box.setFocus(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, box);\n }\n }\n });\n if (this.maxTitleBar.focusedBox) {\n this.maxTitleBar.focusBox();\n }\n }\n\n protected maxTitleBar: MaxTitleBar;\n\n protected boxes$: Val<TeleBox[]>;\n protected topBox$: Val<TeleBox | undefined>;\n\n protected teleBoxMatcher(\n config: TeleBoxManagerQueryConfig\n ): (box: TeleBox) => boolean {\n const keys = Object.keys(config) as Array<\n keyof TeleBoxManagerQueryConfig\n >;\n return (box: TeleBox): boolean =>\n keys.every((key) => config[key] === box[key]);\n }\n\n protected updateBox(\n box: TeleBox,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n if (config.x != null || config.y != null) {\n box.move(\n config.x == null ? box.intrinsicX : config.x,\n config.y == null ? box.intrinsicY : config.y,\n skipUpdate\n );\n }\n if (config.width != null || config.height != null) {\n box.resize(\n config.width == null ? box.intrinsicWidth : config.width,\n config.height == null ? box.intrinsicHeight : config.height,\n skipUpdate\n );\n }\n if (config.title != null) {\n box.setTitle(config.title);\n this.maxTitleBar.updateTitles();\n }\n if (config.visible != null) {\n box.setVisible(config.visible, skipUpdate);\n }\n if (config.minHeight != null) {\n box.setMinHeight(config.minHeight, skipUpdate);\n }\n if (config.minWidth != null) {\n box.setMinWidth(config.minWidth, skipUpdate);\n }\n if (config.resizable != null) {\n box.setResizable(config.resizable, skipUpdate);\n }\n if (config.draggable != null) {\n box.setDraggable(config.draggable, skipUpdate);\n }\n if (config.fixRatio != null) {\n box.setFixRatio(config.fixRatio, skipUpdate);\n }\n if (config.zIndex != null) {\n box.setZIndex(config.zIndex, skipUpdate);\n }\n if (config.content != null) {\n box.mountContent(config.content);\n }\n if (config.footer != null) {\n box.mountFooter(config.footer);\n }\n }\n\n protected smartPosition(config: TeleBoxConfig = {}): TeleBoxConfig {\n let { x, y } = config;\n const { width = 0.5, height = 0.5 } = config;\n\n if (x == null) {\n let vx = 20;\n if (this.topBox) {\n vx = this.topBox.intrinsicX * this.containerRect.width + 20;\n\n if (\n vx >\n this.containerRect.width - width * this.containerRect.width\n ) {\n vx = 20;\n }\n }\n x = vx / this.containerRect.width;\n }\n\n if (y == null) {\n let vy = 20;\n\n if (this.topBox) {\n vy = this.topBox.intrinsicY * this.containerRect.height + 20;\n\n if (\n vy >\n this.containerRect.height -\n height * this.containerRect.height\n ) {\n vy = 20;\n }\n }\n\n y = vy / this.containerRect.height;\n }\n\n return { ...config, x, y, width, height };\n }\n\n protected makeBoxTop(box: TeleBox, skipUpdate = false): void {\n if (this.topBox) {\n if (box !== this.topBox) {\n box.setZIndex(this.topBox.zIndex + 1, skipUpdate);\n }\n }\n }\n\n protected getBoxIndex(boxOrID: TeleBox | string): number {\n return typeof boxOrID === \"string\"\n ? this.boxes.findIndex((box) => box.id === boxOrID)\n : this.boxes.findIndex((box) => box === boxOrID);\n }\n\n protected getBox(boxOrID: TeleBox | string): TeleBox | undefined {\n return typeof boxOrID === \"string\"\n ? this.boxes.find((box) => box.id === boxOrID)\n : boxOrID;\n }\n}\n","import React, { FC, useState, useEffect } from \"react\";\nimport { TeleBox } from \"../TeleBox\";\nimport { TeleBoxConfig, TeleBoxState } from \"../TeleBox/typings\";\nimport { TELE_BOX_EVENT } from \"../TeleBox/constants\";\nimport { useUpdateEffect } from \"./utils\";\n\nexport type TeleBoxReactProps = TeleBoxConfig & {\n onResize?: (event: { width: number; height: number }) => void;\n onMove?: (event: { x: number; y: number }) => void;\n onClose?: () => void;\n onFocus?: () => void;\n onBlur?: () => void;\n onStateChanged?: (state: TeleBoxState) => void;\n};\n\nexport const TeleBoxReact: FC<TeleBoxReactProps> = (props) => {\n const [teleBox] = useState(() => new TeleBox(props));\n\n useUpdateEffect(() => {\n if (props.prefersColorScheme != null) {\n teleBox.setPrefersColorScheme(props.prefersColorScheme);\n }\n }, [teleBox, props.prefersColorScheme]);\n\n useUpdateEffect(() => {\n if (props.minWidth != null) {\n teleBox.setMinWidth(props.minWidth);\n }\n }, [teleBox, props.minWidth]);\n\n useUpdateEffect(() => {\n if (props.minHeight != null) {\n teleBox.setMinHeight(props.minHeight);\n }\n }, [teleBox, props.minHeight]);\n\n useUpdateEffect(() => {\n teleBox.resize(\n props.width ?? teleBox.width,\n props.height ?? teleBox.height,\n true\n );\n }, [teleBox, props.width, props.height]);\n\n useUpdateEffect(() => {\n teleBox.move(props.x ?? teleBox.x, props.y ?? teleBox.y, true);\n }, [teleBox, props.x, props.y]);\n\n useUpdateEffect(() => {\n if (props.title != null) {\n teleBox.setTitle(props.title);\n }\n }, [teleBox, props.title]);\n\n useUpdateEffect(() => {\n if (props.visible != null) {\n teleBox.setVisible(props.visible);\n }\n }, [teleBox, props.visible]);\n\n useUpdateEffect(() => {\n if (props.minimized != null) {\n teleBox.setMinimized(props.minimized, true);\n }\n }, [teleBox, props.minimized]);\n\n useUpdateEffect(() => {\n if (props.maximized != null) {\n teleBox.setMaximized(props.maximized, true);\n }\n }, [teleBox, props.maximized]);\n\n useUpdateEffect(() => {\n if (props.state != null) {\n teleBox.setState(props.state, true);\n }\n }, [teleBox, props.state]);\n\n useUpdateEffect(() => {\n if (props.draggable != null) {\n teleBox.setDraggable(props.draggable);\n }\n }, [teleBox, props.draggable]);\n\n useUpdateEffect(() => {\n if (props.resizable != null) {\n teleBox.setResizable(props.resizable);\n }\n }, [teleBox, props.resizable]);\n\n useUpdateEffect(() => {\n if (props.fence != null) {\n teleBox.setFence(props.fence);\n }\n }, [teleBox, props.fence]);\n\n useUpdateEffect(() => {\n if (props.containerRect != null) {\n teleBox.setContainerRect(props.containerRect);\n }\n }, [teleBox, props.containerRect]);\n\n useUpdateEffect(() => {\n if (props.fixRatio != null) {\n teleBox.setFixRatio(props.fixRatio);\n }\n }, [teleBox, props.fixRatio]);\n\n useEffect(() => {\n if (props.onResize) {\n teleBox.events.on(TELE_BOX_EVENT.Resize, props.onResize);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.Resize, props.onResize);\n };\n }\n return;\n }, [teleBox, props.onResize]);\n\n useEffect(() => {\n if (props.onMove) {\n teleBox.events.on(TELE_BOX_EVENT.Move, props.onMove);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.Move, props.onMove);\n };\n }\n return;\n }, [teleBox, props.onMove]);\n\n useEffect(() => {\n if (props.onClose) {\n teleBox.events.on(TELE_BOX_EVENT.Close, props.onClose);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.Close, props.onClose);\n };\n }\n return;\n }, [teleBox, props.onClose]);\n\n useEffect(() => {\n if (props.onFocus) {\n teleBox.events.on(TELE_BOX_EVENT.Focus, props.onFocus);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.Focus, props.onFocus);\n };\n }\n return;\n }, [teleBox, props.onFocus]);\n\n useEffect(() => {\n if (props.onBlur) {\n teleBox.events.on(TELE_BOX_EVENT.Blur, props.onBlur);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.Blur, props.onBlur);\n };\n }\n return;\n }, [teleBox, props.onBlur]);\n\n useEffect(() => {\n if (props.onStateChanged) {\n teleBox.events.on(TELE_BOX_EVENT.State, props.onStateChanged);\n return () => {\n teleBox.events.off(TELE_BOX_EVENT.State, props.onStateChanged);\n };\n }\n return;\n }, [teleBox, props.onStateChanged]);\n\n return (\n <div\n ref={(node) => node && teleBox.render(node)}\n className={teleBox.wrapClassName(\"box\")}\n />\n );\n};\n"],"names":["has","Object","prototype","hasOwnProperty","prefix","fn","context","once","emitter","event","TypeError","listener","EE","evt","_events","push","_eventsCount","Events","create","__proto__","eventNames","events","name","names","this","call","slice","getOwnPropertySymbols","concat","listeners","handlers","i2","l","length","ee","Array","listenerCount","emit","a1","a2","a3","a4","a5","args","len","arguments","removeListener","apply","j","on","addListener","removeAllListeners","off","EventEmitter2","prefixed","EventEmitter","__assign","assign","t2","s2","n","p","e2","indexOf","propertyIsEnumerable","prevTime","onNextFrame","window","requestAnimationFrame","callback","timestamp","Date","now","timeToCall","Math","max","defaultElapsed","useDefaultElapsed","willRunNextFrame","isProcessing","frame","delta","stepsOrder","setWillRunNextFrame","willRun","steps","reduce","acc","key","setRunNextFrame","processToRun","processToRunNextFrame","numThisFrame","isProcessing2","cancelled","toKeepAlive","renderStep","WeakSet","cancel","process","indexOfCallback","add","splice","frame2","_a","process_1","schedule","keepAlive","immediate","addToCurrentBuffer","buffer","delete","sync","step","processStep","stepId","processFrame","min","forEach","startLoop","clamp","v","sanitize","Number","toFixed","singleColorRegex","number","test","parse","parseFloat","transform","alpha","scale","default","createUnitType","unit","endsWith","split","degrees","percent","px","progressPercentage","clampRgbUnit","isRgba","red","isHsla","hue","splitColorValues","terms","values","valuesArray","value","substring","lastIndexOf","getValueFromFunctionString","replace","rgbUnit","round","color2","colorType","startsWith","testElement","rgba","isColorString","green","blue","_b","alpha$1","rgbaTemplate","hsla","saturation","lightness","hslaTemplate","hex","r2","g","b","substr","parseInt","color","createStyler","onRead2","onRead","onRender2","onRender","uncachedValues","Set","_c","useCache","_a2","props","__rest","state","changedValues","hasChanged","hasCSSVariable","currentValue","render","styler","get","forceRead","set","forceRender","CAMEL_CASE_PATTERN","camelToDash","str","toLowerCase","camelCache","Map","dashCache","prefixes","numPrefixes","isBrowser","document","setDashPrefix","prefixer","asDashCase","cache2","createElement","noPrefix","prefixedPropertyName","charAt","toUpperCase","style","testPrefix","setServerProperty","axes","transformProps","axesAcc","axesKey","transformPropDictionary","dict","a","transformOriginProps","int","valueTypes","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderRadius","radius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","width","maxWidth","height","maxHeight","size","top","right","bottom","left","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","rotate","rotateX","rotateY","rotateZ","scaleX","scaleY","scaleZ","skew","skewX","skewY","distance","translateX","translateY","translateZ","x","y","z","perspective","opacity","originX","originY","originZ","zIndex","fillOpacity","strokeOpacity","numOctaves","getValueType","getValueAsType","type","scrollKeys","blacklist","translateAlias","enableHardwareAcceleration","styles","transformOrigin","transformKeys","isDashCase","allowTransformNone","transformIsDefault","hasTransform","hasTransformOrigin","valueType","valueAsType","isTransformProp","isTransformOriginProp","isCustomTemplate","transformString","transformHasZ","sort","sortTransformProps","numTransformKeys","trim","buildTransform","_d","_e","cssStyler","options","element","preparseOutput","defaultValueType","domValue","getComputedStyle","getPropertyValue","buildStyles","numChangedValues","setProperty","camelCaseAttributes","progressToPixels","progress","unmeasured","origin","offset","svgStyleConfig","dimensions","totalPathLength","cssBuilder","attrs","createStyleBuilder","attrX","attrY","pathLength","pathSpacing","pathOffset","style2","calcOrigin","calculateSVGTransformOrigin","buildSVGAttrs","svgStyler","getAttribute","buildAttrs","setAttribute","viewport","pageYOffset","pageXOffset","scrollTop","scrollLeft","scrollTo","cache","WeakMap","createDOMStyler","node","HTMLElement","click","isHTMLElement","SVGElement","isSVGElement","getBBox","getBoundingClientRect","getDimensions","getSVGElementDimensions","tagName","isPath","getTotalLength","createAttrBuilder","createCssStyler","nodeOrSelector","getStyler","querySelector","shallowequal","objA","objB","compare","compareContext","ret","keysA","keys","keysB","bHasOwnProperty","bind","idx","valueA","valueB","e","s","t","r","random","join","constructor","disposers","flush","addDisposer","addEventListener","o2","removeEventListener","setTimeout","remove","clearTimeout","setInterval","t3","clearInterval","error","flushAll","clear","defineProperty","require","r3","s3","enumerable","configurable","writable","_value","setValue","_subscribers","reaction","subscribe","derive","addBeforeDestroy","destroy","_beforeDestroys","defineProperties","e3","bindSideEffect","combine","map","u2","e4","t4","i3","c2","createVal","TELE_BOX_COLOR_SCHEME2","TELE_BOX_STATE2","TELE_BOX_EVENT2","TELE_BOX_DELEGATE_EVENT2","TELE_BOX_RESIZE_HANDLE2","TELE_BOX_COLOR_SCHEME","TELE_BOX_STATE","TELE_BOX_EVENT","TELE_BOX_DELEGATE_EVENT","TELE_BOX_RESIZE_HANDLE","ev","stopPropagation","cancelable","preventDefault","touches","toString","defaultBoxCount","Boolean","readonly","title","buttons","onEvent","onDragStart","namespace","Normal","SideEffectManager","clientX","clientY","button","target","dataset","teleTitleBarNoDblClick","lastTitleBarClick","abs","Maximize","lastTitleBarTouch","Minimize","iconClassName","wrapClassName","isActive","state2","Maximized","Close","$dragArea","renderDragArea","setTitle","$title","textContent","setState","btn","$btns","classList","toggle","setReadonly","$titleBar","className","$titleArea","teleBoxHandle","appendChild","$buttonsContainer","teleTitleBarBtnIndex","String","$btn","sideEffect","isNaN","handleTitleBarClick","handleTitleBarTouch","passive","dragHandle","id","genUniqueKey","getBoxDefaultName","prefersColorScheme","Light","darkMode","visible","minWidth","minHeight","minimized","maximized","resizable","draggable","fence","fixRatio","focus","titleBar","content","footer","containerRect","innerWidth","innerHeight","collectorRect","_handleTrackStart","_sideEffect","_valSideEffectBinder","createSideEffectBinder","_delegateEvents","prefersColorScheme$","prefersColorScheme2","_","skipUpdate","PrefersColorScheme","darkMode$","prefersDark","matchMedia","matches","handler","noop","darkMode2","DarkMode","containerRect$","collectorRect$","title$","visible$","visible2","readonly$","readonly2","Readonly","resizable$","draggable$","fence$","fixRatio$","zIndex$","zIndex2","ZIndex","focus$","focus2","Focus","Blur","minimized$","minimized2","Minimized","maximized$","maximized2","state$","State","minSize$","intrinsicSize$","minSize","IntrinsicResize","size$","intrinsicSize","Resize","visualSize$","containerRect2","collectorRect2","VisualResize","intrinsicCoord$","coord","IntrinsicMove","coord$","intrinsicCoord","Move","DefaultTitleBar","$userContent$","$userFooter$","$userStyles$","$userContent","$userFooter","$userStyles","_state$","_minSize$","_size$","_intrinsicSize$","_visualSize$","_coord$","_intrinsicCoord$","$box","_darkMode$","setMinimized","setMaximized","setMinWidth","setMinHeight","resize","move","newHeight","intrinsicHeight","intrinsicWidth","intrinsicY","intrinsicX","mount","container","unmount","mountContent","set$userContent","unmountContent","mountFooter","set$userFooter","unmountFooter","getUserStyles","mountStyles","$styles","set$userStyles","unmountStyles","root","_renderSideEffect","bindClassName","el","val","predicate","isTruthy","wrappedClassName","_readonly$","_draggable$","isFalsy","_resizable$","_focus$","minimizedClassName","maximizedClassName","MAXIMIZED_TIMER_ID","_visible$","display","_zIndex$","boxStyler","teleBoxID","absoluteWidth","absoluteHeight","_minimized$","_containerRect$","_collectorRect$","$boxMain","$contentWrap","$content","last$userStyles","_$userStyles$","last$userContent","_$userContent$","$footer","last$userFooter","_$userFooter$","_renderResizeHandlers","$resizeHandles","handleType","$handle","TRACKING_DISPOSER_ID","transformingClassName","$trackMask","trackingHandle","trackStartX","trackStartY","trackStartWidth","trackStartHeight","trackStartPageX","trackStartPageY","handleTracking","pageX","pageY","flattenEvent","offsetX","offsetY","North","South","West","East","NorthWest","NorthEast","SouthEast","SouthWest","xOverflowOffset","yOverflowOffset","handleTrackEnd","handleTrackStart","cursor","Destroyed","useUpdateEffect","effect","deps","isFirst","useRef","current","TELE_BOX_MANAGER_EVENT2","onClick","_readonly","_visible","_darkMode","$collector","setVisible","setDarkMode","setStyles","backgroundImage","handleCollectorClick","TELE_BOX_MANAGER_EVENT","config","boxes","focusedBox","focusBox","box","$titles","children","firstElementChild","$tab","setContainerRect","rect","setBoxes","updateTitles","super","$titlesArea","insertBefore","replaceChild","renderTitles","currentTarget","scrollBy","deltaY","behavior","body","collector","boxes$","topBox$","topBox2","prefersDark$","setPrefersColorScheme","prefersDark2","maxTitleBar","fence2","setFence","collector$","TeleBoxCollector","collector2","calcCollectorRect","rootRect","setCollectorRect","closeBtnClassName","checkFocusBox","parentElement","contains","getBox","makeBoxTop","MaxTitleBar","removeTopBox","focusTopBox","smartPosition","TeleBox","__spreadProps","topBox","__","box2","Created","query","filter","teleBoxMatcher","queryOne","find","update","boxID","updateBox","updateAll","boxOrID","index2","getBoxIndex","deletedBoxes","Removed","removeAll","Val","targetBox","focusChanged","setFocus","Focused","blurBox","Blurred","blurAll","every","setResizable","setDraggable","setFixRatio","setZIndex","vx","vy","findIndex","teleBox","useState","onResize","onMove","onClose","onFocus","onBlur","onStateChanged","ref"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"telebox-insider.cjs.js","sources":["../src/TeleBox/constants.ts","../src/utils.ts","../src/TeleTitleBar/DefaultTitleBar/index.ts","../src/TeleStage/index.ts","../src/TeleBox/index.ts","../src/TeleBoxManager/constants.ts","../src/TeleBoxCollector/index.ts","../src/TeleBoxManager/MaxTitleBar/index.ts","../src/TeleBoxManager/index.ts"],"sourcesContent":["export enum TELE_BOX_COLOR_SCHEME {\n Light = \"light\",\n Dark = \"dark\",\n Auto = \"auto\",\n}\n\nexport enum TELE_BOX_STATE {\n Normal = \"normal\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n}\n\nexport enum TELE_BOX_EVENT {\n DarkMode = \"dark_mode\",\n PrefersColorScheme = \"prefers_color_scheme\",\n Close = \"close\",\n Focus = \"focus\",\n Blur = \"blur\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n ZIndex = \"z_index\",\n State = \"state\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n Readonly = \"readonly\",\n Destroyed = \"destroyed\",\n}\n\nexport enum TELE_BOX_DELEGATE_EVENT {\n Close = \"close\",\n Maximize = \"maximize\",\n Minimize = \"minimize\",\n}\n\nexport enum TELE_BOX_RESIZE_HANDLE {\n North = \"n\",\n South = \"s\",\n West = \"w\",\n East = \"e\",\n NorthWest = \"nw\",\n NorthEast = \"ne\",\n SouthEast = \"se\",\n SouthWest = \"sw\",\n}\n\nexport const TeleBoxDragHandleType = \"dh\";\n","export function clamp(value: number, min: number, max: number): number {\n return Math.min(Math.max(value, min), max);\n}\n\nexport function preventEvent(ev: Event): void {\n ev.stopPropagation();\n if (ev.cancelable) {\n ev.preventDefault();\n }\n}\n\nexport function flattenEvent(ev: MouseEvent | TouchEvent): MouseEvent | Touch {\n return (ev as TouchEvent).touches\n ? (ev as TouchEvent).touches[0]\n : (ev as MouseEvent);\n}\n\nexport function getRandomInt(min: number, max: number): number {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nlet defaultBoxCount = 1;\n\nexport function getBoxDefaultName(): string {\n return `New Box ${defaultBoxCount++}`;\n}\n\nexport function identity<TValue>(value: TValue): TValue {\n return value;\n}\n\nexport function isTruthy<TValue>(value: TValue): boolean {\n return Boolean(value);\n}\n\nexport function isFalsy<TValue>(value: TValue): boolean {\n return !value;\n}\n","import \"./style.scss\";\n\nimport { SideEffectManager } from \"side-effect-manager\";\n\nimport {\n TeleBoxDragHandleType,\n TELE_BOX_DELEGATE_EVENT,\n TELE_BOX_STATE,\n} from \"../../TeleBox/constants\";\nimport type { TeleBoxState } from \"../../TeleBox/typings\";\nimport type {\n TeleTitleBar,\n TeleTitleBarConfig,\n TeleTitleBarEvent,\n} from \"../typings\";\nimport { preventEvent } from \"../../utils\";\nimport type { ReadonlyVal } from \"value-enhancer\";\n\nexport type DefaultTitleBarButton = TeleTitleBarEvent & {\n readonly iconClassName: string;\n readonly isActive?: (state: TeleBoxState) => boolean;\n};\n\nexport interface DefaultTitleBarConfig extends TeleTitleBarConfig {\n buttons?: ReadonlyArray<DefaultTitleBarButton>;\n}\n\nexport class DefaultTitleBar implements TeleTitleBar {\n public constructor({\n readonly$,\n state$,\n title$,\n buttons,\n onEvent,\n onDragStart,\n namespace = \"telebox\",\n }: DefaultTitleBarConfig) {\n this.readonly$ = readonly$;\n this.state$ = state$;\n this.title$ = title$;\n this.onEvent = onEvent;\n this.onDragStart = onDragStart;\n this.namespace = namespace;\n\n this.buttons = buttons || [\n {\n type: TELE_BOX_DELEGATE_EVENT.Minimize,\n iconClassName: this.wrapClassName(\"titlebar-icon-minimize\"),\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Maximize,\n iconClassName: this.wrapClassName(\"titlebar-icon-maximize\"),\n isActive: (state) => state === TELE_BOX_STATE.Maximized,\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Close,\n iconClassName: this.wrapClassName(\"titlebar-icon-close\"),\n },\n ];\n\n this.$dragArea = this.renderDragArea();\n }\n\n public readonly namespace: string;\n\n public $titleBar: HTMLElement | undefined;\n\n public $dragArea: HTMLElement;\n\n public render(): HTMLElement {\n if (!this.$titleBar) {\n this.$titleBar = document.createElement(\"div\");\n this.$titleBar.className = this.wrapClassName(\"titlebar\");\n\n const $titleArea = document.createElement(\"div\");\n $titleArea.className = this.wrapClassName(\"title-area\");\n $titleArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n const $title = document.createElement(\"h1\");\n $title.className = this.wrapClassName(\"title\");\n $title.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n $titleArea.appendChild($title);\n $titleArea.appendChild(this.$dragArea);\n\n const $buttonsContainer = document.createElement(\"div\");\n $buttonsContainer.className = this.wrapClassName(\"titlebar-btns\");\n\n this.buttons.forEach(({ iconClassName }, i) => {\n const teleTitleBarBtnIndex = String(i);\n\n const $btn = document.createElement(\"button\");\n $btn.className = `${this.wrapClassName(\n \"titlebar-btn\"\n )} ${iconClassName}`;\n $btn.dataset.teleTitleBarBtnIndex = teleTitleBarBtnIndex;\n $btn.dataset.teleTitleBarNoDblClick = \"true\";\n $buttonsContainer.appendChild($btn);\n });\n\n this.sideEffect.addDisposer(\n this.title$.subscribe((title) => {\n $title.textContent = title;\n $title.title = title;\n }),\n \"render-title\"\n );\n\n this.sideEffect.addDisposer(\n this.state$.subscribe((state) => {\n this.buttons.forEach((btn, i) => {\n if (btn.isActive) {\n $buttonsContainer.children[i]?.classList.toggle(\n \"is-active\",\n btn.isActive(state)\n );\n }\n });\n }),\n \"render-state-btns\"\n );\n\n this.sideEffect.addEventListener(\n $buttonsContainer,\n \"click\",\n (ev) => {\n if (this.readonly$.value) {\n return;\n }\n const target = ev.target as HTMLElement;\n const teleTitleBarBtnIndex = Number(\n target.dataset?.teleTitleBarBtnIndex\n );\n if (\n !Number.isNaN(teleTitleBarBtnIndex) &&\n teleTitleBarBtnIndex < this.buttons.length\n ) {\n preventEvent(ev);\n const btn = this.buttons[teleTitleBarBtnIndex];\n if (this.onEvent) {\n this.onEvent({\n type: btn.type,\n value: btn.value,\n } as TeleTitleBarEvent);\n }\n }\n },\n {},\n \"render-btns-container-click\"\n );\n\n this.$titleBar.appendChild($titleArea);\n this.$titleBar.appendChild($buttonsContainer);\n }\n\n return this.$titleBar;\n }\n\n public renderDragArea(): HTMLElement {\n const $dragArea = document.createElement(\"div\");\n $dragArea.className = this.wrapClassName(\"drag-area\");\n $dragArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n this.sideEffect.addEventListener(\n $dragArea,\n \"mousedown\",\n this.handleTitleBarClick\n );\n this.sideEffect.addEventListener(\n $dragArea,\n \"touchstart\",\n this.handleTitleBarTouch,\n { passive: true }\n );\n return $dragArea;\n }\n\n public dragHandle(): HTMLElement | undefined {\n return this.$titleBar;\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public destroy(): void {\n this.sideEffect.flushAll();\n if (this.$titleBar) {\n this.$titleBar = void 0;\n this.onDragStart = void 0;\n this.onEvent = void 0;\n }\n }\n\n public onEvent?: TeleTitleBarConfig[\"onEvent\"];\n\n public onDragStart?: TeleTitleBarConfig[\"onDragStart\"];\n\n protected readonly$: TeleTitleBarConfig[\"readonly$\"];\n\n protected title$: ReadonlyVal<string>;\n\n protected buttons: ReadonlyArray<DefaultTitleBarButton>;\n\n protected state$: TeleTitleBarConfig[\"state$\"];\n\n protected sideEffect = new SideEffectManager();\n\n protected lastTitleBarClick = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarClick = (ev: MouseEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if (ev.button !== 0) {\n return; // Not left mouse\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n if (now - this.lastTitleBarClick.timestamp <= 500) {\n if (\n Math.abs(ev.clientX - this.lastTitleBarClick.clientX) <= 5 &&\n Math.abs(ev.clientY - this.lastTitleBarClick.clientY) <= 5\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarClick.timestamp = now;\n this.lastTitleBarClick.clientX = ev.clientX;\n this.lastTitleBarClick.clientY = ev.clientY;\n };\n\n protected lastTitleBarTouch = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarTouch = (ev: TouchEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n const {\n clientX = this.lastTitleBarTouch.clientX + 100,\n clientY = this.lastTitleBarTouch.clientY + 100,\n } = ev.touches[0] || {};\n\n if (now - this.lastTitleBarTouch.timestamp <= 500) {\n if (\n Math.abs(clientX - this.lastTitleBarTouch.clientX) <= 10 &&\n Math.abs(clientY - this.lastTitleBarTouch.clientY) <= 10\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarTouch.timestamp = now;\n this.lastTitleBarTouch.clientX = clientX;\n this.lastTitleBarTouch.clientY = clientY;\n };\n}\n","import \"./style.scss\";\n\nimport shallowequal from \"shallowequal\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleStageConfig {\n namespace: string;\n root$: ReadonlyVal<HTMLElement | null>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n ratio$: ReadonlyVal<number>;\n highlightStage$: ReadonlyVal<boolean>;\n}\n\nexport class TeleStage {\n private readonly _sideEffect = new SideEffectManager();\n\n public readonly namespace: string;\n public readonly stageRect$: ReadonlyVal<TeleBoxRect>;\n public readonly highlightStage$: ReadonlyVal<boolean>;\n\n public $boxStage?: HTMLDivElement;\n\n constructor({\n namespace,\n rootRect$,\n ratio$,\n highlightStage$,\n root$,\n }: TeleStageConfig) {\n this.namespace = namespace;\n this.highlightStage$ = highlightStage$;\n\n this.stageRect$ = combine(\n [rootRect$, ratio$],\n ([rootRect, ratio]) => {\n if (ratio <= 0 || rootRect.width <= 0 || rootRect.height <= 0) {\n return rootRect;\n }\n\n const preferredHeight = rootRect.width * ratio;\n if (preferredHeight === rootRect.height) {\n return rootRect;\n }\n\n if (preferredHeight < rootRect.height) {\n return {\n x: 0,\n y: (rootRect.height - preferredHeight) / 2,\n width: rootRect.width,\n height: preferredHeight,\n };\n }\n\n const preferredWidth = rootRect.height / ratio;\n return {\n x: (rootRect.width - preferredWidth) / 2,\n y: 0,\n width: preferredWidth,\n height: rootRect.height,\n };\n },\n { compare: shallowequal }\n );\n\n this._sideEffect.addDisposer(\n combine([root$, highlightStage$]).subscribe(\n ([root, highlightStage]) => {\n if (root && highlightStage) {\n root.appendChild(this.render());\n } else if (this.$boxStage?.parentNode) {\n this.$boxStage.remove();\n }\n }\n )\n );\n }\n\n private render(): HTMLDivElement {\n if (this.$boxStage) {\n return this.$boxStage;\n }\n\n const $boxStage = document.createElement(\"div\");\n $boxStage.className = this.wrapClassName(\"box-stage-container\");\n const $boxStageMask1 = document.createElement(\"div\");\n $boxStageMask1.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageMask2 = document.createElement(\"div\");\n $boxStageMask2.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageFrame = document.createElement(\"div\");\n $boxStageFrame.className = this.wrapClassName(\"box-stage-frame\");\n\n const [\n $topLeftCorner,\n $topRightCorner,\n $bottomLeftCorner,\n $bottomRightCorner,\n ] = [\n \"M0 8V0h8v2H2v6H0Z\",\n \"M8 8V0H0v2h6v6h2Z\",\n \"M0 0v8h8V6H2V0H0Z\",\n \"M8 0v8H0V6h6V0h2Z\",\n ].map((path, i) => {\n const $svg = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"svg\"\n );\n $svg.setAttribute(\"viewBox\", \"0 0 8 8\");\n $svg.setAttribute(\n \"class\",\n `${this.wrapClassName(\"box-stage-frame-corner\")} is-${i}`\n );\n const $path = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"path\"\n );\n $path.setAttribute(\"d\", path);\n $path.setAttribute(\"fill\", \"#3381FF\");\n $svg.appendChild($path);\n return $svg;\n });\n\n $boxStageFrame.appendChild($topLeftCorner);\n $boxStageFrame.appendChild($bottomLeftCorner);\n $boxStageFrame.appendChild($topRightCorner);\n $boxStageFrame.appendChild($bottomRightCorner);\n\n $boxStage.appendChild($boxStageMask1);\n $boxStage.appendChild($boxStageFrame);\n $boxStage.appendChild($boxStageMask2);\n\n this._sideEffect.addDisposer(\n this.highlightStage$.subscribe((highlightStage) => {\n $boxStage.classList.toggle(\"is-active\", highlightStage);\n })\n );\n\n this._sideEffect.addDisposer(\n combine([this.highlightStage$, this.stageRect$]).subscribe(\n ([highlightStage, stageRect]) => {\n if (!highlightStage) {\n return;\n }\n if (stageRect.x > 0) {\n $boxStage.style.flexDirection = \"row\";\n $boxStageMask1.style.width = `${stageRect.x}px`;\n $boxStageMask1.style.height = \"\";\n $boxStageMask2.style.width = `${stageRect.x}px`;\n $boxStageMask2.style.height = \"\";\n } else if (stageRect.y > 0) {\n $boxStage.style.flexDirection = \"column\";\n $boxStageMask1.style.width = \"\";\n $boxStageMask1.style.height = `${stageRect.y}px`;\n $boxStageMask2.style.width = \"\";\n $boxStageMask2.style.height = `${stageRect.y}px`;\n }\n }\n )\n );\n\n this.$boxStage = $boxStage;\n return $boxStage;\n }\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport Emittery from \"emittery\";\nimport styler from \"stylefire\";\nimport shallowequal from \"shallowequal\";\nimport { genUID, SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport {\n combine,\n Val,\n withReadonlyValueEnhancer,\n withValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport type { TeleTitleBar } from \"../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../TeleTitleBar\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport {\n clamp,\n flattenEvent,\n getBoxDefaultName,\n isFalsy,\n isTruthy,\n preventEvent,\n} from \"../utils\";\nimport {\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_RESIZE_HANDLE,\n} from \"./constants\";\nimport type {\n TeleBoxConfig,\n TeleBoxHandleType,\n TeleBoxState,\n TeleBoxCoord,\n TeleBoxSize,\n TeleBoxEventConfig,\n TeleBoxEvent,\n TeleBoxDelegateEventConfig,\n TeleBoxRect,\n} from \"./typings\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./constants\";\nexport * from \"./typings\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype RequiredTeleBoxConfig = Required<TeleBoxConfig>;\n\ntype ValConfig = {\n title: Val<RequiredTeleBoxConfig[\"title\"], boolean>;\n visible: Val<RequiredTeleBoxConfig[\"visible\"], boolean>;\n resizable: Val<RequiredTeleBoxConfig[\"resizable\"], boolean>;\n draggable: Val<RequiredTeleBoxConfig[\"draggable\"], boolean>;\n ratio: Val<RequiredTeleBoxConfig[\"ratio\"], boolean>;\n stageRatio: Val<number | null>;\n};\n\ntype PropsValConfig = {\n darkMode: RequiredTeleBoxConfig[\"darkMode$\"];\n fence: RequiredTeleBoxConfig[\"fence$\"];\n minimized: RequiredTeleBoxConfig[\"minimized$\"];\n maximized: RequiredTeleBoxConfig[\"maximized$\"];\n readonly: RequiredTeleBoxConfig[\"readonly$\"];\n rootRect: RequiredTeleBoxConfig[\"rootRect$\"];\n managerStageRect: RequiredTeleBoxConfig[\"managerStageRect$\"];\n collectorRect: RequiredTeleBoxConfig[\"collectorRect$\"];\n};\n\ntype MyReadonlyValConfig = {\n zIndex: Val<RequiredTeleBoxConfig[\"zIndex\"], boolean>;\n focus: Val<RequiredTeleBoxConfig[\"focus\"], boolean>;\n\n $userContent: Val<TeleBoxConfig[\"content\"], boolean>;\n $userFooter: Val<TeleBoxConfig[\"footer\"], boolean>;\n $userStyles: Val<TeleBoxConfig[\"styles\"], boolean>;\n\n minSize: Val<TeleBoxSize, boolean>;\n intrinsicSize: Val<TeleBoxSize, boolean>;\n intrinsicCoord: Val<TeleBoxCoord, boolean>;\n pxMinSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicCoord: ReadonlyVal<TeleBoxCoord, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n highlightStage: ReadonlyVal<boolean, boolean>;\n boxHighlightStage: Val<boolean | null, boolean>;\n contentRect: Val<TeleBoxRect>;\n contentStageRect: ReadonlyVal<TeleBoxRect | null>;\n};\n\ntype CombinedValEnhancedResult = ReadonlyValEnhancedResult<\n PropsValConfig & MyReadonlyValConfig\n> &\n ValEnhancedResult<ValConfig>;\n\nexport interface TeleBox extends CombinedValEnhancedResult {}\n\nexport class TeleBox {\n public constructor({\n id = genUID(),\n title = getBoxDefaultName(),\n namespace = \"telebox\",\n visible = true,\n width = 0.5,\n height = 0.5,\n minWidth = 0,\n minHeight = 0,\n x = 0.1,\n y = 0.1,\n resizable = true,\n draggable = true,\n ratio = -1,\n focus = false,\n zIndex = 100,\n stageRatio = null,\n titleBar,\n content,\n footer,\n styles,\n highlightStage = null,\n darkMode$,\n fence$,\n minimized$,\n maximized$,\n readonly$,\n root$,\n rootRect$,\n managerStageRect$,\n managerStageRatio$,\n collectorRect$,\n managerHighlightStage$,\n }: TeleBoxConfig) {\n this._sideEffect = new SideEffectManager();\n\n this.id = id;\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const title$ = new Val(title);\n const visible$ = new Val(visible);\n const resizable$ = new Val(resizable);\n const draggable$ = new Val(draggable);\n const ratio$ = new Val(ratio);\n const zIndex$ = new Val(zIndex);\n const focus$ = new Val(focus);\n const $userContent$ = new Val(content);\n const $userFooter$ = new Val(footer);\n const $userStyles$ = new Val(styles);\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n\n const minSize$ = new Val(\n {\n width: clamp(minWidth, 0, 1),\n height: clamp(minHeight, 0, 1),\n },\n { compare: shallowequal }\n );\n\n const pxMinSize$ = combine(\n [minSize$, managerStageRect$],\n ([minSize, managerStageRect]) => ({\n width: minSize.width * managerStageRect.width,\n height: minSize.height * managerStageRect.height,\n }),\n { compare: shallowequal }\n );\n\n const intrinsicSize$ = new Val(\n { width, height },\n { compare: shallowequal }\n );\n\n this._sideEffect.addDisposer(\n // check intrinsicSize overflow\n minSize$.reaction((minSize, skipUpdate) => {\n intrinsicSize$.setValue(\n {\n width: Math.max(width, minSize.width),\n height: Math.max(height, minSize.height),\n },\n skipUpdate\n );\n })\n );\n\n const intrinsicCoord$ = new Val({ x, y }, { compare: shallowequal });\n\n const pxIntrinsicSize$ = combine(\n [intrinsicSize$, managerStageRect$],\n ([size, managerStageRect]) => ({\n width: managerStageRect.width * size.width,\n height: managerStageRect.height * size.height,\n }),\n { compare: shallowequal }\n );\n\n const pxIntrinsicCoord$ = combine(\n [intrinsicCoord$, managerStageRect$],\n ([intrinsicCoord, managerStageRect]) => ({\n x:\n intrinsicCoord.x * managerStageRect.width +\n managerStageRect.x,\n y:\n intrinsicCoord.y * managerStageRect.height +\n managerStageRect.y,\n }),\n { compare: shallowequal }\n );\n\n const boxHighlightStage$ = new Val<boolean | null, boolean>(\n highlightStage\n );\n\n const highlightStage$ = combine(\n [maximized$, boxHighlightStage$, managerHighlightStage$],\n ([maximized, boxHighlightStage, managerHighlightStage]) =>\n boxHighlightStage === null\n ? managerHighlightStage && maximized\n : boxHighlightStage\n );\n\n const contentRoot$ = new Val<HTMLElement | null>(null);\n\n const contentRect$ = new Val<TeleBoxRect>(rootRect$.value, {\n compare: shallowequal,\n });\n\n const stageRatio$ = new Val(stageRatio);\n\n const teleStage = new TeleStage({\n namespace,\n root$: contentRoot$,\n rootRect$: contentRect$,\n ratio$: combine(\n [stageRatio$, managerStageRatio$],\n ([stageRatio, managerStageRatio]) =>\n stageRatio ?? managerStageRatio\n ),\n highlightStage$,\n });\n this._sideEffect.addDisposer(() => teleStage.destroy());\n\n const propsValConfig: PropsValConfig = {\n darkMode: darkMode$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n readonly: readonly$,\n rootRect: rootRect$,\n managerStageRect: managerStageRect$,\n collectorRect: collectorRect$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n zIndex: zIndex$,\n focus: focus$,\n\n $userContent: $userContent$,\n $userFooter: $userFooter$,\n $userStyles: $userStyles$,\n\n state: state$,\n minSize: minSize$,\n pxMinSize: pxMinSize$,\n intrinsicSize: intrinsicSize$,\n intrinsicCoord: intrinsicCoord$,\n pxIntrinsicSize: pxIntrinsicSize$,\n pxIntrinsicCoord: pxIntrinsicCoord$,\n highlightStage: highlightStage$,\n boxHighlightStage: boxHighlightStage$,\n contentRect: contentRect$,\n contentStageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n title: title$,\n visible: visible$,\n resizable: resizable$,\n draggable: draggable$,\n ratio: ratio$,\n stageRatio: stageRatio$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n this.titleBar =\n titleBar ||\n new DefaultTitleBar({\n readonly$: readonly$,\n state$: state$,\n title$: title$,\n namespace: this.namespace,\n onDragStart: (event) => this._handleTrackStart?.(event),\n onEvent: (event) => this._delegateEvents.emit(event.type),\n });\n\n this._sideEffect.addDisposer(\n ratio$.subscribe((ratio) => {\n if (ratio > 0) {\n this.transform(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n pxIntrinsicSize$.value.width,\n pxIntrinsicSize$.value.height,\n true\n );\n }\n })\n );\n\n this._sideEffect.addDisposer(\n fence$.subscribe((fence) => {\n if (fence) {\n this.move(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n true\n );\n }\n })\n );\n\n this.$box = this.render();\n contentRoot$.setValue(this.$content.parentElement);\n\n const watchValEvent = <E extends TeleBoxEvent>(\n val: ReadonlyVal<TeleBoxEventConfig[E], boolean>,\n event: E\n ) => {\n this._sideEffect.addDisposer(\n val.reaction((v, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit<any>(event, v);\n }\n })\n );\n };\n\n watchValEvent(darkMode$, TELE_BOX_EVENT.DarkMode);\n watchValEvent(readonly$, TELE_BOX_EVENT.Readonly);\n watchValEvent(zIndex$, TELE_BOX_EVENT.ZIndex);\n watchValEvent(minimized$, TELE_BOX_EVENT.Minimized);\n watchValEvent(maximized$, TELE_BOX_EVENT.Maximized);\n watchValEvent(state$, TELE_BOX_EVENT.State);\n watchValEvent(intrinsicSize$, TELE_BOX_EVENT.IntrinsicResize);\n watchValEvent(intrinsicCoord$, TELE_BOX_EVENT.IntrinsicMove);\n\n this._sideEffect.addDisposer([\n visible$.reaction((visible, skipUpdate) => {\n if (!skipUpdate && !visible) {\n this.events.emit(TELE_BOX_EVENT.Close);\n }\n }),\n focus$.reaction((focus, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n focus ? TELE_BOX_EVENT.Focus : TELE_BOX_EVENT.Blur\n );\n }\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.$box);\n } else if (this.$box.parentNode) {\n this.$box.remove();\n }\n }),\n ]);\n }\n\n public readonly id: string;\n\n /** ClassName Prefix. For CSS styling. Default \"telebox\" */\n public readonly namespace: string;\n\n public readonly events = new Emittery<\n TeleBoxEventConfig,\n TeleBoxEventConfig\n >();\n\n public readonly _delegateEvents = new Emittery<\n TeleBoxDelegateEventConfig,\n TeleBoxDelegateEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public titleBar: TeleTitleBar;\n\n /** Minimum box width relative to stage area. 0~1. Default 0. */\n public get minWidth(): number {\n return this._minSize$.value.width;\n }\n\n /** Minimum box height relative to stage area. 0~1. Default 0. */\n public get minHeight(): number {\n return this._minSize$.value.height;\n }\n\n /**\n * @param minWidth Minimum box width relative to stage area. 0~1.\n * @returns this\n */\n public setMinWidth(minWidth: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: minWidth, height: this.minHeight },\n skipUpdate\n );\n }\n\n /**\n * @param minHeight Minimum box height relative to container element. 0~1.\n * @returns this\n */\n public setMinHeight(minHeight: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: this.minWidth, height: minHeight },\n skipUpdate\n );\n }\n\n /**\n * Resize box.\n * @param width Box width relative to container element. 0~1.\n * @param height Box height relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public resize(width: number, height: number, skipUpdate = false): void {\n this._intrinsicSize$.setValue(\n {\n width: Math.max(width, this.minWidth),\n height: Math.max(height, this.minHeight),\n },\n skipUpdate\n );\n }\n\n /** Intrinsic box x position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicX(): number {\n return this._intrinsicCoord$.value.x;\n }\n\n /** Intrinsic box y position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicY(): number {\n return this._intrinsicCoord$.value.y;\n }\n\n /** Intrinsic box width relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicWidth(): number {\n return this._intrinsicSize$.value.width;\n }\n\n /** Intrinsic box height relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicHeight(): number {\n return this._intrinsicSize$.value.height;\n }\n\n /**\n * Move box position.\n * @param x x position in px.\n * @param y y position in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected move(x: number, y: number, skipUpdate = false): void {\n let safeX: number;\n let safeY: number;\n const managerStageRect = this.managerStageRect;\n const pxIntrinsicSize = this.pxIntrinsicSize;\n\n if (this.fence) {\n safeX = clamp(\n x,\n managerStageRect.x,\n managerStageRect.x +\n managerStageRect.width -\n pxIntrinsicSize.width\n );\n safeY = clamp(\n y,\n managerStageRect.y,\n managerStageRect.y +\n managerStageRect.height -\n pxIntrinsicSize.height\n );\n } else {\n const rootRect = this.rootRect;\n safeX = clamp(\n x,\n 0 - pxIntrinsicSize.width + 20,\n 0 + rootRect.width - 20\n );\n safeY = clamp(y, 0, 0 + rootRect.height - 20);\n }\n\n this._intrinsicCoord$.setValue(\n {\n x: (safeX - managerStageRect.x) / managerStageRect.width,\n y: (safeY - managerStageRect.y) / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Resize + Move, with respect to fixed ratio.\n * @param x x position in px.\n * @param y y position in px.\n * @param width Box width in px.\n * @param height Box height in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected transform(\n x: number,\n y: number,\n width: number,\n height: number,\n skipUpdate = false\n ): void {\n const managerStageRect = this.managerStageRect;\n const rootRect = this.rootRect;\n\n width = Math.max(width, this.pxMinSize.width);\n height = Math.max(height, this.pxMinSize.height);\n\n if (this.ratio > 0) {\n const newHeight = this.ratio * width;\n if (y !== this.pxIntrinsicCoord.y) {\n y -= newHeight - height;\n }\n height = newHeight;\n }\n\n if (y < rootRect.y) {\n y = rootRect.y;\n height = this.pxIntrinsicSize.height;\n }\n\n this.move(x, y, skipUpdate);\n this._intrinsicSize$.setValue(\n {\n width: width / managerStageRect.width,\n height: height / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Mount dom to box content.\n */\n public mountContent(content: HTMLElement): void {\n this._$userContent$.setValue(content);\n }\n\n /**\n * Unmount content from the box.\n */\n public unmountContent(): void {\n this._$userContent$.setValue(undefined);\n }\n\n /**\n * Mount dom to box Footer.\n */\n public mountFooter(footer: HTMLElement): void {\n this._$userFooter$.setValue(footer);\n }\n\n /**\n * Unmount Footer from the box.\n */\n public unmountFooter(): void {\n this._$userFooter$.setValue(undefined);\n }\n\n public getUserStyles(): HTMLStyleElement | undefined {\n return this.$userStyles;\n }\n\n public mountStyles(styles: string | HTMLStyleElement): void {\n let $styles: HTMLStyleElement;\n if (typeof styles === \"string\") {\n $styles = document.createElement(\"style\");\n $styles.textContent = styles;\n } else {\n $styles = styles;\n }\n this._$userStyles$.setValue($styles);\n }\n\n public unmountStyles(): void {\n this._$userStyles$.setValue(undefined);\n }\n\n /** Show stage frame and grey-out the non-stage area. Inherit setting from manager if null. */\n setHighlightStage(highlightStage: boolean | null): void {\n this._boxHighlightStage$.setValue(highlightStage);\n }\n\n /** DOM of the box */\n public $box: HTMLElement;\n\n /** DOM of the box content */\n public $content!: HTMLElement;\n\n /** DOM of the box title bar */\n public $titleBar!: HTMLElement;\n\n /** DOM of the box footer */\n public $footer!: HTMLElement;\n\n protected render(): HTMLElement {\n if (this.$box) {\n return this.$box;\n }\n\n this.$box = document.createElement(\"div\");\n\n this.$box.classList.add(this.wrapClassName(\"box\"));\n\n const bindClassName = <TValue>(\n el: Element,\n val: ReadonlyVal<TValue, boolean>,\n className: string,\n predicate: (value: TValue) => boolean = isTruthy\n ): string => {\n return this._sideEffect.add(() => {\n const wrappedClassName = this.wrapClassName(className);\n return val.subscribe((value) => {\n el.classList.toggle(wrappedClassName, predicate(value));\n });\n });\n };\n\n bindClassName(this.$box, this._readonly$, \"readonly\");\n bindClassName(this.$box, this._draggable$, \"no-drag\", isFalsy);\n bindClassName(this.$box, this._resizable$, \"no-resize\", isFalsy);\n bindClassName(this.$box, this._focus$, \"blur\", isFalsy);\n bindClassName(this.$box, this._darkMode$, \"color-scheme-dark\");\n bindClassName(\n this.$box,\n this._darkMode$,\n \"color-scheme-light\",\n isFalsy\n );\n\n this._sideEffect.add(() => {\n const minimizedClassName = this.wrapClassName(\"minimized\");\n const maximizedClassName = this.wrapClassName(\"maximized\");\n const MAXIMIZED_TIMER_ID = \"box-maximized-timer\";\n\n return this._state$.subscribe((state) => {\n this.$box.classList.toggle(\n minimizedClassName,\n state === TELE_BOX_STATE.Minimized\n );\n\n if (state === TELE_BOX_STATE.Maximized) {\n this._sideEffect.flush(MAXIMIZED_TIMER_ID);\n this.$box.classList.toggle(maximizedClassName, true);\n } else {\n // delay so that transition won't be triggered\n this._sideEffect.setTimeout(\n () => {\n this.$box.classList.toggle(\n maximizedClassName,\n false\n );\n },\n 0,\n MAXIMIZED_TIMER_ID\n );\n }\n });\n });\n\n this._sideEffect.addDisposer(\n this._visible$.subscribe((visible) => {\n this.$box.style.display = visible ? \"block\" : \"none\";\n })\n );\n\n this._sideEffect.addDisposer(\n this._zIndex$.subscribe((zIndex) => {\n this.$box.style.zIndex = String(zIndex);\n })\n );\n\n this.$box.dataset.teleBoxID = this.id;\n\n const boxStyler = styler(this.$box);\n\n const boxStyles$ = combine(\n [\n this._maximized$,\n this._minimized$,\n this._pxIntrinsicSize$,\n this._pxIntrinsicCoord$,\n this._collectorRect$,\n ],\n ([\n maximized,\n minimized,\n pxIntrinsicSize,\n pxIntrinsicCoord,\n collectorRect,\n ]) => {\n const styles = maximized\n ? {\n x: 0,\n y: 0,\n width: \"100%\",\n height: \"100%\",\n scaleX: 1,\n scaleY: 1,\n }\n : {\n x: pxIntrinsicCoord.x,\n y: pxIntrinsicCoord.y,\n width: pxIntrinsicSize.width + \"px\",\n height: pxIntrinsicSize.height + \"px\",\n scaleX: 1,\n scaleY: 1,\n };\n if (minimized && collectorRect) {\n const { width: boxWidth, height: boxHeight } = maximized\n ? this.rootRect\n : pxIntrinsicSize;\n styles.x =\n collectorRect.x -\n boxWidth / 2 +\n collectorRect.width / 2;\n styles.y =\n collectorRect.y -\n boxHeight / 2 +\n collectorRect.height / 2;\n styles.scaleX = collectorRect.width / boxWidth;\n styles.scaleY = collectorRect.height / boxHeight;\n }\n return styles;\n },\n { compare: shallowequal }\n );\n\n const boxStyles = boxStyles$.value;\n this.$box.style.width = boxStyles.width;\n this.$box.style.height = boxStyles.height;\n // Add 10px offset on first frame\n // which creates a subtle moving effect\n this.$box.style.transform = `translate(${boxStyles.x - 10}px,${\n boxStyles.y - 10\n }px)`;\n\n this._sideEffect.addDisposer(\n boxStyles$.subscribe((styles) => {\n boxStyler.set(styles);\n })\n );\n\n const $boxMain = document.createElement(\"div\");\n $boxMain.className = this.wrapClassName(\"box-main\");\n this.$box.appendChild($boxMain);\n\n const $titleBar = document.createElement(\"div\");\n $titleBar.className = this.wrapClassName(\"titlebar-wrap\");\n $titleBar.appendChild(this.titleBar.render());\n this.$titleBar = $titleBar;\n\n const $contentWrap = document.createElement(\"div\");\n $contentWrap.className = this.wrapClassName(\"content-wrap\");\n\n const $content = document.createElement(\"div\");\n $content.className =\n this.wrapClassName(\"content\") + \" tele-fancy-scrollbar\";\n this.$content = $content;\n\n this._sideEffect.add(() => {\n const observer = new ResizeObserver(() => {\n const rect = $content.getBoundingClientRect();\n this._contentRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe($content);\n return () => observer.disconnect();\n });\n\n this._sideEffect.add(() => {\n let last$userStyles: HTMLStyleElement | undefined;\n return this._$userStyles$.subscribe(($userStyles) => {\n if (last$userStyles) {\n last$userStyles.remove();\n }\n last$userStyles = $userStyles;\n if ($userStyles) {\n $contentWrap.appendChild($userStyles);\n }\n });\n });\n\n this._sideEffect.add(() => {\n let last$userContent: HTMLElement | undefined;\n return this._$userContent$.subscribe(($userContent) => {\n if (last$userContent) {\n last$userContent.remove();\n }\n last$userContent = $userContent;\n if ($userContent) {\n $content.appendChild($userContent);\n }\n });\n });\n\n $contentWrap.appendChild($content);\n\n const $footer = document.createElement(\"div\");\n $footer.className = this.wrapClassName(\"footer-wrap\");\n this.$footer = $footer;\n\n this._sideEffect.add(() => {\n let last$userFooter: HTMLElement | undefined;\n return this._$userFooter$.subscribe(($userFooter) => {\n if (last$userFooter) {\n last$userFooter.remove();\n }\n last$userFooter = $userFooter;\n if ($userFooter) {\n $footer.appendChild($userFooter);\n }\n });\n });\n\n $boxMain.appendChild($titleBar);\n $boxMain.appendChild($contentWrap);\n $boxMain.appendChild($footer);\n\n this._renderResizeHandlers();\n\n return this.$box;\n }\n\n protected _handleTrackStart?: (ev: MouseEvent | TouchEvent) => void;\n\n public handleTrackStart: (ev: MouseEvent | TouchEvent) => void = (ev) => {\n return this._handleTrackStart?.(ev);\n };\n\n protected _renderResizeHandlers(): void {\n const $resizeHandles = document.createElement(\"div\");\n $resizeHandles.className = this.wrapClassName(\"resize-handles\");\n\n Object.values(TELE_BOX_RESIZE_HANDLE).forEach((handleType) => {\n const $handle = document.createElement(\"div\");\n $handle.className =\n this.wrapClassName(handleType) +\n \" \" +\n this.wrapClassName(\"resize-handle\");\n $handle.dataset.teleBoxHandle = handleType;\n\n $resizeHandles.appendChild($handle);\n });\n\n this.$box.appendChild($resizeHandles);\n\n const TRACKING_DISPOSER_ID = \"handle-tracking-listener\";\n const transformingClassName = this.wrapClassName(\"transforming\");\n\n let $trackMask: HTMLElement | undefined;\n\n let trackStartX = 0;\n let trackStartY = 0;\n\n let trackStartWidth = 0;\n let trackStartHeight = 0;\n\n let trackStartPageX = 0;\n let trackStartPageY = 0;\n\n let trackingHandle: TeleBoxHandleType | undefined;\n\n const handleTracking = (ev: MouseEvent | TouchEvent): void => {\n if (this.state !== TELE_BOX_STATE.Normal) {\n return;\n }\n\n preventEvent(ev);\n\n let { pageX, pageY } = flattenEvent(ev);\n if (pageY < this.rootRect.y) {\n pageY = this.rootRect.y;\n }\n\n const offsetX = pageX - trackStartPageX;\n const offsetY = pageY - trackStartPageY;\n\n let { x: newX, y: newY } = this.pxIntrinsicCoord;\n let { width: newWidth, height: newHeight } = this.pxIntrinsicSize;\n\n switch (trackingHandle) {\n case TELE_BOX_RESIZE_HANDLE.North: {\n newY = trackStartY + offsetY;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n // eslint-disable-next-line no-fallthrough\n case TELE_BOX_RESIZE_HANDLE.South: {\n newHeight = trackStartHeight + offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.West: {\n newX = trackStartX + offsetX;\n newWidth = trackStartWidth - offsetX;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.East: {\n newWidth = trackStartWidth + offsetX;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthWest: {\n newX = trackStartX + offsetX;\n newY = trackStartY + offsetY;\n newWidth = trackStartWidth - offsetX;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthEast: {\n newY = trackStartY + offsetY;\n newWidth = trackStartWidth + offsetX;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthEast: {\n newWidth = trackStartWidth + offsetX;\n newHeight = trackStartHeight + offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthWest: {\n newX = trackStartX + offsetX;\n newWidth = trackStartWidth - offsetX;\n newHeight = trackStartHeight + offsetY;\n break;\n }\n default: {\n this.move(trackStartX + offsetX, trackStartY + offsetY);\n return;\n }\n }\n\n this.transform(newX, newY, newWidth, newHeight);\n };\n\n const handleTrackEnd = (ev: MouseEvent | TouchEvent): void => {\n trackingHandle = void 0;\n\n if (!$trackMask) {\n return;\n }\n\n preventEvent(ev);\n\n this.$box.classList.toggle(transformingClassName, false);\n\n this._sideEffect.flush(TRACKING_DISPOSER_ID);\n\n $trackMask.remove();\n };\n\n const handleTrackStart = (ev: MouseEvent | TouchEvent): void => {\n if (this.readonly) {\n return;\n }\n\n if (\n (ev as MouseEvent).button != null &&\n (ev as MouseEvent).button !== 0\n ) {\n // Not left mouse\n return;\n }\n\n if (\n !this.draggable ||\n trackingHandle ||\n this.state !== TELE_BOX_STATE.Normal\n ) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (target.dataset?.teleBoxHandle) {\n preventEvent(ev);\n\n ({ x: trackStartX, y: trackStartY } = this.pxIntrinsicCoord);\n ({ width: trackStartWidth, height: trackStartHeight } =\n this.pxIntrinsicSize);\n\n ({ pageX: trackStartPageX, pageY: trackStartPageY } =\n flattenEvent(ev));\n\n trackingHandle = target.dataset\n .teleBoxHandle as TELE_BOX_RESIZE_HANDLE;\n\n if (!$trackMask) {\n $trackMask = document.createElement(\"div\");\n }\n\n const cursor = trackingHandle\n ? this.wrapClassName(`cursor-${trackingHandle}`)\n : \"\";\n\n $trackMask.className = this.wrapClassName(\n `track-mask${cursor ? ` ${cursor}` : \"\"}`\n );\n\n this.$box.appendChild($trackMask);\n\n this.$box.classList.add(transformingClassName);\n\n this._sideEffect.add(() => {\n window.addEventListener(\"mousemove\", handleTracking);\n window.addEventListener(\"touchmove\", handleTracking, {\n passive: false,\n });\n window.addEventListener(\"mouseup\", handleTrackEnd);\n window.addEventListener(\"touchend\", handleTrackEnd, {\n passive: false,\n });\n window.addEventListener(\"touchcancel\", handleTrackEnd, {\n passive: false,\n });\n\n return () => {\n window.removeEventListener(\"mousemove\", handleTracking);\n window.removeEventListener(\"touchmove\", handleTracking);\n window.removeEventListener(\"mouseup\", handleTrackEnd);\n window.removeEventListener(\"touchend\", handleTrackEnd);\n window.removeEventListener(\n \"touchcancel\",\n handleTrackEnd\n );\n };\n }, TRACKING_DISPOSER_ID);\n }\n };\n\n this._handleTrackStart = handleTrackStart;\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"mousedown\",\n handleTrackStart,\n {},\n \"box-resizeHandles-mousedown\"\n );\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"touchstart\",\n handleTrackStart,\n { passive: false },\n \"box-resizeHandles-touchstart\"\n );\n }\n\n public async destroy(): Promise<void> {\n this.$box.remove();\n this._sideEffect.flushAll();\n this._sideEffect.flushAll();\n\n await this.events.emit(TELE_BOX_EVENT.Destroyed);\n this.events.clearListeners();\n this._delegateEvents.clearListeners();\n }\n\n /**\n * Wrap a className with namespace\n */\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n\ntype PropKeys<K = keyof TeleBox> = K extends keyof TeleBox\n ? // eslint-disable-next-line @typescript-eslint/ban-types\n TeleBox[K] extends Function\n ? never\n : K\n : never;\n\nexport type ReadonlyTeleBox = Pick<\n TeleBox,\n | PropKeys\n | \"wrapClassName\"\n | \"mountContent\"\n | \"mountFooter\"\n | \"mountStyles\"\n | \"handleTrackStart\"\n>;\n","export enum TELE_BOX_MANAGER_EVENT {\n Focused = \"focused\",\n Blurred = \"blurred\",\n Created = \"created\",\n Removed = \"removed\",\n State = \"state\",\n Maximized = \"maximized\",\n Minimized = \"minimized\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n ZIndex = \"z_index\",\n PrefersColorScheme = \"prefers_color_scheme\",\n DarkMode = \"dark_mode\",\n}\n","import \"./style.scss\";\nimport collectorSVG from \"./icons/collector.svg\";\nimport type { TeleStyles } from \"../typings\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n withValueEnhancer,\n combine,\n Val,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleBoxCollectorConfig {\n namespace?: string;\n styles?: TeleStyles;\n root$: ReadonlyVal<HTMLElement | null>;\n minimized$: Val<boolean>;\n readonly$: ReadonlyVal<boolean>;\n darkMode$: ReadonlyVal<boolean>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n}\n\ntype ValConfig = {\n styles: Val<TeleStyles>;\n $collector: Val<HTMLElement>;\n};\n\ntype PropsValConfig = {\n root: TeleBoxCollectorConfig[\"root$\"];\n};\n\ntype MyReadonlyValConfig = {\n rect: ReadonlyVal<TeleBoxRect | undefined>;\n visible: ReadonlyVal<boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<PropsValConfig & MyReadonlyValConfig>;\n\nexport interface TeleBoxCollector extends CombinedValEnhancedResult {}\n\nexport class TeleBoxCollector {\n public constructor({\n minimized$,\n readonly$,\n darkMode$,\n rootRect$,\n namespace = \"telebox\",\n styles = {},\n root$,\n }: TeleBoxCollectorConfig) {\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const rect$ = new Val<TeleBoxRect | undefined>(void 0);\n const visible$ = derive(minimized$);\n const styles$ = new Val(styles);\n const el$ = new Val<HTMLElement>(document.createElement(\"button\"));\n\n const valConfig: ValConfig = {\n styles: styles$,\n $collector: el$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const propsValConfig: PropsValConfig = {\n root: root$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n rect: rect$,\n visible: visible$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n el$.value.className = this.wrapClassName(\"collector\");\n el$.value.style.backgroundImage = `url('${collectorSVG}')`;\n\n this._sideEffect.addDisposer(\n el$.subscribe(($collector) => {\n this._sideEffect.addEventListener(\n $collector,\n \"click\",\n () => {\n if (!readonly$.value) {\n minimized$.setValue(false);\n }\n },\n {},\n \"telebox-collector-click\"\n );\n\n this._sideEffect.addDisposer(\n [\n visible$.subscribe((visible) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-visible\"),\n visible\n );\n }),\n readonly$.subscribe((readonly) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-readonly\"),\n readonly\n );\n }),\n darkMode$.subscribe((darkMode) => {\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n styles$.subscribe((styles) => {\n Object.keys(styles).forEach((key) => {\n const value = styles[\n key as keyof TeleStyles\n ] as string;\n if (value != null) {\n $collector.style[key as keyof TeleStyles] =\n value;\n }\n });\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild($collector);\n }\n }),\n // Place after $collector appended to the DOM so that rect calc works\n combine([minimized$, rootRect$, root$]).subscribe(\n ([minimized, rootRect, root]) => {\n if (minimized && root) {\n const { x, y, width, height } =\n $collector.getBoundingClientRect();\n rect$.setValue({\n x: x - rootRect.x,\n y: y - rootRect.y,\n width,\n height,\n });\n }\n }\n ),\n ],\n \"telebox-collector-el\"\n );\n })\n );\n }\n\n public readonly namespace: string;\n\n protected readonly _sideEffect = new SideEffectManager();\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport type { TeleBox } from \"../../TeleBox\";\nimport type { DefaultTitleBarConfig } from \"../../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../../TeleTitleBar\";\nimport { TELE_BOX_STATE } from \"../../TeleBox/constants\";\nimport type { TeleBoxRect } from \"../../TeleBox/typings\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\n\nexport type MaxTitleBarTitle = Pick<TeleBox, \"id\" | \"title\">;\n\nexport interface MaxTitleBarConfig extends DefaultTitleBarConfig {\n darkMode$: ReadonlyVal<boolean>;\n boxes$: ReadonlyVal<TeleBox[]>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n root$: ReadonlyVal<HTMLElement | null>;\n}\n\nexport class MaxTitleBar extends DefaultTitleBar {\n public constructor(config: MaxTitleBarConfig) {\n super(config);\n\n this.boxes$ = config.boxes$;\n this.rootRect$ = config.rootRect$;\n this.darkMode$ = config.darkMode$;\n\n this.sideEffect.addDisposer(\n config.root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.render());\n } else if (this.$titleBar?.parentNode) {\n this.$titleBar.remove();\n }\n })\n );\n }\n\n public focusBox(box?: TeleBox): void {\n if (this.focusedBox && this.focusedBox === box) {\n return;\n }\n\n if (this.$titles && this.state$.value === TELE_BOX_STATE.Maximized) {\n const { children } = this.$titles.firstElementChild as HTMLElement;\n for (let i = children.length - 1; i >= 0; i -= 1) {\n const $tab = children[i] as HTMLElement;\n const id = $tab.dataset?.teleBoxID;\n if (id) {\n if (box && id === box.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n true\n );\n } else if (this.focusedBox && id === this.focusedBox.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n false\n );\n }\n }\n }\n }\n this.focusedBox = box;\n }\n\n public render(): HTMLElement {\n if (this.$titleBar) {\n return this.$titleBar;\n }\n\n const $titleBar = super.render();\n\n $titleBar.classList.add(this.wrapClassName(\"max-titlebar\"));\n\n this.sideEffect.addDisposer(\n [\n this.state$.subscribe((state) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-maximized\"),\n state === TELE_BOX_STATE.Maximized\n );\n }),\n this.readonly$.subscribe((readonly) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"readonly\"),\n readonly\n );\n }),\n this.darkMode$.subscribe((darkMode) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n combine([this.state$, this.boxes$]).subscribe(\n ([state, titles]) => {\n if (state === TELE_BOX_STATE.Maximized) {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-single-title\"),\n titles.length === 1\n );\n if (titles.length !== 1) {\n $titleBar.replaceChild(\n this.renderTitles(),\n $titleBar.firstElementChild as HTMLElement\n );\n }\n }\n }\n ),\n ],\n \"max-render\"\n );\n\n const $titlesArea = document.createElement(\"div\");\n $titlesArea.classList.add(this.wrapClassName(\"titles-area\"));\n $titleBar.insertBefore($titlesArea, $titleBar.firstElementChild);\n\n return $titleBar;\n }\n\n public destroy(): void {\n super.destroy();\n this.$titles = void 0;\n this.focusedBox = void 0;\n }\n\n protected renderTitles(): HTMLElement {\n this.$titles = document.createElement(\"div\");\n this.$titles.className = this.wrapClassName(\"titles\");\n\n this.sideEffect.addEventListener(\n this.$titles,\n \"wheel\",\n (ev) => {\n (ev.currentTarget as HTMLElement).scrollBy({\n left: ev.deltaY > 0 ? 250 : -250,\n behavior: \"smooth\",\n });\n },\n { passive: false },\n \"max-render-wheel-titles\"\n );\n\n const $content = document.createElement(\"div\");\n $content.className = this.wrapClassName(\"titles-content\");\n this.$titles.appendChild($content);\n\n const disposers = this.boxes$.value.map((box) => {\n const $tab = document.createElement(\"button\");\n $tab.className = this.wrapClassName(\"titles-tab\");\n $tab.textContent = box.title;\n $tab.dataset.teleBoxID = box.id;\n $tab.dataset.teleTitleBarNoDblClick = \"true\";\n\n if (this.focusedBox && box.id === this.focusedBox.id) {\n $tab.classList.add(this.wrapClassName(\"titles-tab-focus\"));\n }\n\n $content.appendChild($tab);\n\n return box._title$.reaction((title) => ($tab.textContent = title));\n });\n\n this.sideEffect.addDisposer(\n () => disposers.forEach((disposer) => disposer()),\n \"max-render-tab-titles\"\n );\n\n return this.$titles;\n }\n\n public focusedBox: TeleBox | undefined;\n\n protected darkMode$: MaxTitleBarConfig[\"darkMode$\"];\n protected boxes$: MaxTitleBarConfig[\"boxes$\"];\n protected rootRect$: MaxTitleBarConfig[\"rootRect$\"];\n\n protected $titles: HTMLElement | undefined;\n}\n","import shallowequal from \"shallowequal\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ValEnhancedResult,\n ReadonlyValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n combine,\n Val,\n withValueEnhancer,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport Emittery from \"emittery\";\nimport type {\n ReadonlyTeleBox,\n TeleBoxColorScheme,\n TeleBoxRect,\n TeleBoxState,\n} from \"../TeleBox\";\nimport {\n TeleBox,\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_COLOR_SCHEME,\n TELE_BOX_DELEGATE_EVENT,\n} from \"../TeleBox\";\nimport { TeleBoxCollector } from \"../TeleBoxCollector\";\nimport { TELE_BOX_MANAGER_EVENT } from \"./constants\";\nimport type {\n TeleBoxManagerConfig,\n TeleBoxManagerCreateConfig,\n TeleBoxManagerEventConfig,\n TeleBoxManagerQueryConfig,\n TeleBoxManagerUpdateConfig,\n} from \"./typings\";\nimport { MaxTitleBar } from \"./MaxTitleBar\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./typings\";\nexport * from \"./constants\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype ReadonlyValConfig = {\n darkMode: ReadonlyVal<boolean, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n root: Val<HTMLElement | null>;\n rootRect: Val<TeleBoxRect>;\n stageRect: ReadonlyVal<TeleBoxRect>;\n};\n\ntype ValConfig = {\n prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n readonly: Val<boolean, boolean>;\n minimized: Val<boolean, boolean>;\n maximized: Val<boolean, boolean>;\n fence: Val<boolean, boolean>;\n stageRatio: Val<number, boolean>;\n highlightStage: Val<boolean, boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<ReadonlyValConfig>;\n\nexport interface TeleBoxManager extends CombinedValEnhancedResult {}\n\nexport class TeleBoxManager {\n public constructor({\n root = null,\n prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n minimized = false,\n maximized = false,\n fence = false,\n collector,\n namespace = \"telebox\",\n readonly = false,\n stageRatio = -1,\n highlightStage = true,\n }: TeleBoxManagerConfig = {}) {\n this._sideEffect = new SideEffectManager();\n\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const root$ = new Val(root);\n const readonly$ = new Val(readonly);\n const minimized$ = new Val(minimized);\n const maximized$ = new Val(maximized);\n const fence$ = new Val(fence);\n const stageRatio$ = new Val(stageRatio);\n const highlightStage$ = new Val(highlightStage);\n\n const rootRect$ = new Val<TeleBoxRect>(\n {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n { compare: shallowequal }\n );\n this._sideEffect.addDisposer(\n root$.subscribe((root) => {\n this._sideEffect.add(() => {\n if (!root) {\n return () => void 0;\n }\n const observer = new ResizeObserver(() => {\n const rect = root.getBoundingClientRect();\n rootRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, \"calc-root-rect\");\n })\n );\n\n this.boxes$ = new Val<TeleBox[]>([]);\n this.topBox$ = new Val<TeleBox | undefined>(undefined);\n this._sideEffect.addDisposer(\n this.boxes$.subscribe((boxes) => {\n if (boxes.length > 0) {\n const topBox = boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n } else {\n this.topBox$.setValue(undefined);\n }\n })\n );\n\n const prefersDarkMatch = window.matchMedia(\n \"(prefers-color-scheme: dark)\"\n );\n const prefersDark$ = new Val(false);\n if (prefersDarkMatch) {\n prefersDark$.setValue(prefersDarkMatch.matches);\n this._sideEffect.add(() => {\n const handler = (evt: MediaQueryListEvent): void => {\n prefersDark$.setValue(evt.matches);\n };\n prefersDarkMatch.addEventListener(\"change\", handler);\n return () =>\n prefersDarkMatch.removeEventListener(\"change\", handler);\n });\n }\n\n const prefersColorScheme$ = new Val(prefersColorScheme);\n this._sideEffect.addDisposer(\n prefersColorScheme$.reaction((prefersColorScheme, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.PrefersColorScheme,\n prefersColorScheme\n );\n }\n })\n );\n\n const darkMode$ = combine(\n [prefersDark$, prefersColorScheme$],\n ([prefersDark, prefersColorScheme]) =>\n prefersColorScheme === \"auto\"\n ? prefersDark\n : prefersColorScheme === \"dark\"\n );\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n\n this.collector =\n collector ??\n new TeleBoxCollector({\n minimized$: minimized$,\n readonly$: readonly$,\n darkMode$: darkMode$,\n namespace,\n root$,\n rootRect$,\n });\n\n const teleStage = new TeleStage({\n namespace,\n rootRect$,\n ratio$: stageRatio$,\n root$,\n highlightStage$: combine(\n [highlightStage$, maximized$, minimized$],\n ([highlightStage, maximized, minimized]) =>\n highlightStage && (minimized || !maximized)\n ),\n });\n this._sideEffect.addDisposer(() => teleStage.destroy());\n\n const readonlyValConfig: ReadonlyValConfig = {\n darkMode: darkMode$,\n state: state$,\n root: root$,\n rootRect: rootRect$,\n stageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, readonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n prefersColorScheme: prefersColorScheme$,\n readonly: readonly$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n stageRatio: stageRatio$,\n highlightStage: highlightStage$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const closeBtnClassName = this.wrapClassName(\"titlebar-icon-close\");\n\n const checkFocusBox = (ev: MouseEvent | TouchEvent): void => {\n if (readonly$.value) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (!target.tagName) {\n return;\n }\n\n for (\n let el: HTMLElement | null = target;\n el;\n el = el.parentElement\n ) {\n if (el.classList && el.classList.contains(closeBtnClassName)) {\n return;\n }\n const id = el.dataset?.teleBoxID;\n if (id) {\n const box = this.getBox(id);\n if (box) {\n this.focusBox(box);\n this.makeBoxTop(box);\n return;\n }\n }\n }\n };\n\n this._sideEffect.addEventListener(\n window,\n \"mousedown\",\n checkFocusBox,\n true\n );\n this._sideEffect.addEventListener(\n window,\n \"touchstart\",\n checkFocusBox,\n true\n );\n\n this.titleBar = new MaxTitleBar({\n namespace: this.namespace,\n title$: derive(this.topBox$, (topBox) => topBox?.title || \"\"),\n boxes$: this.boxes$,\n darkMode$: darkMode$,\n readonly$: readonly$,\n state$: state$,\n root$,\n rootRect$: rootRect$,\n onEvent: (event): void => {\n switch (event.type) {\n case TELE_BOX_DELEGATE_EVENT.Maximize: {\n maximized$.setValue(!maximized$.value);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Minimize: {\n minimized$.setValue(true);\n break;\n }\n case TELE_BOX_EVENT.Close: {\n this.removeTopBox();\n this.focusTopBox();\n break;\n }\n default: {\n break;\n }\n }\n },\n });\n\n this._sideEffect.addDisposer([\n state$.reaction((state, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.State, state);\n }\n }),\n maximized$.reaction((maximized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Maximized,\n maximized\n );\n }\n }),\n minimized$.reaction((minimized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Minimized,\n minimized\n );\n }\n }),\n darkMode$.reaction((darkMode, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);\n }\n }),\n ]);\n }\n\n public get boxes(): ReadonlyArray<TeleBox> {\n return this.boxes$.value;\n }\n\n public get topBox(): TeleBox | undefined {\n return this.topBox$.value;\n }\n\n public readonly events = new Emittery<\n TeleBoxManagerEventConfig,\n TeleBoxManagerEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public readonly namespace: string;\n\n /** @deprecated use setMaximized and setMinimized instead */\n public setState(state: TeleBoxState, skipUpdate = false): this {\n switch (state) {\n case TELE_BOX_STATE.Maximized: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(true, skipUpdate);\n break;\n }\n case TELE_BOX_STATE.Minimized: {\n this.setMinimized(true, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n default: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n }\n return this;\n }\n\n public create(\n config: TeleBoxManagerCreateConfig = {},\n smartPosition = true\n ): ReadonlyTeleBox {\n const box = new TeleBox({\n zIndex: this.topBox ? this.topBox.zIndex + 1 : 100,\n ...config,\n ...(smartPosition ? this.smartPosition(config) : {}),\n namespace: this.namespace,\n root$: this._root$,\n darkMode$: this._darkMode$,\n maximized$: this._maximized$,\n minimized$: this._minimized$,\n fence$: this._fence$,\n rootRect$: this._rootRect$,\n managerStageRect$: this._stageRect$,\n managerStageRatio$: this._stageRatio$,\n readonly$: this._readonly$,\n collectorRect$: this.collector._rect$,\n managerHighlightStage$: this._highlightStage$,\n });\n\n if (box.focus) {\n this.focusBox(box);\n if (smartPosition) {\n this.makeBoxTop(box);\n }\n }\n\n this.boxes$.setValue([...this.boxes, box]);\n\n this._sideEffect.addDisposer([\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {\n this.setMaximized(!this.maximized);\n }),\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {\n this.setMinimized(true);\n }),\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {\n this.remove(box);\n this.focusTopBox();\n }),\n box._intrinsicCoord$.reaction((_, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicMove, box);\n }\n }),\n box._intrinsicSize$.reaction((_, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.IntrinsicResize,\n box\n );\n }\n }),\n box._zIndex$.reaction((_, skipUpdate) => {\n if (this.boxes.length > 0) {\n const topBox = this.boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n }\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.ZIndex, box);\n }\n }),\n ]);\n\n this.events.emit(TELE_BOX_MANAGER_EVENT.Created, box);\n\n return box;\n }\n\n public query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[] {\n return config\n ? this.boxes.filter(this.teleBoxMatcher(config))\n : [...this.boxes];\n }\n\n public queryOne(\n config?: TeleBoxManagerQueryConfig\n ): ReadonlyTeleBox | undefined {\n return config\n ? this.boxes.find(this.teleBoxMatcher(config))\n : this.boxes[0];\n }\n\n public update(\n boxID: string,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n const box = this.boxes.find((box) => box.id === boxID);\n if (box) {\n return this.updateBox(box, config, skipUpdate);\n }\n }\n\n public updateAll(\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n this.boxes.forEach((box) => {\n this.updateBox(box, config, skipUpdate);\n });\n }\n\n public remove(\n boxOrID: string | TeleBox,\n skipUpdate = false\n ): ReadonlyTeleBox | undefined {\n const index = this.getBoxIndex(boxOrID);\n if (index >= 0) {\n const boxes = this.boxes.slice();\n const deletedBoxes = boxes.splice(index, 1);\n this.boxes$.setValue(boxes);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes[0];\n }\n return;\n }\n\n public removeTopBox(): ReadonlyTeleBox | undefined {\n if (this.topBox) {\n return this.remove(this.topBox);\n }\n return;\n }\n\n public removeAll(skipUpdate = false): ReadonlyTeleBox[] {\n const deletedBoxes = this.boxes$.value;\n this.boxes$.setValue([]);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes;\n }\n\n /**\n * Mount manager to a container element.\n */\n public mount(root: HTMLElement): void {\n this._root$.setValue(root);\n }\n\n /**\n * Unmount manager from the container element.\n */\n public unmount(): void {\n this._root$.setValue(null);\n }\n\n public destroy(skipUpdate = false): void {\n this.events.clearListeners();\n this._sideEffect.flushAll();\n this.removeAll(skipUpdate);\n this.collector.destroy();\n this.titleBar.destroy();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public focusBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n this.boxes.forEach((box) => {\n if (targetBox === box) {\n let focusChanged = false;\n if (!targetBox.focus) {\n focusChanged = true;\n targetBox._focus$.setValue(true, skipUpdate);\n }\n if (focusChanged && !skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Focused,\n targetBox\n );\n }\n } else if (box.focus) {\n this.blurBox(box, skipUpdate);\n }\n });\n this.titleBar.focusBox(targetBox);\n }\n }\n\n public focusTopBox(): void {\n if (this.topBox && !this.topBox.focus) {\n return this.focusBox(this.topBox);\n }\n }\n\n public blurBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n if (targetBox.focus) {\n targetBox._focus$.setValue(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, targetBox);\n }\n }\n if (this.titleBar.focusedBox === targetBox) {\n this.titleBar.focusBox();\n }\n }\n }\n\n public blurAll(skipUpdate = false): void {\n this.boxes.forEach((box) => {\n if (box.focus) {\n box._focus$.setValue(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, box);\n }\n }\n });\n if (this.titleBar.focusedBox) {\n this.titleBar.focusBox();\n }\n }\n\n public collector: TeleBoxCollector;\n public titleBar: MaxTitleBar;\n\n protected boxes$: Val<TeleBox[]>;\n protected topBox$: Val<TeleBox | undefined>;\n\n protected teleBoxMatcher(\n config: TeleBoxManagerQueryConfig\n ): (box: TeleBox) => boolean {\n const keys = Object.keys(config) as Array<\n keyof TeleBoxManagerQueryConfig\n >;\n return (box: TeleBox): boolean =>\n keys.every((key) => config[key] === box[key]);\n }\n\n protected updateBox(\n box: TeleBox,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n if (config.x != null || config.y != null) {\n box._intrinsicCoord$.setValue(\n {\n x: config.x ?? box.intrinsicX,\n y: config.y ?? box.intrinsicY,\n },\n skipUpdate\n );\n }\n if (config.width != null || config.height != null) {\n box._intrinsicSize$.setValue(\n {\n width: config.width ?? box.intrinsicWidth,\n height: config.height ?? box.intrinsicHeight,\n },\n skipUpdate\n );\n }\n if (config.title != null) {\n box._title$.setValue(config.title);\n }\n if (config.visible != null) {\n box._visible$.setValue(config.visible, skipUpdate);\n }\n if (config.resizable != null) {\n box._resizable$.setValue(config.resizable, skipUpdate);\n }\n if (config.draggable != null) {\n box._draggable$.setValue(config.draggable, skipUpdate);\n }\n if (config.ratio != null) {\n box._ratio$.setValue(config.ratio, skipUpdate);\n }\n if (config.zIndex != null) {\n box._zIndex$.setValue(config.zIndex, skipUpdate);\n }\n if (config.stageRatio !== undefined) {\n box.setStageRatio(config.stageRatio, skipUpdate);\n }\n if (config.content != null) {\n box.mountContent(config.content);\n }\n if (config.footer != null) {\n box.mountFooter(config.footer);\n }\n if (config.minHeight != null || config.minWidth != null) {\n box._minSize$.setValue(\n {\n width: config.minWidth ?? box.minWidth,\n height: config.minHeight ?? box.minHeight,\n },\n skipUpdate\n );\n }\n }\n\n /** Keep new boxes staggered inside stage area */\n protected smartPosition(rect: Partial<TeleBoxRect>): TeleBoxRect {\n let { x, y } = rect;\n const { width = 0.5, height = 0.5 } = rect;\n const stageRect = this.stageRect;\n const topBox = this.topBox;\n\n if (x == null) {\n let pxX = stageRect.x + 20;\n if (topBox) {\n const pxPreferredX = topBox.pxIntrinsicCoord.x + 20;\n const pxIntrinsicWidth = width * stageRect.width;\n if (\n pxPreferredX + pxIntrinsicWidth <=\n stageRect.x + stageRect.width\n ) {\n pxX = pxPreferredX;\n }\n }\n x = (pxX - stageRect.x) / stageRect.width;\n }\n\n if (y == null) {\n let pxY = stageRect.y + 20;\n if (topBox) {\n const pxPreferredY = topBox.pxIntrinsicCoord.y + 20;\n const pxIntrinsicHeight = height * stageRect.height;\n if (\n pxPreferredY + pxIntrinsicHeight <=\n stageRect.y + stageRect.height\n ) {\n pxY = pxPreferredY;\n }\n }\n y = (pxY - stageRect.y) / stageRect.height;\n }\n\n return { x, y, width, height };\n }\n\n protected makeBoxTop(box: TeleBox, skipUpdate = false): void {\n if (this.topBox) {\n if (box !== this.topBox) {\n box._zIndex$.setValue(this.topBox.zIndex + 1, skipUpdate);\n }\n }\n }\n\n protected getBoxIndex(boxOrID: TeleBox | string): number {\n return typeof boxOrID === \"string\"\n ? this.boxes.findIndex((box) => box.id === boxOrID)\n : this.boxes.findIndex((box) => box === boxOrID);\n }\n\n protected getBox(boxOrID: TeleBox | string): TeleBox | undefined {\n return typeof boxOrID === \"string\"\n ? this.boxes.find((box) => box.id === boxOrID)\n : boxOrID;\n }\n}\n"],"names":["TELE_BOX_COLOR_SCHEME2","TELE_BOX_STATE2","TELE_BOX_EVENT2","TELE_BOX_DELEGATE_EVENT2","TELE_BOX_RESIZE_HANDLE2","TELE_BOX_COLOR_SCHEME","TELE_BOX_STATE","TELE_BOX_EVENT","TELE_BOX_DELEGATE_EVENT","TELE_BOX_RESIZE_HANDLE","value","min","max","Math","ev","stopPropagation","cancelable","preventDefault","touches","defaultBoxCount","Boolean","constructor","readonly$","state$","title$","buttons","onEvent","onDragStart","namespace","SideEffectManager","timestamp","clientX","clientY","this","button","target","dataset","teleTitleBarNoDblClick","now","Date","lastTitleBarClick","abs","type","Maximize","lastTitleBarTouch","Minimize","iconClassName","wrapClassName","isActive","state","Maximized","Close","$dragArea","renderDragArea","render","$titleBar","document","createElement","className","$titleArea","teleBoxHandle","$title","appendChild","$buttonsContainer","forEach","i","teleTitleBarBtnIndex","String","$btn","sideEffect","addDisposer","subscribe","title","textContent","btn","children","classList","toggle","addEventListener","Number","isNaN","length","handleTitleBarClick","handleTitleBarTouch","passive","dragHandle","destroy","flushAll","rootRect$","ratio$","highlightStage$","root$","stageRect$","combine","rootRect","ratio","width","height","preferredHeight","x","y","preferredWidth","compare","shallowequal","_sideEffect","root","highlightStage","$boxStage","parentNode","remove","$boxStageMask1","$boxStageMask2","$boxStageFrame","$topLeftCorner","$topRightCorner","$bottomLeftCorner","$bottomRightCorner","map","path","$svg","createElementNS","setAttribute","$path","stageRect","style","flexDirection","ResizeObserver","window","ResizeObserverPolyfill","id","genUID","getBoxDefaultName","visible","minWidth","minHeight","resizable","draggable","focus","zIndex","stageRatio","titleBar","content","footer","styles","darkMode$","fence$","minimized$","maximized$","managerStageRect$","managerStageRatio$","collectorRect$","managerHighlightStage$","Emittery","_handleTrackStart","valManager","ValManager","Val","visible$","resizable$","draggable$","zIndex$","focus$","$userContent$","$userFooter$","$userStyles$","minimized","maximized","Minimized","Normal","minSize$","clamp","pxMinSize$","minSize","managerStageRect","intrinsicSize$","reaction","skipUpdate","setValue","intrinsicCoord$","pxIntrinsicSize$","size","pxIntrinsicCoord$","intrinsicCoord","boxHighlightStage$","boxHighlightStage","managerHighlightStage","contentRoot$","contentRect$","stageRatio$","teleStage","TeleStage","stageRatio2","managerStageRatio","propsValConfig","darkMode","fence","readonly","collectorRect","myReadonlyValConfig","$userContent","$userFooter","$userStyles","pxMinSize","intrinsicSize","pxIntrinsicSize","pxIntrinsicCoord","contentRect","contentStageRect","valConfig","DefaultTitleBar","event","_delegateEvents","emit","ratio2","transform","move","$box","$content","parentElement","watchValEvent","val","v","events","DarkMode","Readonly","ZIndex","State","IntrinsicResize","IntrinsicMove","visible2","focus2","Focus","Blur","_minSize$","setMinWidth","setMinHeight","resize","_intrinsicSize$","_intrinsicCoord$","safeX","safeY","newHeight","mountContent","_$userContent$","unmountContent","mountFooter","_$userFooter$","unmountFooter","getUserStyles","mountStyles","$styles","_$userStyles$","unmountStyles","setHighlightStage","_boxHighlightStage$","add","bindClassName","el","predicate","isTruthy","wrappedClassName","_readonly$","_draggable$","isFalsy","_resizable$","_focus$","_darkMode$","minimizedClassName","maximizedClassName","MAXIMIZED_TIMER_ID","_state$","flush","setTimeout","_visible$","display","_zIndex$","teleBoxID","boxStyler","styler","boxStyles$","_maximized$","_minimized$","_pxIntrinsicSize$","_pxIntrinsicCoord$","_collectorRect$","scaleX","scaleY","boxWidth","boxHeight","boxStyles","set","$boxMain","$contentWrap","observer","rect","getBoundingClientRect","_contentRect$","observe","disconnect","last$userStyles","last$userContent","$footer","last$userFooter","_renderResizeHandlers","$resizeHandles","values","handleType","$handle","TRACKING_DISPOSER_ID","transformingClassName","$trackMask","trackingHandle","trackStartX","trackStartY","trackStartWidth","trackStartHeight","trackStartPageX","trackStartPageY","handleTracking","pageX","pageY","flattenEvent","offsetX","offsetY","newX","newY","newWidth","North","South","West","East","NorthWest","NorthEast","SouthEast","SouthWest","handleTrackEnd","handleTrackStart","cursor","removeEventListener","Destroyed","clearListeners","TELE_BOX_MANAGER_EVENT2","rect$","derive","styles$","el$","$collector","backgroundImage","styles2","keys","key","TELE_BOX_MANAGER_EVENT","config","boxes$","focusBox","box","focusedBox","$titles","firstElementChild","$tab","super","titles","replaceChild","renderTitles","$titlesArea","insertBefore","currentTarget","scrollBy","left","deltaY","behavior","disposers","_title$","disposer","prefersColorScheme","Light","collector","innerWidth","innerHeight","root2","topBox$","boxes","topBox","reduce","topBox2","prefersDarkMatch","matchMedia","prefersDark$","matches","handler","evt","prefersColorScheme$","prefersColorScheme2","PrefersColorScheme","prefersDark","minimized2","maximized2","TeleBoxCollector","highlightStage2","readonlyValConfig","closeBtnClassName","checkFocusBox","tagName","contains","getBox","makeBoxTop","MaxTitleBar","removeTopBox","focusTopBox","setState","setMinimized","setMaximized","create","smartPosition","TeleBox","_root$","_fence$","_rootRect$","_stageRect$","_stageRatio$","_rect$","_highlightStage$","on","_","box2","Created","query","filter","teleBoxMatcher","queryOne","find","update","boxID","updateBox","updateAll","boxOrID","index","getBoxIndex","slice","deletedBoxes","splice","Removed","removeAll","mount","unmount","targetBox","focusChanged","Focused","blurBox","Blurred","blurAll","Object","every","intrinsicX","intrinsicY","intrinsicWidth","intrinsicHeight","_ratio$","setStageRatio","pxX","pxPreferredX","pxY","pxPreferredY","findIndex"],"mappings":"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"}
|