@netless/telebox-insider 1.0.0-alpha.3 → 1.0.0-alpha.32

package/dist/telebox-insider.cjs.js.map

@@ -1 +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 { Val } 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$ = new Val(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 get title(): string {\n        return this.title$.value;\n    }\n\n    public setTitle(title: string): void {\n        this.title$.setValue(title);\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            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$: Val<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$, highlightStage$, ratio$],\n            ([rootRect, highlightStage, ratio]) => {\n                if (!highlightStage) {\n                    return rootRect;\n                }\n\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 { withValueEnhancer } from \"value-enhancer\";\nimport { combine, Val, withReadonlyValueEnhancer } 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};\n\ntype ReadonlyValConfig = {\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    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<ReadonlyValConfig> &\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        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        stageRatio$,\n        collectorRect$,\n        managerHighlightStage$,\n    }: TeleBoxConfig) {\n        this._sideEffect = new SideEffectManager();\n\n        this.id = id;\n        this.namespace = namespace;\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 teleStage = new TeleStage({\n            namespace,\n            root$: contentRoot$,\n            rootRect$: contentRect$,\n            ratio$: stageRatio$,\n            highlightStage$,\n        });\n        this._sideEffect.addDisposer(() => teleStage.destroy());\n\n        const readonlyValConfig: ReadonlyValConfig = {\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            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, readonlyValConfig);\n\n        const valConfig: ValConfig = {\n            title: title$,\n            visible: visible$,\n            resizable: resizable$,\n            draggable: draggable$,\n            ratio: ratio$,\n        };\n\n        withValueEnhancer(this, valConfig);\n\n        this.titleBar =\n            titleBar ||\n            new DefaultTitleBar({\n                readonly$: readonly$,\n                state$: state$,\n                title: title$.value,\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                rootRect.x - pxIntrinsicSize.width + 20,\n                rootRect.x + rootRect.width - 20\n            );\n            safeY = clamp(y, rootRect.y, rootRect.y + 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                if (minimized && collectorRect) {\n                    return {\n                        x: collectorRect.x + collectorRect.width / 2,\n                        y: collectorRect.y + collectorRect.height / 2,\n                        width: pxIntrinsicSize.width + \"px\",\n                        height: pxIntrinsicSize.height + \"px\",\n                        scaleX: collectorRect.width / pxIntrinsicSize.width,\n                        scaleY: collectorRect.height / pxIntrinsicSize.height,\n                    };\n                }\n                if (maximized) {\n                    return {\n                        x: 0,\n                        y: 0,\n                        width: \"100%\",\n                        height: \"100%\",\n                        scaleX: 1,\n                        scaleY: 1,\n                    };\n                }\n                return {\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            },\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((entries) => {\n                const rect = entries[0]?.contentRect;\n                if (rect) {\n                    this._contentRect$.setValue({\n                        x: rect.x,\n                        y: rect.y,\n                        width: rect.width,\n                        height: rect.height,\n                    });\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 { withValueEnhancer } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\nimport { Val } from \"value-enhancer\";\nimport { withReadonlyValueEnhancer } 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    el: Val<HTMLElement>;\n};\n\ntype ReadonlyValConfig = {\n    rect: ReadonlyVal<TeleBoxRect | undefined>;\n    visible: ReadonlyVal<boolean>;\n    root: ReadonlyVal<HTMLElement | null>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n    ReadonlyValEnhancedResult<ReadonlyValConfig>;\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 rect$ = new Val<TeleBoxRect | undefined>(void 0);\n        const visible$ = 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            el: el$,\n        };\n\n        withValueEnhancer(this, valConfig);\n\n        const readonlyValConfig: ReadonlyValConfig = {\n            rect: rect$,\n            visible: visible$,\n            root: root$,\n        };\n\n        withReadonlyValueEnhancer(this, readonlyValConfig);\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.rootRect$.subscribe((rootRect) => {\n                    const { x, y, width } = rootRect;\n                    $titleBar.style.transform = `translate(${x}px, ${y}px)`;\n                    $titleBar.style.width = width + \"px\";\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                                this.setTitle(titles[0].title);\n                            } else {\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 {\n    combine,\n    Val,\n    withValueEnhancer,\n    withReadonlyValueEnhancer,\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 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((entries) => {\n                        const rect = entries[0]?.contentRect;\n                        if (rect) {\n                            rootRect$.setValue({\n                                x: rect.x,\n                                y: rect.y,\n                                width: rect.width,\n                                height: rect.height,\n                            });\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$],\n                ([highlightStage, maximized]) => highlightStage && !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);\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);\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            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            stageRatio$: 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.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","title$","Val","Minimize","iconClassName","wrapClassName","isActive","state","Maximized","Close","$dragArea","renderDragArea","setTitle","setValue","render","$titleBar","document","createElement","className","$titleArea","teleBoxHandle","$title","appendChild","$buttonsContainer","forEach","i","teleTitleBarBtnIndex","String","$btn","sideEffect","addDisposer","subscribe","textContent","btn","children","classList","toggle","addEventListener","Number","isNaN","length","handleTitleBarClick","handleTitleBarTouch","passive","dragHandle","destroy","flushAll","rootRect$","ratio$","highlightStage$","root$","stageRect$","combine","rootRect","highlightStage","ratio","width","height","preferredHeight","x","y","preferredWidth","compare","shallowequal","_sideEffect","root","$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","titleBar","content","footer","styles","darkMode$","fence$","minimized$","maximized$","managerStageRect$","stageRatio$","collectorRect$","managerHighlightStage$","Emittery","_handleTrackStart","visible$","resizable$","draggable$","zIndex$","focus$","$userContent$","$userFooter$","$userStyles$","minimized","maximized","Minimized","Normal","minSize$","clamp","pxMinSize$","minSize","managerStageRect","intrinsicSize$","reaction","skipUpdate","intrinsicCoord$","pxIntrinsicSize$","size","pxIntrinsicCoord$","intrinsicCoord","boxHighlightStage$","boxHighlightStage","managerHighlightStage","contentRoot$","contentRect$","teleStage","TeleStage","readonlyValConfig","darkMode","fence","readonly","collectorRect","$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","boxStyles","set","$boxMain","$contentWrap","observer","entries","rect","_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$","styles$","el$","backgroundImage","$collector","styles2","keys","key","getBoundingClientRect","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","stageRatio","innerWidth","innerHeight","root2","topBox$","boxes","topBox","reduce","topBox2","prefersDarkMatch","matchMedia","prefersDark$","matches","handler","evt","prefersColorScheme$","prefersColorScheme2","PrefersColorScheme","prefersDark","minimized2","maximized2","TeleBoxCollector","highlightStage2","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$","pxX","pxPreferredX","pxY","pxPreferredY","findIndex"],"mappings":"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"}
+{"version":3,"file":"telebox-insider.cjs.js","sources":["../src/TeleBox/constants.ts","../src/utils.ts","../src/TeleTitleBar/DefaultTitleBar/index.ts","../src/TeleBox/utils.ts","../src/TeleBox/index.ts","../src/TeleBoxCollector/icons/collector.svg","../src/TeleBoxCollector/index.ts","../src/TeleBoxManager/constants.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 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            \"pointerdown\",\n            this.handleTitleBarClick\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: PointerEvent): void => {\n        if (!ev.isPrimary || 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 type { TeleBoxRect } from \"./typings\";\n\nexport function calcStageRect([rootRect, ratio]: [\n    TeleBoxRect,\n    number\n]): TeleBoxRect {\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","import \"./style.scss\";\nimport shadowStyles from \"./style.shadow.scss?inline\";\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 { clamp, getBoxDefaultName, preventEvent } 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 { calcStageRect } from \"./utils\";\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    boxRatio: Val<RequiredTeleBoxConfig[\"boxRatio\"], boolean>;\n    boxMinimized: Val<boolean | null, boolean>;\n    boxMaximized: Val<boolean | null, boolean>;\n    boxReadonly: Val<boolean | null, boolean>;\n    stageRatio: Val<RequiredTeleBoxConfig[\"stageRatio\"], boolean>;\n    stageStyle: Val<RequiredTeleBoxConfig[\"stageStyle\"], boolean>;\n    bodyStyle: Val<RequiredTeleBoxConfig[\"bodyStyle\"], boolean>;\n};\n\ntype PropsValConfig = {\n    darkMode: RequiredTeleBoxConfig[\"darkMode$\"];\n    fence: RequiredTeleBoxConfig[\"fence$\"];\n    rootRect: RequiredTeleBoxConfig[\"rootRect$\"];\n    managerMinimized: RequiredTeleBoxConfig[\"managerMinimized$\"];\n    managerMaximized: RequiredTeleBoxConfig[\"managerMaximized$\"];\n    managerReadonly: RequiredTeleBoxConfig[\"managerReadonly$\"];\n    managerStageRect: RequiredTeleBoxConfig[\"managerStageRect$\"];\n    managerStageRatio: RequiredTeleBoxConfig[\"managerStageRatio$\"];\n    defaultBoxStageStyle: RequiredTeleBoxConfig[\"defaultBoxStageStyle$\"];\n    defaultBoxBodyStyle: RequiredTeleBoxConfig[\"defaultBoxBodyStyle$\"];\n    collectorRect: RequiredTeleBoxConfig[\"collectorRect$\"];\n};\n\ntype MyReadonlyValConfig = {\n    zIndex: Val<RequiredTeleBoxConfig[\"zIndex\"], boolean>;\n    focus: Val<RequiredTeleBoxConfig[\"focus\"], boolean>;\n    minimized: ReadonlyVal<boolean, boolean>;\n    maximized: ReadonlyVal<boolean, boolean>;\n    readonly: ReadonlyVal<boolean, boolean>;\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    bodyRect: Val<TeleBoxRect>;\n    stageRect: ReadonlyVal<TeleBoxRect>;\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        boxRatio = -1,\n        focus = false,\n        zIndex = 100,\n        stageRatio = null,\n        enableShadowDOM = true,\n        titleBar,\n        content,\n        stage,\n        footer,\n        styles,\n        userStyles,\n        bodyStyle = null,\n        stageStyle = null,\n        darkMode$,\n        fence$,\n        root,\n        rootRect$,\n        managerMinimized$,\n        managerMaximized$,\n        managerReadonly$,\n        managerStageRect$,\n        managerStageRatio$,\n        defaultBoxBodyStyle$,\n        defaultBoxStageStyle$,\n        collectorRect$,\n    }: TeleBoxConfig) {\n        this._sideEffect = new SideEffectManager();\n\n        this.id = id;\n        this.namespace = namespace;\n        this.enableShadowDOM = enableShadowDOM;\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 boxRatio$ = new Val(boxRatio);\n        const zIndex$ = new Val(zIndex);\n        const focus$ = new Val(focus);\n\n        const boxMaximized$ = new Val<boolean | null>(null);\n        const boxMinimized$ = new Val<boolean | null>(null);\n        const boxReadonly$ = new Val<boolean | null>(null);\n\n        const maximized$ = combine(\n            [boxMaximized$, managerMaximized$],\n            ([boxMaximized, managerMaximized]) =>\n                boxMaximized ?? managerMaximized\n        );\n        const minimized$ = combine(\n            [boxMinimized$, managerMinimized$],\n            ([boxMinimized, managerMinimized]) =>\n                boxMinimized ?? managerMinimized\n        );\n        const readonly$ = combine(\n            [boxReadonly$, managerReadonly$],\n            ([boxReadonly, managerReadonly]) => boxReadonly ?? managerReadonly\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        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: intrinsicCoord.x * managerStageRect.width,\n                y: intrinsicCoord.y * managerStageRect.height,\n            }),\n            { compare: shallowequal }\n        );\n\n        const bodyStyle$ = new Val<string | null>(bodyStyle);\n        const stageStyle$ = new Val<string | null>(stageStyle);\n\n        const contentRoot$ = new Val<HTMLElement | null>(null);\n        const bodyRect$ = new Val<TeleBoxRect>(managerStageRect$.value, {\n            compare: shallowequal,\n        });\n        const stageRatio$ = new Val(stageRatio);\n        const finalStageRatio$ = combine(\n            [stageRatio$, managerStageRatio$],\n            ([stageRatio, managerStageRatio]) => stageRatio ?? managerStageRatio\n        );\n        const stageRect$ = combine(\n            [bodyRect$, finalStageRatio$],\n            calcStageRect,\n            { compare: shallowequal }\n        );\n\n        const propsValConfig: PropsValConfig = {\n            darkMode: darkMode$,\n            fence: fence$,\n            rootRect: rootRect$,\n            managerMinimized: managerMinimized$,\n            managerMaximized: managerMaximized$,\n            managerReadonly: managerReadonly$,\n            managerStageRect: managerStageRect$,\n            managerStageRatio: managerStageRatio$,\n            defaultBoxBodyStyle: defaultBoxBodyStyle$,\n            defaultBoxStageStyle: defaultBoxStageStyle$,\n            collectorRect: collectorRect$,\n        };\n\n        withReadonlyValueEnhancer(this, propsValConfig);\n\n        const myReadonlyValConfig: MyReadonlyValConfig = {\n            zIndex: zIndex$,\n            focus: focus$,\n\n            state: state$,\n            minSize: minSize$,\n            pxMinSize: pxMinSize$,\n            intrinsicSize: intrinsicSize$,\n            intrinsicCoord: intrinsicCoord$,\n            pxIntrinsicSize: pxIntrinsicSize$,\n            pxIntrinsicCoord: pxIntrinsicCoord$,\n            bodyRect: bodyRect$,\n            stageRect: stageRect$,\n            minimized: minimized$,\n            maximized: maximized$,\n            readonly: readonly$,\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            boxRatio: boxRatio$,\n            boxMinimized: boxMinimized$,\n            boxMaximized: boxMaximized$,\n            boxReadonly: boxReadonly$,\n            stageRatio: stageRatio$,\n            bodyStyle: bodyStyle$,\n            stageStyle: stageStyle$,\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            boxRatio$.subscribe((boxRatio) => {\n                if (boxRatio > 0) {\n                    this.transform(\n                        pxIntrinsicCoord$.value.x,\n                        pxIntrinsicCoord$.value.y,\n                        pxIntrinsicSize$.value.width,\n                        pxIntrinsicSize$.value.height\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                    );\n                }\n            })\n        );\n\n        this.$box = this._render();\n        contentRoot$.setValue(this.$content.parentElement);\n        content && this.mountContent(content);\n        stage && this.mountStage(stage);\n        footer && this.mountFooter(footer);\n        styles && this.mountStyles(styles);\n        userStyles && this.mountUserStyles(userStyles);\n        root.appendChild(this.$box);\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        ]);\n    }\n\n    public readonly id: string;\n\n    /** ClassName Prefix. For CSS styling. Default \"telebox\" */\n    public readonly namespace: string;\n\n    /** Enable shadow DOM for box content. Default true. */\n    public readonly enableShadowDOM: boolean;\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(x, 0, managerStageRect.width - pxIntrinsicSize.width);\n            safeY = clamp(\n                y,\n                0,\n                managerStageRect.height - pxIntrinsicSize.height\n            );\n        } else {\n            safeX = clamp(\n                x,\n                -(pxIntrinsicSize.width - 120),\n                0 + managerStageRect.width - 20\n            );\n            safeY = clamp(y, 0, 0 + managerStageRect.height - 20);\n        }\n\n        this._intrinsicCoord$.setValue(\n            {\n                x: safeX / managerStageRect.width,\n                y: safeY / 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\n        width = Math.max(width, this.pxMinSize.width);\n        height = Math.max(height, this.pxMinSize.height);\n\n        if (this.boxRatio > 0) {\n            const newHeight = this.boxRatio * width;\n            if (y !== this.pxIntrinsicCoord.y) {\n                y -= newHeight - height;\n            }\n            height = newHeight;\n        }\n\n        if (y < 0) {\n            y = 0;\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    private $authorContent?: HTMLElement;\n\n    /** Mount dom to box content. */\n    public mountContent(content: HTMLElement): void {\n        this.$authorContent?.remove();\n        this.$authorContent = content;\n        this.$content.appendChild(content);\n    }\n\n    /**  Unmount content from the box. */\n    public unmountContent(): void {\n        if (this.$authorContent) {\n            this.$authorContent.remove();\n            this.$authorContent = undefined;\n        }\n    }\n\n    private $authorStage?: HTMLElement;\n\n    /** Mount dom to box stage. */\n    public mountStage(stage: HTMLElement): void {\n        this.$authorStage?.remove();\n        this.$authorStage = stage;\n        if (!this.$stage) {\n            this.$stage = this._renderStage();\n        }\n        this.$stage.appendChild(stage);\n        if (!this.$stage.parentElement) {\n            this.$body.appendChild(this.$stage);\n        }\n    }\n\n    /** Unmount content from the box. */\n    public unmountStage(): void {\n        if (this.$authorStage) {\n            this.$authorStage.remove();\n            this.$authorStage = undefined;\n        }\n        this.$stage?.remove();\n    }\n\n    private $authorFooter?: HTMLElement;\n\n    /** Mount dom to box Footer. */\n    public mountFooter(footer: HTMLElement): void {\n        this.$authorFooter?.remove();\n        this.$authorFooter = footer;\n        this.$footer.appendChild(footer);\n    }\n\n    /** Unmount Footer from the box. */\n    public unmountFooter(): void {\n        if (this.$authorFooter) {\n            this.$authorFooter.remove();\n            this.$authorFooter = undefined;\n        }\n    }\n\n    /** Mount styles for box content */\n    public mountStyles(styles: string): void {\n        this.$styles.textContent = styles;\n    }\n\n    /** Umount styles for box content */\n    public unmountStyles(): void {\n        this.$styles.textContent = \"\";\n    }\n\n    /** Mount user styles for box content */\n    public mountUserStyles(styles: string): void {\n        this.$userStyles.textContent = styles;\n    }\n\n    /** Umount user styles for box content */\n    public unmountUserStyles(): void {\n        this.$userStyles.textContent = \"\";\n    }\n\n    /** DOM of the box */\n    public $box: HTMLElement;\n\n    /** DOM of main area of the box. Including $body and $footer. */\n    public $main!: HTMLElement;\n\n    /** DOM of the box body */\n    public $body!: HTMLElement;\n\n    /** DOM of the box content container inside box body */\n    public $content!: HTMLElement;\n\n    /** DOM of the box stage area inside box body */\n    public $stage?: HTMLElement;\n\n    /** DOM of custom box content styles */\n    public $styles!: HTMLStyleElement;\n\n    /** DOM of end user custom box content styles */\n    public $userStyles!: HTMLStyleElement;\n\n    /** DOM of the box title bar container */\n    public $titleBar!: HTMLElement;\n\n    /** DOM of the box footer container */\n    public $footer!: HTMLElement;\n\n    private _render(): HTMLElement {\n        if (this.$box) {\n            return this.$box;\n        }\n\n        const bindBoxStates = (el: Element, disposerID?: string): string => {\n            return this._sideEffect.addDisposer(\n                [\n                    this._readonly$.subscribe((readonly) =>\n                        el.classList.toggle(\n                            this.wrapClassName(\"readonly\"),\n                            readonly\n                        )\n                    ),\n                    this._draggable$.subscribe((draggable) =>\n                        el.classList.toggle(\n                            this.wrapClassName(\"no-drag\"),\n                            !draggable\n                        )\n                    ),\n                    this._resizable$.subscribe((resizable) =>\n                        el.classList.toggle(\n                            this.wrapClassName(\"no-resize\"),\n                            !resizable\n                        )\n                    ),\n                    this._focus$.subscribe((focus) =>\n                        el.classList.toggle(this.wrapClassName(\"blur\"), !focus)\n                    ),\n                    this._darkMode$.subscribe((darkMode) => {\n                        el.classList.toggle(\n                            this.wrapClassName(\"color-scheme-dark\"),\n                            darkMode\n                        );\n                        el.classList.toggle(\n                            this.wrapClassName(\"color-scheme-light\"),\n                            !darkMode\n                        );\n                    }),\n                ],\n                disposerID\n            );\n        };\n\n        this.$box = document.createElement(\"div\");\n        this.$box.classList.add(this.wrapClassName(\"box\"));\n        bindBoxStates(this.$box, \"bind-box-state\");\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                this._rootRect$,\n                this._managerStageRect$,\n            ],\n            ([\n                maximized,\n                minimized,\n                pxIntrinsicSize,\n                pxIntrinsicCoord,\n                collectorRect,\n                rootRect,\n                managerStageRect,\n            ]) => {\n                const styles: {\n                    x: number;\n                    y: number;\n                    width: number;\n                    height: number;\n                    scaleX: number;\n                    scaleY: number;\n                } = maximized\n                    ? {\n                          x: -managerStageRect.x,\n                          y: -managerStageRect.y,\n                          width: rootRect.width,\n                          height: rootRect.height,\n                          scaleX: 1,\n                          scaleY: 1,\n                      }\n                    : {\n                          x: pxIntrinsicCoord.x,\n                          y: pxIntrinsicCoord.y,\n                          width: pxIntrinsicSize.width,\n                          height: pxIntrinsicSize.height,\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                        managerStageRect.x;\n                    styles.y =\n                        collectorRect.y -\n                        boxHeight / 2 +\n                        collectorRect.height / 2 -\n                        managerStageRect.y;\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 + \"px\";\n        this.$box.style.height = boxStyles.height + \"px\";\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 $body = document.createElement(\"div\");\n        $body.className = this.wrapClassName(\"body-wrap\");\n        this.$body = $body;\n\n        const $styles = document.createElement(\"style\");\n        this.$styles = $styles;\n        $body.appendChild($styles);\n\n        const $userStyles = document.createElement(\"style\");\n        this.$userStyles = $userStyles;\n        $body.appendChild($userStyles);\n\n        const $content = document.createElement(\"div\");\n        $content.className =\n            this.wrapClassName(\"content\") + \" tele-fancy-scrollbar\";\n        this.$content = $content;\n        this._sideEffect.addDisposer(\n            combine(\n                [this._bodyStyle$, this._defaultBoxBodyStyle$],\n                ([bodyStyle, defaultBoxBodyStyle]) =>\n                    bodyStyle ?? defaultBoxBodyStyle\n            ).subscribe((style) => ($content.style.cssText = style || \"\"))\n        );\n\n        $body.appendChild($content);\n\n        const $footer = document.createElement(\"div\");\n        $footer.className = this.wrapClassName(\"footer-wrap\");\n        this.$footer = $footer;\n\n        $boxMain.appendChild($titleBar);\n\n        const $main = document.createElement(\"div\");\n        $main.className = this.wrapClassName(\"main\");\n        this.$main = $main;\n        $boxMain.appendChild($main);\n\n        const $quarantineOuter = document.createElement(\"div\");\n        $quarantineOuter.className = this.wrapClassName(\"quarantine-outer\");\n        $main.appendChild($quarantineOuter);\n\n        const $quarantine = document.createElement(\"div\");\n        $quarantine.className = this.wrapClassName(\"quarantine\");\n        $quarantine.appendChild($body);\n        $quarantine.appendChild($footer);\n\n        if (this.enableShadowDOM) {\n            bindBoxStates($quarantine, \"bind-quarantine-state\");\n            const $shadowStyle = document.createElement(\"style\");\n            $shadowStyle.textContent = shadowStyles;\n            $quarantine.insertBefore($shadowStyle, $quarantine.firstChild);\n            const shadow = $quarantineOuter.attachShadow({ mode: \"open\" });\n            shadow.appendChild($quarantine);\n        } else {\n            $quarantineOuter.appendChild($quarantine);\n        }\n\n        this._renderResizeHandlers();\n\n        const updateBodyRect = (): void => {\n            const rect = $body.getBoundingClientRect();\n            this._bodyRect$.setValue({\n                x: 0,\n                y: 0,\n                width: rect.width,\n                height: rect.height,\n            });\n        };\n        this._sideEffect.add(() => {\n            const observer = new ResizeObserver(() => {\n                if (!this.minimized) {\n                    updateBodyRect();\n                }\n            });\n            observer.observe($body);\n            return () => observer.disconnect();\n        });\n        this._sideEffect.addDisposer(\n            this._minimized$.reaction((minimized) => {\n                // correct content size when restoring from minimized\n                if (!minimized) {\n                    this._sideEffect.setTimeout(\n                        updateBodyRect,\n                        400,\n                        \"minimized-content-rect-fix\"\n                    );\n                }\n            })\n        );\n\n        return this.$box;\n    }\n\n    private _renderStage(): HTMLDivElement {\n        const $stage = document.createElement(\"div\");\n\n        $stage.className = this.wrapClassName(\"box-stage\");\n        const updateStageRect = (stageRect: TeleBoxRect): void => {\n            $stage.style.top = stageRect.y + \"px\";\n            $stage.style.left = stageRect.x + \"px\";\n            $stage.style.width = stageRect.width + \"px\";\n            $stage.style.height = stageRect.height + \"px\";\n        };\n        this._sideEffect.addDisposer(\n            [\n                combine(\n                    [this._stageStyle$, this._defaultBoxStageStyle$],\n                    ([stageStyle, defaultBoxStageStyle]) =>\n                        stageStyle ?? defaultBoxStageStyle\n                ).subscribe((styles) => {\n                    $stage.style.cssText = styles || \"\";\n                    updateStageRect(this._stageRect$.value);\n                }),\n                this._stageRect$.subscribe(updateStageRect),\n            ],\n            \"box-stage-styles\"\n        );\n        return $stage;\n    }\n\n    private _handleTrackStart?: (ev: PointerEvent) => void;\n\n    public handleTrackStart: (ev: PointerEvent) => void = (ev) => {\n        return this._handleTrackStart?.(ev);\n    };\n\n    private _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: PointerEvent): void => {\n            if (!ev.isPrimary || this.state !== TELE_BOX_STATE.Normal) {\n                return;\n            }\n\n            preventEvent(ev);\n\n            let { pageX, pageY } = ev;\n            if (pageY < 0) {\n                pageY = 0;\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: PointerEvent): void => {\n            if (!ev.isPrimary) {\n                return;\n            }\n\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: PointerEvent): void => {\n            if (!ev.isPrimary || 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 } = 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(\"pointermove\", handleTracking, {\n                        passive: false,\n                    });\n                    window.addEventListener(\"pointerup\", handleTrackEnd, {\n                        passive: false,\n                    });\n                    window.addEventListener(\"pointercancel\", handleTrackEnd, {\n                        passive: false,\n                    });\n\n                    return () => {\n                        window.removeEventListener(\n                            \"pointermove\",\n                            handleTracking\n                        );\n                        window.removeEventListener(\"pointerup\", handleTrackEnd);\n                        window.removeEventListener(\n                            \"pointercancel\",\n                            handleTrackEnd\n                        );\n                    };\n                }, TRACKING_DISPOSER_ID);\n            }\n        };\n\n        this._handleTrackStart = handleTrackStart;\n\n        this._sideEffect.addEventListener(\n            $resizeHandles,\n            \"pointerdown\",\n            handleTrackStart,\n            {},\n            \"box-resizeHandles-pointerdown\"\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    | \"unmountContent\"\n    | \"mountFooter\"\n    | \"unmountFooter\"\n    | \"mountStage\"\n    | \"unmountStage\"\n    | \"mountStyles\"\n    | \"unmountStyles\"\n    | \"setTitle\"\n    | \"setDraggable\"\n    | \"setResizable\"\n    | \"setVisible\"\n    | \"setBoxRatio\"\n    | \"setStageRatio\"\n    | \"setStageStyle\"\n    | \"setBodyStyle\"\n    | \"handleTrackStart\"\n    | \"onValChanged\"\n>;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNiI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzdCODhBMCIgc3Ryb2tlLXdpZHRoPSIxLjQiIGQ9Ik0uNyAxLjJoMTYuNnYxMy42SC43eiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjN0I4OEEwIiBkPSJNNCA1LjVoNnYxLjRINHpNNCA5LjVoMTB2MS40SDR6IiAvPgogICAgPC9nPgo8L3N2Zz4K\"","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    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: HTMLElement;\n    minimized$: ReadonlyVal<boolean>;\n    readonly$: ReadonlyVal<boolean>;\n    darkMode$: ReadonlyVal<boolean>;\n    onClick?: () => void;\n}\n\ntype ValConfig = {\n    styles: Val<TeleStyles>;\n    $collector: Val<HTMLElement>;\n};\n\ntype MyReadonlyValConfig = {\n    rect: ReadonlyVal<TeleBoxRect | undefined>;\n    visible: ReadonlyVal<boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n    ReadonlyValEnhancedResult<MyReadonlyValConfig>;\n\nexport interface TeleBoxCollector extends CombinedValEnhancedResult {}\n\nexport class TeleBoxCollector {\n    public constructor({\n        minimized$,\n        readonly$,\n        darkMode$,\n        namespace = \"telebox\",\n        styles = {},\n        root,\n        onClick,\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 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.add(() => {\n                    root.appendChild($collector);\n                    return () => $collector.remove();\n                }, \"telebox-collector-mount\");\n\n                this._sideEffect.addEventListener(\n                    $collector,\n                    \"click\",\n                    () => {\n                        if (!readonly$.value) {\n                            onClick?.();\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                        // Place after $collector appended to the DOM so that rect calc works\n                        minimized$.subscribe((minimized) => {\n                            if (minimized) {\n                                const { x, y, width, height } =\n                                    $collector.getBoundingClientRect();\n                                const rootRect = root.getBoundingClientRect();\n                                rect$.setValue({\n                                    x: x - rootRect.x,\n                                    y: y - rootRect.y,\n                                    width,\n                                    height,\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","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\";\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: HTMLElement;\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        config.root.appendChild(this.render());\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                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 \"./style.scss\";\n\nimport 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    TeleBoxFullscreen,\n    TeleBoxManagerQueryConfig,\n    TeleBoxManagerThemeConfig,\n    TeleBoxManagerUpdateConfig,\n} from \"./typings\";\nimport { MaxTitleBar } from \"./MaxTitleBar\";\nimport { calcStageRect } from \"../TeleBox/utils\";\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    minimized: ReadonlyVal<boolean, boolean>;\n    maximized: ReadonlyVal<boolean, boolean>;\n};\n\ntype ValConfig = {\n    fullscreen: Val<TeleBoxFullscreen>;\n    prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n    readonly: Val<boolean, boolean>;\n    fence: Val<boolean, boolean>;\n    stageRatio: Val<number, boolean>;\n    containerStyle: Val<string>;\n    stageStyle: Val<string>;\n    defaultBoxBodyStyle: Val<string | null>;\n    defaultBoxStageStyle: Val<string | null>;\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        fullscreen = false,\n        prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n        minimized = false,\n        maximized = false,\n        fence = true,\n        collector,\n        namespace = \"telebox\",\n        readonly = false,\n        stageRatio = -1,\n        containerStyle = \"\",\n        stageStyle = \"\",\n        defaultBoxBodyStyle = null,\n        defaultBoxStageStyle = null,\n        theme = {},\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 fence$ = new Val(fence);\n        const containerStyle$ = new Val(containerStyle);\n        const stageStyle$ = new Val(stageStyle);\n        const stageRatio$ = new Val(stageRatio);\n        const defaultBoxBodyStyle$ = new Val(defaultBoxBodyStyle);\n        const defaultBoxStageStyle$ = new Val(defaultBoxStageStyle);\n        const fullscreen$ = new Val(fullscreen);\n\n        const input_minimized$ = new Val(minimized);\n        const input_maximized$ = new Val(maximized);\n        const maximized$ = combine(\n            [input_maximized$, fullscreen$],\n            ([maximized, fullscreen]) => (fullscreen ? true : maximized)\n        );\n        const minimized$ = combine(\n            [input_minimized$, fullscreen$],\n            ([minimized, fullscreen]) => (fullscreen ? false : minimized)\n        );\n        this.setMaximized = (maximized, skipUpdate) =>\n            input_maximized$.setValue(maximized, skipUpdate);\n        this.setMinimized = (minimized, skipUpdate) =>\n            input_minimized$.setValue(minimized, skipUpdate);\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: 0,\n                            y: 0,\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        const stageRect$ = combine([rootRect$, stageRatio$], calcStageRect, {\n            compare: shallowequal,\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        const readonlyValConfig: ReadonlyValConfig = {\n            darkMode: darkMode$,\n            state: state$,\n            root: root$,\n            rootRect: rootRect$,\n            stageRect: stageRect$,\n            minimized: minimized$,\n            maximized: maximized$,\n        };\n\n        withReadonlyValueEnhancer(this, readonlyValConfig, valManager);\n\n        const valConfig: ValConfig = {\n            fullscreen: fullscreen$,\n            prefersColorScheme: prefersColorScheme$,\n            readonly: readonly$,\n            fence: fence$,\n            stageRatio: stageRatio$,\n            containerStyle: containerStyle$,\n            stageStyle: stageStyle$,\n            defaultBoxBodyStyle: defaultBoxBodyStyle$,\n            defaultBoxStageStyle: defaultBoxStageStyle$,\n        };\n\n        withValueEnhancer(this, valConfig, valManager);\n\n        const closeBtnClassName = this.wrapClassName(\"titlebar-icon-close\");\n\n        const checkFocusBox = (ev: PointerEvent): void => {\n            if (!ev.isPrimary || 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            \"pointerdown\",\n            checkFocusBox,\n            true\n        );\n\n        this.$container = document.createElement(\"div\");\n        this.$container.className = this.wrapClassName(\"manager-container\");\n        this.setTheme(theme);\n\n        this.$stage = document.createElement(\"div\");\n        this.$stage.className = this.wrapClassName(\"manager-stage\");\n        this.$container.appendChild(this.$stage);\n\n        this._sideEffect.addDisposer([\n            darkMode$.subscribe((darkMode) => {\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"color-scheme-dark\"),\n                    darkMode\n                );\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"color-scheme-light\"),\n                    !darkMode\n                );\n            }),\n            fullscreen$.subscribe((fullscreen) => {\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"is-fullscreen\"),\n                    Boolean(fullscreen)\n                );\n            }),\n            combine(\n                [this.boxes$, fullscreen$],\n                ([boxes, fullscreen]) =>\n                    fullscreen === \"no-titlebar\" ||\n                    (fullscreen === true && boxes.length <= 1)\n            ).subscribe((hideSingleTabTitlebar) => {\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"hide-fullscreen-titlebar\"),\n                    hideSingleTabTitlebar\n                );\n            }),\n            maximized$.subscribe((maximized) => {\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"is-maximized\"),\n                    maximized\n                );\n            }),\n            minimized$.subscribe((minimized) => {\n                this.$container.classList.toggle(\n                    this.wrapClassName(\"is-minimized\"),\n                    minimized\n                );\n            }),\n            containerStyle$.subscribe((containerStyle) => {\n                this.$container.style.cssText = containerStyle;\n            }),\n            stageStyle$.subscribe((stageStyle) => {\n                this.$stage.style.cssText = stageStyle;\n                this.$stage.style.width = stageRect$.value.width + \"px\";\n                this.$stage.style.height = stageRect$.value.height + \"px\";\n            }),\n            stageRect$.subscribe((stageRect) => {\n                this.$stage.style.width = stageRect.width + \"px\";\n                this.$stage.style.height = stageRect.height + \"px\";\n            }),\n            root$.subscribe((root) => {\n                if (root) {\n                    root.appendChild(this.$container);\n                } else if (this.$container.parentElement) {\n                    this.$container.remove();\n                }\n            }),\n        ]);\n\n        this.collector =\n            collector ??\n            new TeleBoxCollector({\n                minimized$: minimized$,\n                readonly$: readonly$,\n                darkMode$: darkMode$,\n                namespace,\n                root: this.$container,\n                onClick: () => input_minimized$.setValue(false),\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            rootRect$: rootRect$,\n            root: this.$container,\n            onEvent: (event): void => {\n                switch (event.type) {\n                    case TELE_BOX_DELEGATE_EVENT.Maximize: {\n                        this.setMaximized(!maximized$.value);\n                        break;\n                    }\n                    case TELE_BOX_DELEGATE_EVENT.Minimize: {\n                        this.setMinimized(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 readonly $container: HTMLDivElement;\n\n    public readonly $stage: HTMLDivElement;\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    public setMinimized: (minimized: boolean, skipUpdate?: boolean) => void;\n    public setMaximized: (maximized: boolean, skipUpdate?: boolean) => void;\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.$stage,\n            darkMode$: this._darkMode$,\n            fence$: this._fence$,\n            rootRect$: this._rootRect$,\n            managerStageRect$: this._stageRect$,\n            managerStageRatio$: this._stageRatio$,\n            managerMaximized$: this._maximized$,\n            managerMinimized$: this._minimized$,\n            managerReadonly$: this._readonly$,\n            collectorRect$: this.collector._rect$,\n            defaultBoxBodyStyle$: this._defaultBoxBodyStyle$,\n            defaultBoxStageStyle$: this._defaultBoxStageStyle$,\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    public setTheme(theme: TeleBoxManagerThemeConfig): void {\n        Object.keys(theme).forEach((key) => {\n            this.$container.style.setProperty(\n                `--tele-${key}`,\n                theme[key as keyof TeleBoxManagerThemeConfig] ?? null\n            );\n        });\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.boxRatio != null) {\n            box._boxRatio$.setValue(config.boxRatio, 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 = 20;\n            if (topBox) {\n                const pxPreferredX = topBox.pxIntrinsicCoord.x + 20;\n                const pxIntrinsicWidth = width * stageRect.width;\n                if (pxPreferredX + pxIntrinsicWidth <= stageRect.width) {\n                    pxX = pxPreferredX;\n                }\n            }\n            x = pxX / stageRect.width;\n        }\n\n        if (y == null) {\n            let pxY = 20;\n            if (topBox) {\n                const pxPreferredY = topBox.pxIntrinsicCoord.y + 20;\n                const pxIntrinsicHeight = height * stageRect.height;\n                if (pxPreferredY + pxIntrinsicHeight <= stageRect.height) {\n                    pxY = pxPreferredY;\n                }\n            }\n            y = pxY / 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":["SideEffectManager","ResizeObserver","ResizeObserverPolyfill","genUID","Emittery","ValManager","Val","combine","shallowequal","withReadonlyValueEnhancer","withValueEnhancer","styler","derive"],"mappings":"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"}