@netless/telebox-insider 1.0.0-alpha.10 → 1.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/TeleBox/index.d.ts +11 -2
  2. package/dist/TeleBox/typings.d.ts +7 -3
  3. package/dist/TeleBoxManager/typings.d.ts +4 -4
  4. package/dist/style.css +1 -1
  5. package/dist/telebox-insider.cjs.js +1 -1
  6. package/dist/telebox-insider.cjs.js.map +1 -1
  7. package/dist/telebox-insider.es.js +1 -1
  8. package/dist/telebox-insider.es.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/TeleBox/index.ts +79 -7
  11. package/src/TeleBox/style.scss +4 -0
  12. package/src/TeleBox/typings.ts +7 -3
  13. package/src/TeleBoxManager/index.ts +4 -1
  14. package/src/TeleBoxManager/typings.ts +10 -3
package/dist/telebox-insider.cjs.js.map CHANGED
@@ -1 +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 type { ReadonlyVal } from \"value-enhancer\";\n\nexport type DefaultTitleBarButton = TeleTitleBarEvent & {\n readonly iconClassName: string;\n readonly isActive?: (state: TeleBoxState) => boolean;\n};\n\nexport interface DefaultTitleBarConfig extends TeleTitleBarConfig {\n buttons?: ReadonlyArray<DefaultTitleBarButton>;\n}\n\nexport class DefaultTitleBar implements TeleTitleBar {\n public constructor({\n readonly$,\n state$,\n title$,\n buttons,\n onEvent,\n onDragStart,\n namespace = \"telebox\",\n }: DefaultTitleBarConfig) {\n this.readonly$ = readonly$;\n this.state$ = state$;\n this.title$ = title$;\n this.onEvent = onEvent;\n this.onDragStart = onDragStart;\n this.namespace = namespace;\n\n this.buttons = buttons || [\n {\n type: TELE_BOX_DELEGATE_EVENT.Minimize,\n iconClassName: this.wrapClassName(\"titlebar-icon-minimize\"),\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Maximize,\n iconClassName: this.wrapClassName(\"titlebar-icon-maximize\"),\n isActive: (state) => state === TELE_BOX_STATE.Maximized,\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Close,\n iconClassName: this.wrapClassName(\"titlebar-icon-close\"),\n },\n ];\n\n this.$dragArea = this.renderDragArea();\n }\n\n public readonly namespace: string;\n\n public $titleBar: HTMLElement | undefined;\n\n public $dragArea: HTMLElement;\n\n public render(): HTMLElement {\n if (!this.$titleBar) {\n this.$titleBar = document.createElement(\"div\");\n this.$titleBar.className = this.wrapClassName(\"titlebar\");\n\n const $titleArea = document.createElement(\"div\");\n $titleArea.className = this.wrapClassName(\"title-area\");\n $titleArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n const $title = document.createElement(\"h1\");\n $title.className = this.wrapClassName(\"title\");\n $title.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n $titleArea.appendChild($title);\n $titleArea.appendChild(this.$dragArea);\n\n const $buttonsContainer = document.createElement(\"div\");\n $buttonsContainer.className = this.wrapClassName(\"titlebar-btns\");\n\n this.buttons.forEach(({ iconClassName }, i) => {\n const teleTitleBarBtnIndex = String(i);\n\n const $btn = document.createElement(\"button\");\n $btn.className = `${this.wrapClassName(\n \"titlebar-btn\"\n )} ${iconClassName}`;\n $btn.dataset.teleTitleBarBtnIndex = teleTitleBarBtnIndex;\n $btn.dataset.teleTitleBarNoDblClick = \"true\";\n $buttonsContainer.appendChild($btn);\n });\n\n this.sideEffect.addDisposer(\n this.title$.subscribe((title) => {\n $title.textContent = title;\n $title.title = title;\n }),\n \"render-title\"\n );\n\n this.sideEffect.addDisposer(\n this.state$.subscribe((state) => {\n this.buttons.forEach((btn, i) => {\n if (btn.isActive) {\n $buttonsContainer.children[i]?.classList.toggle(\n \"is-active\",\n btn.isActive(state)\n );\n }\n });\n }),\n \"render-state-btns\"\n );\n\n this.sideEffect.addEventListener(\n $buttonsContainer,\n \"click\",\n (ev) => {\n if (this.readonly$.value) {\n return;\n }\n const target = ev.target as HTMLElement;\n const teleTitleBarBtnIndex = Number(\n target.dataset?.teleTitleBarBtnIndex\n );\n if (\n !Number.isNaN(teleTitleBarBtnIndex) &&\n teleTitleBarBtnIndex < this.buttons.length\n ) {\n preventEvent(ev);\n const btn = this.buttons[teleTitleBarBtnIndex];\n if (this.onEvent) {\n this.onEvent({\n type: btn.type,\n value: btn.value,\n } as TeleTitleBarEvent);\n }\n }\n },\n {},\n \"render-btns-container-click\"\n );\n\n this.$titleBar.appendChild($titleArea);\n this.$titleBar.appendChild($buttonsContainer);\n }\n\n return this.$titleBar;\n }\n\n public renderDragArea(): HTMLElement {\n const $dragArea = document.createElement(\"div\");\n $dragArea.className = this.wrapClassName(\"drag-area\");\n $dragArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n this.sideEffect.addEventListener(\n $dragArea,\n \"mousedown\",\n this.handleTitleBarClick\n );\n this.sideEffect.addEventListener(\n $dragArea,\n \"touchstart\",\n this.handleTitleBarTouch,\n { passive: true }\n );\n return $dragArea;\n }\n\n public dragHandle(): HTMLElement | undefined {\n return this.$titleBar;\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public destroy(): void {\n this.sideEffect.flushAll();\n if (this.$titleBar) {\n this.$titleBar = void 0;\n this.onDragStart = void 0;\n this.onEvent = void 0;\n }\n }\n\n public onEvent?: TeleTitleBarConfig[\"onEvent\"];\n\n public onDragStart?: TeleTitleBarConfig[\"onDragStart\"];\n\n protected readonly$: TeleTitleBarConfig[\"readonly$\"];\n\n protected title$: ReadonlyVal<string>;\n\n protected buttons: ReadonlyArray<DefaultTitleBarButton>;\n\n protected state$: TeleTitleBarConfig[\"state$\"];\n\n protected sideEffect = new SideEffectManager();\n\n protected lastTitleBarClick = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarClick = (ev: MouseEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if (ev.button !== 0) {\n return; // Not left mouse\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n if (now - this.lastTitleBarClick.timestamp <= 500) {\n if (\n Math.abs(ev.clientX - this.lastTitleBarClick.clientX) <= 5 &&\n Math.abs(ev.clientY - this.lastTitleBarClick.clientY) <= 5\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarClick.timestamp = now;\n this.lastTitleBarClick.clientX = ev.clientX;\n this.lastTitleBarClick.clientY = ev.clientY;\n };\n\n protected lastTitleBarTouch = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarTouch = (ev: TouchEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n const {\n clientX = this.lastTitleBarTouch.clientX + 100,\n clientY = this.lastTitleBarTouch.clientY + 100,\n } = ev.touches[0] || {};\n\n if (now - this.lastTitleBarTouch.timestamp <= 500) {\n if (\n Math.abs(clientX - this.lastTitleBarTouch.clientX) <= 10 &&\n Math.abs(clientY - this.lastTitleBarTouch.clientY) <= 10\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarTouch.timestamp = now;\n this.lastTitleBarTouch.clientX = clientX;\n this.lastTitleBarTouch.clientY = clientY;\n };\n}\n","import \"./style.scss\";\n\nimport shallowequal from \"shallowequal\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleStageConfig {\n namespace: string;\n root$: ReadonlyVal<HTMLElement | null>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n ratio$: ReadonlyVal<number>;\n highlightStage$: ReadonlyVal<boolean>;\n}\n\nexport class TeleStage {\n private readonly _sideEffect = new SideEffectManager();\n\n public readonly namespace: string;\n public readonly stageRect$: ReadonlyVal<TeleBoxRect>;\n public readonly highlightStage$: ReadonlyVal<boolean>;\n\n public $boxStage?: HTMLDivElement;\n\n constructor({\n namespace,\n rootRect$,\n ratio$,\n highlightStage$,\n root$,\n }: TeleStageConfig) {\n this.namespace = namespace;\n this.highlightStage$ = highlightStage$;\n\n this.stageRect$ = combine(\n [rootRect$, ratio$],\n ([rootRect, ratio]) => {\n if (ratio <= 0 || rootRect.width <= 0 || rootRect.height <= 0) {\n return rootRect;\n }\n\n const preferredHeight = rootRect.width * ratio;\n if (preferredHeight === rootRect.height) {\n return rootRect;\n }\n\n if (preferredHeight < rootRect.height) {\n return {\n x: 0,\n y: (rootRect.height - preferredHeight) / 2,\n width: rootRect.width,\n height: preferredHeight,\n };\n }\n\n const preferredWidth = rootRect.height / ratio;\n return {\n x: (rootRect.width - preferredWidth) / 2,\n y: 0,\n width: preferredWidth,\n height: rootRect.height,\n };\n },\n { compare: shallowequal }\n );\n\n this._sideEffect.addDisposer(\n combine([root$, highlightStage$]).subscribe(\n ([root, highlightStage]) => {\n if (root && highlightStage) {\n root.appendChild(this.render());\n } else if (this.$boxStage?.parentNode) {\n this.$boxStage.remove();\n }\n }\n )\n );\n }\n\n private render(): HTMLDivElement {\n if (this.$boxStage) {\n return this.$boxStage;\n }\n\n const $boxStage = document.createElement(\"div\");\n $boxStage.className = this.wrapClassName(\"box-stage-container\");\n const $boxStageMask1 = document.createElement(\"div\");\n $boxStageMask1.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageMask2 = document.createElement(\"div\");\n $boxStageMask2.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageFrame = document.createElement(\"div\");\n $boxStageFrame.className = this.wrapClassName(\"box-stage-frame\");\n\n const [\n $topLeftCorner,\n $topRightCorner,\n $bottomLeftCorner,\n $bottomRightCorner,\n ] = [\n \"M0 8V0h8v2H2v6H0Z\",\n \"M8 8V0H0v2h6v6h2Z\",\n \"M0 0v8h8V6H2V0H0Z\",\n \"M8 0v8H0V6h6V0h2Z\",\n ].map((path, i) => {\n const $svg = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"svg\"\n );\n $svg.setAttribute(\"viewBox\", \"0 0 8 8\");\n $svg.setAttribute(\n \"class\",\n `${this.wrapClassName(\"box-stage-frame-corner\")} is-${i}`\n );\n const $path = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"path\"\n );\n $path.setAttribute(\"d\", path);\n $path.setAttribute(\"fill\", \"#3381FF\");\n $svg.appendChild($path);\n return $svg;\n });\n\n $boxStageFrame.appendChild($topLeftCorner);\n $boxStageFrame.appendChild($bottomLeftCorner);\n $boxStageFrame.appendChild($topRightCorner);\n $boxStageFrame.appendChild($bottomRightCorner);\n\n $boxStage.appendChild($boxStageMask1);\n $boxStage.appendChild($boxStageFrame);\n $boxStage.appendChild($boxStageMask2);\n\n this._sideEffect.addDisposer(\n this.highlightStage$.subscribe((highlightStage) => {\n $boxStage.classList.toggle(\"is-active\", highlightStage);\n })\n );\n\n this._sideEffect.addDisposer(\n combine([this.highlightStage$, this.stageRect$]).subscribe(\n ([highlightStage, stageRect]) => {\n if (!highlightStage) {\n return;\n }\n if (stageRect.x > 0) {\n $boxStage.style.flexDirection = \"row\";\n $boxStageMask1.style.width = `${stageRect.x}px`;\n $boxStageMask1.style.height = \"\";\n $boxStageMask2.style.width = `${stageRect.x}px`;\n $boxStageMask2.style.height = \"\";\n } else if (stageRect.y > 0) {\n $boxStage.style.flexDirection = \"column\";\n $boxStageMask1.style.width = \"\";\n $boxStageMask1.style.height = `${stageRect.y}px`;\n $boxStageMask2.style.width = \"\";\n $boxStageMask2.style.height = `${stageRect.y}px`;\n }\n }\n )\n );\n\n this.$boxStage = $boxStage;\n return $boxStage;\n }\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport Emittery from \"emittery\";\nimport styler from \"stylefire\";\nimport shallowequal from \"shallowequal\";\nimport { genUID, SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport {\n combine,\n Val,\n withReadonlyValueEnhancer,\n withValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport type { TeleTitleBar } from \"../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../TeleTitleBar\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport {\n clamp,\n flattenEvent,\n getBoxDefaultName,\n isFalsy,\n isTruthy,\n preventEvent,\n} from \"../utils\";\nimport {\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_RESIZE_HANDLE,\n} from \"./constants\";\nimport type {\n TeleBoxConfig,\n TeleBoxHandleType,\n TeleBoxState,\n TeleBoxCoord,\n TeleBoxSize,\n TeleBoxEventConfig,\n TeleBoxEvent,\n TeleBoxDelegateEventConfig,\n TeleBoxRect,\n} from \"./typings\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./constants\";\nexport * from \"./typings\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype RequiredTeleBoxConfig = Required<TeleBoxConfig>;\n\ntype ValConfig = {\n title: Val<RequiredTeleBoxConfig[\"title\"], boolean>;\n visible: Val<RequiredTeleBoxConfig[\"visible\"], boolean>;\n resizable: Val<RequiredTeleBoxConfig[\"resizable\"], boolean>;\n draggable: Val<RequiredTeleBoxConfig[\"draggable\"], boolean>;\n ratio: Val<RequiredTeleBoxConfig[\"ratio\"], boolean>;\n};\n\ntype PropsValConfig = {\n darkMode: RequiredTeleBoxConfig[\"darkMode$\"];\n fence: RequiredTeleBoxConfig[\"fence$\"];\n minimized: RequiredTeleBoxConfig[\"minimized$\"];\n maximized: RequiredTeleBoxConfig[\"maximized$\"];\n readonly: RequiredTeleBoxConfig[\"readonly$\"];\n rootRect: RequiredTeleBoxConfig[\"rootRect$\"];\n managerStageRect: RequiredTeleBoxConfig[\"managerStageRect$\"];\n collectorRect: RequiredTeleBoxConfig[\"collectorRect$\"];\n};\n\ntype MyReadonlyValConfig = {\n zIndex: Val<RequiredTeleBoxConfig[\"zIndex\"], boolean>;\n focus: Val<RequiredTeleBoxConfig[\"focus\"], boolean>;\n\n $userContent: Val<TeleBoxConfig[\"content\"], boolean>;\n $userFooter: Val<TeleBoxConfig[\"footer\"], boolean>;\n $userStyles: Val<TeleBoxConfig[\"styles\"], boolean>;\n\n minSize: Val<TeleBoxSize, boolean>;\n intrinsicSize: Val<TeleBoxSize, boolean>;\n intrinsicCoord: Val<TeleBoxCoord, boolean>;\n pxMinSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicCoord: ReadonlyVal<TeleBoxCoord, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n highlightStage: ReadonlyVal<boolean, boolean>;\n boxHighlightStage: Val<boolean | null, boolean>;\n contentRect: Val<TeleBoxRect>;\n contentStageRect: ReadonlyVal<TeleBoxRect | null>;\n};\n\ntype CombinedValEnhancedResult = ReadonlyValEnhancedResult<\n PropsValConfig & MyReadonlyValConfig\n> &\n ValEnhancedResult<ValConfig>;\n\nexport interface TeleBox extends CombinedValEnhancedResult {}\n\nexport class TeleBox {\n public constructor({\n id = genUID(),\n title = getBoxDefaultName(),\n namespace = \"telebox\",\n visible = true,\n width = 0.5,\n height = 0.5,\n minWidth = 0,\n minHeight = 0,\n x = 0.1,\n y = 0.1,\n resizable = true,\n draggable = true,\n ratio = -1,\n focus = false,\n zIndex = 100,\n 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 valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const title$ = new Val(title);\n const visible$ = new Val(visible);\n const resizable$ = new Val(resizable);\n const draggable$ = new Val(draggable);\n const ratio$ = new Val(ratio);\n const zIndex$ = new Val(zIndex);\n const focus$ = new Val(focus);\n const $userContent$ = new Val(content);\n const $userFooter$ = new Val(footer);\n const $userStyles$ = new Val(styles);\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n\n const minSize$ = new Val(\n {\n width: clamp(minWidth, 0, 1),\n height: clamp(minHeight, 0, 1),\n },\n { compare: shallowequal }\n );\n\n const pxMinSize$ = combine(\n [minSize$, managerStageRect$],\n ([minSize, managerStageRect]) => ({\n width: minSize.width * managerStageRect.width,\n height: minSize.height * managerStageRect.height,\n }),\n { compare: shallowequal }\n );\n\n const intrinsicSize$ = new Val(\n { width, height },\n { compare: shallowequal }\n );\n\n this._sideEffect.addDisposer(\n // check intrinsicSize overflow\n minSize$.reaction((minSize, skipUpdate) => {\n intrinsicSize$.setValue(\n {\n width: Math.max(width, minSize.width),\n height: Math.max(height, minSize.height),\n },\n skipUpdate\n );\n })\n );\n\n const intrinsicCoord$ = new Val({ x, y }, { compare: shallowequal });\n\n const pxIntrinsicSize$ = combine(\n [intrinsicSize$, managerStageRect$],\n ([size, managerStageRect]) => ({\n width: managerStageRect.width * size.width,\n height: managerStageRect.height * size.height,\n }),\n { compare: shallowequal }\n );\n\n const pxIntrinsicCoord$ = combine(\n [intrinsicCoord$, managerStageRect$],\n ([intrinsicCoord, managerStageRect]) => ({\n x:\n intrinsicCoord.x * managerStageRect.width +\n managerStageRect.x,\n y:\n intrinsicCoord.y * managerStageRect.height +\n managerStageRect.y,\n }),\n { compare: shallowequal }\n );\n\n const boxHighlightStage$ = new Val<boolean | null, boolean>(\n highlightStage\n );\n\n const highlightStage$ = combine(\n [maximized$, boxHighlightStage$, managerHighlightStage$],\n ([maximized, boxHighlightStage, managerHighlightStage]) =>\n boxHighlightStage === null\n ? managerHighlightStage && maximized\n : boxHighlightStage\n );\n\n const contentRoot$ = new Val<HTMLElement | null>(null);\n\n const contentRect$ = new Val<TeleBoxRect>(rootRect$.value, {\n compare: shallowequal,\n });\n\n const 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 propsValConfig: PropsValConfig = {\n darkMode: darkMode$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n readonly: readonly$,\n rootRect: rootRect$,\n managerStageRect: managerStageRect$,\n collectorRect: collectorRect$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n zIndex: zIndex$,\n focus: focus$,\n\n $userContent: $userContent$,\n $userFooter: $userFooter$,\n $userStyles: $userStyles$,\n\n state: state$,\n minSize: minSize$,\n pxMinSize: pxMinSize$,\n intrinsicSize: intrinsicSize$,\n intrinsicCoord: intrinsicCoord$,\n pxIntrinsicSize: pxIntrinsicSize$,\n pxIntrinsicCoord: pxIntrinsicCoord$,\n highlightStage: highlightStage$,\n boxHighlightStage: boxHighlightStage$,\n contentRect: contentRect$,\n contentStageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n title: title$,\n visible: visible$,\n resizable: resizable$,\n draggable: draggable$,\n ratio: ratio$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n this.titleBar =\n titleBar ||\n new DefaultTitleBar({\n readonly$: readonly$,\n state$: state$,\n title$: title$,\n namespace: this.namespace,\n onDragStart: (event) => this._handleTrackStart?.(event),\n onEvent: (event) => this._delegateEvents.emit(event.type),\n });\n\n this._sideEffect.addDisposer(\n ratio$.subscribe((ratio) => {\n if (ratio > 0) {\n this.transform(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n pxIntrinsicSize$.value.width,\n pxIntrinsicSize$.value.height,\n true\n );\n }\n })\n );\n\n this._sideEffect.addDisposer(\n fence$.subscribe((fence) => {\n if (fence) {\n this.move(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n true\n );\n }\n })\n );\n\n this.$box = this.render();\n contentRoot$.setValue(this.$content.parentElement);\n\n const watchValEvent = <E extends TeleBoxEvent>(\n val: ReadonlyVal<TeleBoxEventConfig[E], boolean>,\n event: E\n ) => {\n this._sideEffect.addDisposer(\n val.reaction((v, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit<any>(event, v);\n }\n })\n );\n };\n\n watchValEvent(darkMode$, TELE_BOX_EVENT.DarkMode);\n watchValEvent(readonly$, TELE_BOX_EVENT.Readonly);\n watchValEvent(zIndex$, TELE_BOX_EVENT.ZIndex);\n watchValEvent(minimized$, TELE_BOX_EVENT.Minimized);\n watchValEvent(maximized$, TELE_BOX_EVENT.Maximized);\n watchValEvent(state$, TELE_BOX_EVENT.State);\n watchValEvent(intrinsicSize$, TELE_BOX_EVENT.IntrinsicResize);\n watchValEvent(intrinsicCoord$, TELE_BOX_EVENT.IntrinsicMove);\n\n this._sideEffect.addDisposer([\n visible$.reaction((visible, skipUpdate) => {\n if (!skipUpdate && !visible) {\n this.events.emit(TELE_BOX_EVENT.Close);\n }\n }),\n focus$.reaction((focus, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n focus ? TELE_BOX_EVENT.Focus : TELE_BOX_EVENT.Blur\n );\n }\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.$box);\n } else if (this.$box.parentNode) {\n this.$box.remove();\n }\n }),\n ]);\n }\n\n public readonly id: string;\n\n /** ClassName Prefix. For CSS styling. Default \"telebox\" */\n public readonly namespace: string;\n\n public readonly events = new Emittery<\n TeleBoxEventConfig,\n TeleBoxEventConfig\n >();\n\n public readonly _delegateEvents = new Emittery<\n TeleBoxDelegateEventConfig,\n TeleBoxDelegateEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public titleBar: TeleTitleBar;\n\n /** Minimum box width relative to stage area. 0~1. Default 0. */\n public get minWidth(): number {\n return this._minSize$.value.width;\n }\n\n /** Minimum box height relative to stage area. 0~1. Default 0. */\n public get minHeight(): number {\n return this._minSize$.value.height;\n }\n\n /**\n * @param minWidth Minimum box width relative to stage area. 0~1.\n * @returns this\n */\n public setMinWidth(minWidth: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: minWidth, height: this.minHeight },\n skipUpdate\n );\n }\n\n /**\n * @param minHeight Minimum box height relative to container element. 0~1.\n * @returns this\n */\n public setMinHeight(minHeight: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: this.minWidth, height: minHeight },\n skipUpdate\n );\n }\n\n /**\n * Resize box.\n * @param width Box width relative to container element. 0~1.\n * @param height Box height relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public resize(width: number, height: number, skipUpdate = false): void {\n this._intrinsicSize$.setValue(\n {\n width: Math.max(width, this.minWidth),\n height: Math.max(height, this.minHeight),\n },\n skipUpdate\n );\n }\n\n /** Intrinsic box x position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicX(): number {\n return this._intrinsicCoord$.value.x;\n }\n\n /** Intrinsic box y position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicY(): number {\n return this._intrinsicCoord$.value.y;\n }\n\n /** Intrinsic box width relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicWidth(): number {\n return this._intrinsicSize$.value.width;\n }\n\n /** Intrinsic box height relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicHeight(): number {\n return this._intrinsicSize$.value.height;\n }\n\n /**\n * Move box position.\n * @param x x position in px.\n * @param y y position in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected move(x: number, y: number, skipUpdate = false): void {\n let safeX: number;\n let safeY: number;\n const managerStageRect = this.managerStageRect;\n const pxIntrinsicSize = this.pxIntrinsicSize;\n\n if (this.fence) {\n safeX = clamp(\n x,\n managerStageRect.x,\n managerStageRect.x +\n managerStageRect.width -\n pxIntrinsicSize.width\n );\n safeY = clamp(\n y,\n managerStageRect.y,\n managerStageRect.y +\n managerStageRect.height -\n pxIntrinsicSize.height\n );\n } else {\n const rootRect = this.rootRect;\n safeX = clamp(\n x,\n 0 - pxIntrinsicSize.width + 20,\n 0 + rootRect.width - 20\n );\n safeY = clamp(y, 0, 0 + rootRect.height - 20);\n }\n\n this._intrinsicCoord$.setValue(\n {\n x: (safeX - managerStageRect.x) / managerStageRect.width,\n y: (safeY - managerStageRect.y) / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Resize + Move, with respect to fixed ratio.\n * @param x x position in px.\n * @param y y position in px.\n * @param width Box width in px.\n * @param height Box height in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected transform(\n x: number,\n y: number,\n width: number,\n height: number,\n skipUpdate = false\n ): void {\n const managerStageRect = this.managerStageRect;\n const rootRect = this.rootRect;\n\n width = Math.max(width, this.pxMinSize.width);\n height = Math.max(height, this.pxMinSize.height);\n\n if (this.ratio > 0) {\n const newHeight = this.ratio * width;\n if (y !== this.pxIntrinsicCoord.y) {\n y -= newHeight - height;\n }\n height = newHeight;\n }\n\n if (y < rootRect.y) {\n y = rootRect.y;\n height = this.pxIntrinsicSize.height;\n }\n\n this.move(x, y, skipUpdate);\n this._intrinsicSize$.setValue(\n {\n width: width / managerStageRect.width,\n height: height / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Mount dom to box content.\n */\n public mountContent(content: HTMLElement): void {\n this._$userContent$.setValue(content);\n }\n\n /**\n * Unmount content from the box.\n */\n public unmountContent(): void {\n this._$userContent$.setValue(undefined);\n }\n\n /**\n * Mount dom to box Footer.\n */\n public mountFooter(footer: HTMLElement): void {\n this._$userFooter$.setValue(footer);\n }\n\n /**\n * Unmount Footer from the box.\n */\n public unmountFooter(): void {\n this._$userFooter$.setValue(undefined);\n }\n\n public getUserStyles(): HTMLStyleElement | undefined {\n return this.$userStyles;\n }\n\n public mountStyles(styles: string | HTMLStyleElement): void {\n let $styles: HTMLStyleElement;\n if (typeof styles === \"string\") {\n $styles = document.createElement(\"style\");\n $styles.textContent = styles;\n } else {\n $styles = styles;\n }\n this._$userStyles$.setValue($styles);\n }\n\n public unmountStyles(): void {\n this._$userStyles$.setValue(undefined);\n }\n\n /** Show stage frame and grey-out the non-stage area. Inherit setting from manager if null. */\n setHighlightStage(highlightStage: boolean | null): void {\n this._boxHighlightStage$.setValue(highlightStage);\n }\n\n /** DOM of the box */\n public $box: HTMLElement;\n\n /** DOM of the box content */\n public $content!: HTMLElement;\n\n /** DOM of the box title bar */\n public $titleBar!: HTMLElement;\n\n /** DOM of the box footer */\n public $footer!: HTMLElement;\n\n protected render(): HTMLElement {\n if (this.$box) {\n return this.$box;\n }\n\n this.$box = document.createElement(\"div\");\n\n this.$box.classList.add(this.wrapClassName(\"box\"));\n\n const bindClassName = <TValue>(\n el: Element,\n val: ReadonlyVal<TValue, boolean>,\n className: string,\n predicate: (value: TValue) => boolean = isTruthy\n ): string => {\n return this._sideEffect.add(() => {\n const wrappedClassName = this.wrapClassName(className);\n return val.subscribe((value) => {\n el.classList.toggle(wrappedClassName, predicate(value));\n });\n });\n };\n\n bindClassName(this.$box, this._readonly$, \"readonly\");\n bindClassName(this.$box, this._draggable$, \"no-drag\", isFalsy);\n bindClassName(this.$box, this._resizable$, \"no-resize\", isFalsy);\n bindClassName(this.$box, this._focus$, \"blur\", isFalsy);\n bindClassName(this.$box, this._darkMode$, \"color-scheme-dark\");\n bindClassName(\n this.$box,\n this._darkMode$,\n \"color-scheme-light\",\n isFalsy\n );\n\n this._sideEffect.add(() => {\n const minimizedClassName = this.wrapClassName(\"minimized\");\n const maximizedClassName = this.wrapClassName(\"maximized\");\n const MAXIMIZED_TIMER_ID = \"box-maximized-timer\";\n\n return this._state$.subscribe((state) => {\n this.$box.classList.toggle(\n minimizedClassName,\n state === TELE_BOX_STATE.Minimized\n );\n\n if (state === TELE_BOX_STATE.Maximized) {\n this._sideEffect.flush(MAXIMIZED_TIMER_ID);\n this.$box.classList.toggle(maximizedClassName, true);\n } else {\n // delay so that transition won't be triggered\n this._sideEffect.setTimeout(\n () => {\n this.$box.classList.toggle(\n maximizedClassName,\n false\n );\n },\n 0,\n MAXIMIZED_TIMER_ID\n );\n }\n });\n });\n\n this._sideEffect.addDisposer(\n this._visible$.subscribe((visible) => {\n this.$box.style.display = visible ? \"block\" : \"none\";\n })\n );\n\n this._sideEffect.addDisposer(\n this._zIndex$.subscribe((zIndex) => {\n this.$box.style.zIndex = String(zIndex);\n })\n );\n\n this.$box.dataset.teleBoxID = this.id;\n\n const boxStyler = styler(this.$box);\n\n const boxStyles$ = combine(\n [\n this._maximized$,\n this._minimized$,\n this._pxIntrinsicSize$,\n this._pxIntrinsicCoord$,\n this._collectorRect$,\n ],\n ([\n maximized,\n minimized,\n pxIntrinsicSize,\n pxIntrinsicCoord,\n collectorRect,\n ]) => {\n const styles = maximized\n ? {\n x: 0,\n y: 0,\n width: \"100%\",\n height: \"100%\",\n scaleX: 1,\n scaleY: 1,\n }\n : {\n x: pxIntrinsicCoord.x,\n y: pxIntrinsicCoord.y,\n width: pxIntrinsicSize.width + \"px\",\n height: pxIntrinsicSize.height + \"px\",\n scaleX: 1,\n scaleY: 1,\n };\n if (minimized && collectorRect) {\n const { width: boxWidth, height: boxHeight } = maximized\n ? this.rootRect\n : pxIntrinsicSize;\n styles.x =\n collectorRect.x -\n boxWidth / 2 +\n collectorRect.width / 2;\n styles.y =\n collectorRect.y -\n boxHeight / 2 +\n collectorRect.height / 2;\n styles.scaleX = collectorRect.width / boxWidth;\n styles.scaleY = collectorRect.height / boxHeight;\n }\n return styles;\n },\n { compare: shallowequal }\n );\n\n const boxStyles = boxStyles$.value;\n this.$box.style.width = boxStyles.width;\n this.$box.style.height = boxStyles.height;\n // Add 10px offset on first frame\n // which creates a subtle moving effect\n this.$box.style.transform = `translate(${boxStyles.x - 10}px,${\n boxStyles.y - 10\n }px)`;\n\n this._sideEffect.addDisposer(\n boxStyles$.subscribe((styles) => {\n boxStyler.set(styles);\n })\n );\n\n const $boxMain = document.createElement(\"div\");\n $boxMain.className = this.wrapClassName(\"box-main\");\n this.$box.appendChild($boxMain);\n\n const $titleBar = document.createElement(\"div\");\n $titleBar.className = this.wrapClassName(\"titlebar-wrap\");\n $titleBar.appendChild(this.titleBar.render());\n this.$titleBar = $titleBar;\n\n const $contentWrap = document.createElement(\"div\");\n $contentWrap.className = this.wrapClassName(\"content-wrap\");\n\n const $content = document.createElement(\"div\");\n $content.className =\n this.wrapClassName(\"content\") + \" tele-fancy-scrollbar\";\n this.$content = $content;\n\n this._sideEffect.add(() => {\n const observer = new ResizeObserver(() => {\n const rect = $content.getBoundingClientRect();\n this._contentRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe($content);\n return () => observer.disconnect();\n });\n\n this._sideEffect.add(() => {\n let last$userStyles: HTMLStyleElement | undefined;\n return this._$userStyles$.subscribe(($userStyles) => {\n if (last$userStyles) {\n last$userStyles.remove();\n }\n last$userStyles = $userStyles;\n if ($userStyles) {\n $contentWrap.appendChild($userStyles);\n }\n });\n });\n\n this._sideEffect.add(() => {\n let last$userContent: HTMLElement | undefined;\n return this._$userContent$.subscribe(($userContent) => {\n if (last$userContent) {\n last$userContent.remove();\n }\n last$userContent = $userContent;\n if ($userContent) {\n $content.appendChild($userContent);\n }\n });\n });\n\n $contentWrap.appendChild($content);\n\n const $footer = document.createElement(\"div\");\n $footer.className = this.wrapClassName(\"footer-wrap\");\n this.$footer = $footer;\n\n this._sideEffect.add(() => {\n let last$userFooter: HTMLElement | undefined;\n return this._$userFooter$.subscribe(($userFooter) => {\n if (last$userFooter) {\n last$userFooter.remove();\n }\n last$userFooter = $userFooter;\n if ($userFooter) {\n $footer.appendChild($userFooter);\n }\n });\n });\n\n $boxMain.appendChild($titleBar);\n $boxMain.appendChild($contentWrap);\n $boxMain.appendChild($footer);\n\n this._renderResizeHandlers();\n\n return this.$box;\n }\n\n protected _handleTrackStart?: (ev: MouseEvent | TouchEvent) => void;\n\n public handleTrackStart: (ev: MouseEvent | TouchEvent) => void = (ev) => {\n return this._handleTrackStart?.(ev);\n };\n\n protected _renderResizeHandlers(): void {\n const $resizeHandles = document.createElement(\"div\");\n $resizeHandles.className = this.wrapClassName(\"resize-handles\");\n\n Object.values(TELE_BOX_RESIZE_HANDLE).forEach((handleType) => {\n const $handle = document.createElement(\"div\");\n $handle.className =\n this.wrapClassName(handleType) +\n \" \" +\n this.wrapClassName(\"resize-handle\");\n $handle.dataset.teleBoxHandle = handleType;\n\n $resizeHandles.appendChild($handle);\n });\n\n this.$box.appendChild($resizeHandles);\n\n const TRACKING_DISPOSER_ID = \"handle-tracking-listener\";\n const transformingClassName = this.wrapClassName(\"transforming\");\n\n let $trackMask: HTMLElement | undefined;\n\n let trackStartX = 0;\n let trackStartY = 0;\n\n let trackStartWidth = 0;\n let trackStartHeight = 0;\n\n let trackStartPageX = 0;\n let trackStartPageY = 0;\n\n let trackingHandle: TeleBoxHandleType | undefined;\n\n const handleTracking = (ev: MouseEvent | TouchEvent): void => {\n if (this.state !== TELE_BOX_STATE.Normal) {\n return;\n }\n\n preventEvent(ev);\n\n let { pageX, pageY } = flattenEvent(ev);\n if (pageY < this.rootRect.y) {\n pageY = this.rootRect.y;\n }\n\n const offsetX = pageX - trackStartPageX;\n const offsetY = pageY - trackStartPageY;\n\n let { x: newX, y: newY } = this.pxIntrinsicCoord;\n let { width: newWidth, height: newHeight } = this.pxIntrinsicSize;\n\n switch (trackingHandle) {\n case TELE_BOX_RESIZE_HANDLE.North: {\n newY = trackStartY + offsetY;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n // eslint-disable-next-line no-fallthrough\n case TELE_BOX_RESIZE_HANDLE.South: {\n newHeight = trackStartHeight + offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.West: {\n newX = trackStartX + offsetX;\n newWidth = trackStartWidth - offsetX;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.East: {\n newWidth = trackStartWidth + offsetX;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthWest: {\n newX = trackStartX + offsetX;\n newY = trackStartY + offsetY;\n newWidth = trackStartWidth - offsetX;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.NorthEast: {\n newY = trackStartY + offsetY;\n newWidth = trackStartWidth + offsetX;\n newHeight = trackStartHeight - offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthEast: {\n newWidth = trackStartWidth + offsetX;\n newHeight = trackStartHeight + offsetY;\n break;\n }\n case TELE_BOX_RESIZE_HANDLE.SouthWest: {\n newX = trackStartX + offsetX;\n newWidth = trackStartWidth - offsetX;\n newHeight = trackStartHeight + offsetY;\n break;\n }\n default: {\n this.move(trackStartX + offsetX, trackStartY + offsetY);\n return;\n }\n }\n\n this.transform(newX, newY, newWidth, newHeight);\n };\n\n const handleTrackEnd = (ev: MouseEvent | TouchEvent): void => {\n trackingHandle = void 0;\n\n if (!$trackMask) {\n return;\n }\n\n preventEvent(ev);\n\n this.$box.classList.toggle(transformingClassName, false);\n\n this._sideEffect.flush(TRACKING_DISPOSER_ID);\n\n $trackMask.remove();\n };\n\n const handleTrackStart = (ev: MouseEvent | TouchEvent): void => {\n if (this.readonly) {\n return;\n }\n\n if (\n (ev as MouseEvent).button != null &&\n (ev as MouseEvent).button !== 0\n ) {\n // Not left mouse\n return;\n }\n\n if (\n !this.draggable ||\n trackingHandle ||\n this.state !== TELE_BOX_STATE.Normal\n ) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (target.dataset?.teleBoxHandle) {\n preventEvent(ev);\n\n ({ x: trackStartX, y: trackStartY } = this.pxIntrinsicCoord);\n ({ width: trackStartWidth, height: trackStartHeight } =\n this.pxIntrinsicSize);\n\n ({ pageX: trackStartPageX, pageY: trackStartPageY } =\n flattenEvent(ev));\n\n trackingHandle = target.dataset\n .teleBoxHandle as TELE_BOX_RESIZE_HANDLE;\n\n if (!$trackMask) {\n $trackMask = document.createElement(\"div\");\n }\n\n const cursor = trackingHandle\n ? this.wrapClassName(`cursor-${trackingHandle}`)\n : \"\";\n\n $trackMask.className = this.wrapClassName(\n `track-mask${cursor ? ` ${cursor}` : \"\"}`\n );\n\n this.$box.appendChild($trackMask);\n\n this.$box.classList.add(transformingClassName);\n\n this._sideEffect.add(() => {\n window.addEventListener(\"mousemove\", handleTracking);\n window.addEventListener(\"touchmove\", handleTracking, {\n passive: false,\n });\n window.addEventListener(\"mouseup\", handleTrackEnd);\n window.addEventListener(\"touchend\", handleTrackEnd, {\n passive: false,\n });\n window.addEventListener(\"touchcancel\", handleTrackEnd, {\n passive: false,\n });\n\n return () => {\n window.removeEventListener(\"mousemove\", handleTracking);\n window.removeEventListener(\"touchmove\", handleTracking);\n window.removeEventListener(\"mouseup\", handleTrackEnd);\n window.removeEventListener(\"touchend\", handleTrackEnd);\n window.removeEventListener(\n \"touchcancel\",\n handleTrackEnd\n );\n };\n }, TRACKING_DISPOSER_ID);\n }\n };\n\n this._handleTrackStart = handleTrackStart;\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"mousedown\",\n handleTrackStart,\n {},\n \"box-resizeHandles-mousedown\"\n );\n\n this._sideEffect.addEventListener(\n $resizeHandles,\n \"touchstart\",\n handleTrackStart,\n { passive: false },\n \"box-resizeHandles-touchstart\"\n );\n }\n\n public async destroy(): Promise<void> {\n this.$box.remove();\n this._sideEffect.flushAll();\n this._sideEffect.flushAll();\n\n await this.events.emit(TELE_BOX_EVENT.Destroyed);\n this.events.clearListeners();\n this._delegateEvents.clearListeners();\n }\n\n /**\n * Wrap a className with namespace\n */\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n\ntype PropKeys<K = keyof TeleBox> = K extends keyof TeleBox\n ? // eslint-disable-next-line @typescript-eslint/ban-types\n TeleBox[K] extends Function\n ? never\n : K\n : never;\n\nexport type ReadonlyTeleBox = Pick<\n TeleBox,\n | PropKeys\n | \"wrapClassName\"\n | \"mountContent\"\n | \"mountFooter\"\n | \"mountStyles\"\n | \"handleTrackStart\"\n>;\n","export enum TELE_BOX_MANAGER_EVENT {\n Focused = \"focused\",\n Blurred = \"blurred\",\n Created = \"created\",\n Removed = \"removed\",\n State = \"state\",\n Maximized = \"maximized\",\n Minimized = \"minimized\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n ZIndex = \"z_index\",\n PrefersColorScheme = \"prefers_color_scheme\",\n DarkMode = \"dark_mode\",\n}\n","import \"./style.scss\";\nimport collectorSVG from \"./icons/collector.svg\";\nimport type { TeleStyles } from \"../typings\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n withValueEnhancer,\n combine,\n Val,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleBoxCollectorConfig {\n namespace?: string;\n styles?: TeleStyles;\n root$: ReadonlyVal<HTMLElement | null>;\n minimized$: Val<boolean>;\n readonly$: ReadonlyVal<boolean>;\n darkMode$: ReadonlyVal<boolean>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n}\n\ntype ValConfig = {\n styles: Val<TeleStyles>;\n $collector: Val<HTMLElement>;\n};\n\ntype PropsValConfig = {\n root: TeleBoxCollectorConfig[\"root$\"];\n};\n\ntype MyReadonlyValConfig = {\n rect: ReadonlyVal<TeleBoxRect | undefined>;\n visible: ReadonlyVal<boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<PropsValConfig & MyReadonlyValConfig>;\n\nexport interface TeleBoxCollector extends CombinedValEnhancedResult {}\n\nexport class TeleBoxCollector {\n public constructor({\n minimized$,\n readonly$,\n darkMode$,\n rootRect$,\n namespace = \"telebox\",\n styles = {},\n root$,\n }: TeleBoxCollectorConfig) {\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const rect$ = new Val<TeleBoxRect | undefined>(void 0);\n const visible$ = derive(minimized$);\n const styles$ = new Val(styles);\n const el$ = new Val<HTMLElement>(document.createElement(\"button\"));\n\n const valConfig: ValConfig = {\n styles: styles$,\n $collector: el$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const propsValConfig: PropsValConfig = {\n root: root$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n rect: rect$,\n visible: visible$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n el$.value.className = this.wrapClassName(\"collector\");\n el$.value.style.backgroundImage = `url('${collectorSVG}')`;\n\n this._sideEffect.addDisposer(\n el$.subscribe(($collector) => {\n this._sideEffect.addEventListener(\n $collector,\n \"click\",\n () => {\n if (!readonly$.value) {\n minimized$.setValue(false);\n }\n },\n {},\n \"telebox-collector-click\"\n );\n\n this._sideEffect.addDisposer(\n [\n visible$.subscribe((visible) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-visible\"),\n visible\n );\n }),\n readonly$.subscribe((readonly) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-readonly\"),\n readonly\n );\n }),\n darkMode$.subscribe((darkMode) => {\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n styles$.subscribe((styles) => {\n Object.keys(styles).forEach((key) => {\n const value = styles[\n key as keyof TeleStyles\n ] as string;\n if (value != null) {\n $collector.style[key as keyof TeleStyles] =\n value;\n }\n });\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild($collector);\n }\n }),\n // Place after $collector appended to the DOM so that rect calc works\n combine([minimized$, rootRect$, root$]).subscribe(\n ([minimized, rootRect, root]) => {\n if (minimized && root) {\n const { x, y, width, height } =\n $collector.getBoundingClientRect();\n rect$.setValue({\n x: x - rootRect.x,\n y: y - rootRect.y,\n width,\n height,\n });\n }\n }\n ),\n ],\n \"telebox-collector-el\"\n );\n })\n );\n }\n\n public readonly namespace: string;\n\n protected readonly _sideEffect = new SideEffectManager();\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport type { TeleBox } from \"../../TeleBox\";\nimport type { DefaultTitleBarConfig } from \"../../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../../TeleTitleBar\";\nimport { TELE_BOX_STATE } from \"../../TeleBox/constants\";\nimport type { TeleBoxRect } from \"../../TeleBox/typings\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\n\nexport type MaxTitleBarTitle = Pick<TeleBox, \"id\" | \"title\">;\n\nexport interface MaxTitleBarConfig extends DefaultTitleBarConfig {\n darkMode$: ReadonlyVal<boolean>;\n boxes$: ReadonlyVal<TeleBox[]>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n root$: ReadonlyVal<HTMLElement | null>;\n}\n\nexport class MaxTitleBar extends DefaultTitleBar {\n public constructor(config: MaxTitleBarConfig) {\n super(config);\n\n this.boxes$ = config.boxes$;\n this.rootRect$ = config.rootRect$;\n this.darkMode$ = config.darkMode$;\n\n this.sideEffect.addDisposer(\n config.root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.render());\n } else if (this.$titleBar?.parentNode) {\n this.$titleBar.remove();\n }\n })\n );\n }\n\n public focusBox(box?: TeleBox): void {\n if (this.focusedBox && this.focusedBox === box) {\n return;\n }\n\n if (this.$titles && this.state$.value === TELE_BOX_STATE.Maximized) {\n const { children } = this.$titles.firstElementChild as HTMLElement;\n for (let i = children.length - 1; i >= 0; i -= 1) {\n const $tab = children[i] as HTMLElement;\n const id = $tab.dataset?.teleBoxID;\n if (id) {\n if (box && id === box.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n true\n );\n } else if (this.focusedBox && id === this.focusedBox.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n false\n );\n }\n }\n }\n }\n this.focusedBox = box;\n }\n\n public render(): HTMLElement {\n if (this.$titleBar) {\n return this.$titleBar;\n }\n\n const $titleBar = super.render();\n\n $titleBar.classList.add(this.wrapClassName(\"max-titlebar\"));\n\n this.sideEffect.addDisposer(\n [\n this.state$.subscribe((state) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-maximized\"),\n state === TELE_BOX_STATE.Maximized\n );\n }),\n this.readonly$.subscribe((readonly) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"readonly\"),\n readonly\n );\n }),\n this.darkMode$.subscribe((darkMode) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n combine([this.state$, this.boxes$]).subscribe(\n ([state, titles]) => {\n if (state === TELE_BOX_STATE.Maximized) {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-single-title\"),\n titles.length === 1\n );\n if (titles.length !== 1) {\n $titleBar.replaceChild(\n this.renderTitles(),\n $titleBar.firstElementChild as HTMLElement\n );\n }\n }\n }\n ),\n ],\n \"max-render\"\n );\n\n const $titlesArea = document.createElement(\"div\");\n $titlesArea.classList.add(this.wrapClassName(\"titles-area\"));\n $titleBar.insertBefore($titlesArea, $titleBar.firstElementChild);\n\n return $titleBar;\n }\n\n public destroy(): void {\n super.destroy();\n this.$titles = void 0;\n this.focusedBox = void 0;\n }\n\n protected renderTitles(): HTMLElement {\n this.$titles = document.createElement(\"div\");\n this.$titles.className = this.wrapClassName(\"titles\");\n\n this.sideEffect.addEventListener(\n this.$titles,\n \"wheel\",\n (ev) => {\n (ev.currentTarget as HTMLElement).scrollBy({\n left: ev.deltaY > 0 ? 250 : -250,\n behavior: \"smooth\",\n });\n },\n { passive: false },\n \"max-render-wheel-titles\"\n );\n\n const $content = document.createElement(\"div\");\n $content.className = this.wrapClassName(\"titles-content\");\n this.$titles.appendChild($content);\n\n const disposers = this.boxes$.value.map((box) => {\n const $tab = document.createElement(\"button\");\n $tab.className = this.wrapClassName(\"titles-tab\");\n $tab.textContent = box.title;\n $tab.dataset.teleBoxID = box.id;\n $tab.dataset.teleTitleBarNoDblClick = \"true\";\n\n if (this.focusedBox && box.id === this.focusedBox.id) {\n $tab.classList.add(this.wrapClassName(\"titles-tab-focus\"));\n }\n\n $content.appendChild($tab);\n\n return box._title$.reaction((title) => ($tab.textContent = title));\n });\n\n this.sideEffect.addDisposer(\n () => disposers.forEach((disposer) => disposer()),\n \"max-render-tab-titles\"\n );\n\n return this.$titles;\n }\n\n public focusedBox: TeleBox | undefined;\n\n protected darkMode$: MaxTitleBarConfig[\"darkMode$\"];\n protected boxes$: MaxTitleBarConfig[\"boxes$\"];\n protected rootRect$: MaxTitleBarConfig[\"rootRect$\"];\n\n protected $titles: HTMLElement | undefined;\n}\n","import shallowequal from \"shallowequal\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ValEnhancedResult,\n ReadonlyValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n combine,\n Val,\n withValueEnhancer,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport Emittery from \"emittery\";\nimport type {\n ReadonlyTeleBox,\n TeleBoxColorScheme,\n TeleBoxRect,\n TeleBoxState,\n} from \"../TeleBox\";\nimport {\n TeleBox,\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_COLOR_SCHEME,\n TELE_BOX_DELEGATE_EVENT,\n} from \"../TeleBox\";\nimport { TeleBoxCollector } from \"../TeleBoxCollector\";\nimport { TELE_BOX_MANAGER_EVENT } from \"./constants\";\nimport type {\n TeleBoxManagerConfig,\n TeleBoxManagerCreateConfig,\n TeleBoxManagerEventConfig,\n TeleBoxManagerQueryConfig,\n TeleBoxManagerUpdateConfig,\n} from \"./typings\";\nimport { MaxTitleBar } from \"./MaxTitleBar\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./typings\";\nexport * from \"./constants\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype ReadonlyValConfig = {\n darkMode: ReadonlyVal<boolean, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n root: Val<HTMLElement | null>;\n rootRect: Val<TeleBoxRect>;\n stageRect: ReadonlyVal<TeleBoxRect>;\n};\n\ntype ValConfig = {\n prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n readonly: Val<boolean, boolean>;\n minimized: Val<boolean, boolean>;\n maximized: Val<boolean, boolean>;\n fence: Val<boolean, boolean>;\n stageRatio: Val<number, boolean>;\n highlightStage: Val<boolean, boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<ReadonlyValConfig>;\n\nexport interface TeleBoxManager extends CombinedValEnhancedResult {}\n\nexport class TeleBoxManager {\n public constructor({\n root = null,\n prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n minimized = false,\n maximized = false,\n fence = false,\n collector,\n namespace = \"telebox\",\n readonly = false,\n stageRatio = -1,\n highlightStage = true,\n }: TeleBoxManagerConfig = {}) {\n this._sideEffect = new SideEffectManager();\n\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const root$ = new Val(root);\n const readonly$ = new Val(readonly);\n const minimized$ = new Val(minimized);\n const maximized$ = new Val(maximized);\n const fence$ = new Val(fence);\n const stageRatio$ = new Val(stageRatio);\n const highlightStage$ = new Val(highlightStage);\n\n const rootRect$ = new Val<TeleBoxRect>(\n {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n { compare: shallowequal }\n );\n this._sideEffect.addDisposer(\n root$.subscribe((root) => {\n this._sideEffect.add(() => {\n if (!root) {\n return () => void 0;\n }\n const observer = new ResizeObserver(() => {\n const rect = root.getBoundingClientRect();\n rootRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, \"calc-root-rect\");\n })\n );\n\n this.boxes$ = new Val<TeleBox[]>([]);\n this.topBox$ = new Val<TeleBox | undefined>(undefined);\n this._sideEffect.addDisposer(\n this.boxes$.subscribe((boxes) => {\n if (boxes.length > 0) {\n const topBox = boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n } else {\n this.topBox$.setValue(undefined);\n }\n })\n );\n\n const prefersDarkMatch = window.matchMedia(\n \"(prefers-color-scheme: dark)\"\n );\n const prefersDark$ = new Val(false);\n if (prefersDarkMatch) {\n prefersDark$.setValue(prefersDarkMatch.matches);\n this._sideEffect.add(() => {\n const handler = (evt: MediaQueryListEvent): void => {\n prefersDark$.setValue(evt.matches);\n };\n prefersDarkMatch.addEventListener(\"change\", handler);\n return () =>\n prefersDarkMatch.removeEventListener(\"change\", handler);\n });\n }\n\n const prefersColorScheme$ = new Val(prefersColorScheme);\n this._sideEffect.addDisposer(\n prefersColorScheme$.reaction((prefersColorScheme, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.PrefersColorScheme,\n prefersColorScheme\n );\n }\n })\n );\n\n const darkMode$ = combine(\n [prefersDark$, prefersColorScheme$],\n ([prefersDark, prefersColorScheme]) =>\n prefersColorScheme === \"auto\"\n ? prefersDark\n : prefersColorScheme === \"dark\"\n );\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n\n this.collector =\n collector ??\n new TeleBoxCollector({\n minimized$: minimized$,\n readonly$: readonly$,\n darkMode$: darkMode$,\n namespace,\n root$,\n rootRect$,\n });\n\n const teleStage = new TeleStage({\n namespace,\n rootRect$,\n ratio$: stageRatio$,\n root$,\n highlightStage$: combine(\n [highlightStage$, maximized$, minimized$],\n ([highlightStage, maximized, minimized]) =>\n highlightStage && (minimized || !maximized)\n ),\n });\n this._sideEffect.addDisposer(() => teleStage.destroy());\n\n const readonlyValConfig: ReadonlyValConfig = {\n darkMode: darkMode$,\n state: state$,\n root: root$,\n rootRect: rootRect$,\n stageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, readonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n prefersColorScheme: prefersColorScheme$,\n readonly: readonly$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n stageRatio: stageRatio$,\n highlightStage: highlightStage$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const closeBtnClassName = this.wrapClassName(\"titlebar-icon-close\");\n\n const checkFocusBox = (ev: MouseEvent | TouchEvent): void => {\n if (readonly$.value) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (!target.tagName) {\n return;\n }\n\n for (\n let el: HTMLElement | null = target;\n el;\n el = el.parentElement\n ) {\n if (el.classList && el.classList.contains(closeBtnClassName)) {\n return;\n }\n const id = el.dataset?.teleBoxID;\n if (id) {\n const box = this.getBox(id);\n if (box) {\n this.focusBox(box);\n this.makeBoxTop(box);\n return;\n }\n }\n }\n };\n\n this._sideEffect.addEventListener(\n window,\n \"mousedown\",\n checkFocusBox,\n true\n );\n this._sideEffect.addEventListener(\n window,\n \"touchstart\",\n checkFocusBox,\n true\n );\n\n this.titleBar = new MaxTitleBar({\n namespace: this.namespace,\n title$: derive(this.topBox$, (topBox) => topBox?.title || \"\"),\n boxes$: this.boxes$,\n darkMode$: darkMode$,\n readonly$: readonly$,\n state$: state$,\n root$,\n rootRect$: rootRect$,\n onEvent: (event): void => {\n switch (event.type) {\n case TELE_BOX_DELEGATE_EVENT.Maximize: {\n maximized$.setValue(!maximized$.value);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Minimize: {\n minimized$.setValue(true);\n break;\n }\n case TELE_BOX_EVENT.Close: {\n this.removeTopBox();\n this.focusTopBox();\n break;\n }\n default: {\n break;\n }\n }\n },\n });\n\n this._sideEffect.addDisposer([\n state$.reaction((state, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.State, state);\n }\n }),\n maximized$.reaction((maximized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Maximized,\n maximized\n );\n }\n }),\n minimized$.reaction((minimized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Minimized,\n minimized\n );\n }\n }),\n darkMode$.reaction((darkMode, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);\n }\n }),\n ]);\n }\n\n public get boxes(): ReadonlyArray<TeleBox> {\n return this.boxes$.value;\n }\n\n public get topBox(): TeleBox | undefined {\n return this.topBox$.value;\n }\n\n public readonly events = new Emittery<\n TeleBoxManagerEventConfig,\n TeleBoxManagerEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public readonly namespace: string;\n\n /** @deprecated use setMaximized and setMinimized instead */\n public setState(state: TeleBoxState, skipUpdate = false): this {\n switch (state) {\n case TELE_BOX_STATE.Maximized: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(true, skipUpdate);\n break;\n }\n case TELE_BOX_STATE.Minimized: {\n this.setMinimized(true, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n default: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n }\n return this;\n }\n\n public create(\n config: TeleBoxManagerCreateConfig = {},\n smartPosition = true\n ): ReadonlyTeleBox {\n const box = new TeleBox({\n zIndex: this.topBox ? this.topBox.zIndex + 1 : 100,\n ...config,\n ...(smartPosition ? this.smartPosition(config) : {}),\n namespace: this.namespace,\n root$: this._root$,\n darkMode$: this._darkMode$,\n maximized$: this._maximized$,\n minimized$: this._minimized$,\n fence$: this._fence$,\n rootRect$: this._rootRect$,\n managerStageRect$: this._stageRect$,\n 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","Minimize","iconClassName","wrapClassName","isActive","state","Maximized","Close","$dragArea","renderDragArea","render","$titleBar","document","createElement","className","$titleArea","teleBoxHandle","$title","appendChild","$buttonsContainer","forEach","i","teleTitleBarBtnIndex","String","$btn","sideEffect","addDisposer","subscribe","title","textContent","btn","children","classList","toggle","addEventListener","Number","isNaN","length","handleTitleBarClick","handleTitleBarTouch","passive","dragHandle","destroy","flushAll","rootRect$","ratio$","highlightStage$","root$","stageRect$","combine","rootRect","ratio","width","height","preferredHeight","x","y","preferredWidth","compare","shallowequal","_sideEffect","root","highlightStage","$boxStage","parentNode","remove","$boxStageMask1","$boxStageMask2","$boxStageFrame","$topLeftCorner","$topRightCorner","$bottomLeftCorner","$bottomRightCorner","map","path","$svg","createElementNS","setAttribute","$path","stageRect","style","flexDirection","ResizeObserver","window","ResizeObserverPolyfill","id","genUID","getBoxDefaultName","visible","minWidth","minHeight","resizable","draggable","focus","zIndex","titleBar","content","footer","styles","darkMode$","fence$","minimized$","maximized$","managerStageRect$","stageRatio$","collectorRect$","managerHighlightStage$","Emittery","_handleTrackStart","valManager","ValManager","Val","visible$","resizable$","draggable$","zIndex$","focus$","$userContent$","$userFooter$","$userStyles$","minimized","maximized","Minimized","Normal","minSize$","clamp","pxMinSize$","minSize","managerStageRect","intrinsicSize$","reaction","skipUpdate","setValue","intrinsicCoord$","pxIntrinsicSize$","size","pxIntrinsicCoord$","intrinsicCoord","boxHighlightStage$","boxHighlightStage","managerHighlightStage","contentRoot$","contentRect$","teleStage","TeleStage","propsValConfig","darkMode","fence","readonly","collectorRect","myReadonlyValConfig","$userContent","$userFooter","$userStyles","pxMinSize","intrinsicSize","pxIntrinsicSize","pxIntrinsicCoord","contentRect","contentStageRect","valConfig","DefaultTitleBar","event","_delegateEvents","emit","ratio2","transform","move","$box","$content","parentElement","watchValEvent","val","v","events","DarkMode","Readonly","ZIndex","State","IntrinsicResize","IntrinsicMove","visible2","focus2","Focus","Blur","_minSize$","setMinWidth","setMinHeight","resize","_intrinsicSize$","_intrinsicCoord$","safeX","safeY","newHeight","mountContent","_$userContent$","unmountContent","mountFooter","_$userFooter$","unmountFooter","getUserStyles","mountStyles","$styles","_$userStyles$","unmountStyles","setHighlightStage","_boxHighlightStage$","add","bindClassName","el","predicate","isTruthy","wrappedClassName","_readonly$","_draggable$","isFalsy","_resizable$","_focus$","_darkMode$","minimizedClassName","maximizedClassName","MAXIMIZED_TIMER_ID","_state$","flush","setTimeout","_visible$","display","_zIndex$","teleBoxID","boxStyler","styler","boxStyles$","_maximized$","_minimized$","_pxIntrinsicSize$","_pxIntrinsicCoord$","_collectorRect$","scaleX","scaleY","boxWidth","boxHeight","boxStyles","set","$boxMain","$contentWrap","observer","rect","getBoundingClientRect","_contentRect$","observe","disconnect","last$userStyles","last$userContent","$footer","last$userFooter","_renderResizeHandlers","$resizeHandles","values","handleType","$handle","TRACKING_DISPOSER_ID","transformingClassName","$trackMask","trackingHandle","trackStartX","trackStartY","trackStartWidth","trackStartHeight","trackStartPageX","trackStartPageY","handleTracking","pageX","pageY","flattenEvent","offsetX","offsetY","newX","newY","newWidth","North","South","West","East","NorthWest","NorthEast","SouthEast","SouthWest","handleTrackEnd","handleTrackStart","cursor","removeEventListener","Destroyed","clearListeners","TELE_BOX_MANAGER_EVENT2","rect$","derive","styles$","el$","$collector","backgroundImage","styles2","keys","key","TELE_BOX_MANAGER_EVENT","config","boxes$","focusBox","box","focusedBox","$titles","firstElementChild","$tab","super","titles","replaceChild","renderTitles","$titlesArea","insertBefore","currentTarget","scrollBy","left","deltaY","behavior","disposers","_title$","disposer","prefersColorScheme","Light","collector","stageRatio","innerWidth","innerHeight","root2","topBox$","boxes","topBox","reduce","topBox2","prefersDarkMatch","matchMedia","prefersDark$","matches","handler","evt","prefersColorScheme$","prefersColorScheme2","PrefersColorScheme","prefersDark","minimized2","maximized2","TeleBoxCollector","highlightStage2","readonlyValConfig","closeBtnClassName","checkFocusBox","tagName","contains","getBox","makeBoxTop","MaxTitleBar","removeTopBox","focusTopBox","setState","setMinimized","setMaximized","create","smartPosition","TeleBox","_root$","_fence$","_rootRect$","_stageRect$","_stageRatio$","_rect$","_highlightStage$","on","_","box2","Created","query","filter","teleBoxMatcher","queryOne","find","update","boxID","updateBox","updateAll","boxOrID","index","getBoxIndex","slice","deletedBoxes","splice","Removed","removeAll","mount","unmount","targetBox","focusChanged","Focused","blurBox","Blurred","blurAll","Object","every","intrinsicX","intrinsicY","intrinsicWidth","intrinsicHeight","_ratio$","pxX","pxPreferredX","pxY","pxPreferredY","findIndex"],"mappings":"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"}
1
+ {"version":3,"file":"telebox-insider.cjs.js","sources":["../src/TeleBox/constants.ts","../src/utils.ts","../src/TeleTitleBar/DefaultTitleBar/index.ts","../src/TeleStage/index.ts","../src/TeleBox/index.ts","../src/TeleBoxManager/constants.ts","../src/TeleBoxCollector/index.ts","../src/TeleBoxManager/MaxTitleBar/index.ts","../src/TeleBoxManager/index.ts"],"sourcesContent":["export enum TELE_BOX_COLOR_SCHEME {\n Light = \"light\",\n Dark = \"dark\",\n Auto = \"auto\",\n}\n\nexport enum TELE_BOX_STATE {\n Normal = \"normal\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n}\n\nexport enum TELE_BOX_EVENT {\n DarkMode = \"dark_mode\",\n PrefersColorScheme = \"prefers_color_scheme\",\n Close = \"close\",\n Focus = \"focus\",\n Blur = \"blur\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n ZIndex = \"z_index\",\n State = \"state\",\n Minimized = \"minimized\",\n Maximized = \"maximized\",\n Readonly = \"readonly\",\n Destroyed = \"destroyed\",\n}\n\nexport enum TELE_BOX_DELEGATE_EVENT {\n Close = \"close\",\n Maximize = \"maximize\",\n Minimize = \"minimize\",\n}\n\nexport enum TELE_BOX_RESIZE_HANDLE {\n North = \"n\",\n South = \"s\",\n West = \"w\",\n East = \"e\",\n NorthWest = \"nw\",\n NorthEast = \"ne\",\n SouthEast = \"se\",\n SouthWest = \"sw\",\n}\n\nexport const TeleBoxDragHandleType = \"dh\";\n","export function clamp(value: number, min: number, max: number): number {\n return Math.min(Math.max(value, min), max);\n}\n\nexport function preventEvent(ev: Event): void {\n ev.stopPropagation();\n if (ev.cancelable) {\n ev.preventDefault();\n }\n}\n\nexport function flattenEvent(ev: MouseEvent | TouchEvent): MouseEvent | Touch {\n return (ev as TouchEvent).touches\n ? (ev as TouchEvent).touches[0]\n : (ev as MouseEvent);\n}\n\nexport function getRandomInt(min: number, max: number): number {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nlet defaultBoxCount = 1;\n\nexport function getBoxDefaultName(): string {\n return `New Box ${defaultBoxCount++}`;\n}\n\nexport function identity<TValue>(value: TValue): TValue {\n return value;\n}\n\nexport function isTruthy<TValue>(value: TValue): boolean {\n return Boolean(value);\n}\n\nexport function isFalsy<TValue>(value: TValue): boolean {\n return !value;\n}\n","import \"./style.scss\";\n\nimport { SideEffectManager } from \"side-effect-manager\";\n\nimport {\n TeleBoxDragHandleType,\n TELE_BOX_DELEGATE_EVENT,\n TELE_BOX_STATE,\n} from \"../../TeleBox/constants\";\nimport type { TeleBoxState } from \"../../TeleBox/typings\";\nimport type {\n TeleTitleBar,\n TeleTitleBarConfig,\n TeleTitleBarEvent,\n} from \"../typings\";\nimport { preventEvent } from \"../../utils\";\nimport type { ReadonlyVal } from \"value-enhancer\";\n\nexport type DefaultTitleBarButton = TeleTitleBarEvent & {\n readonly iconClassName: string;\n readonly isActive?: (state: TeleBoxState) => boolean;\n};\n\nexport interface DefaultTitleBarConfig extends TeleTitleBarConfig {\n buttons?: ReadonlyArray<DefaultTitleBarButton>;\n}\n\nexport class DefaultTitleBar implements TeleTitleBar {\n public constructor({\n readonly$,\n state$,\n title$,\n buttons,\n onEvent,\n onDragStart,\n namespace = \"telebox\",\n }: DefaultTitleBarConfig) {\n this.readonly$ = readonly$;\n this.state$ = state$;\n this.title$ = title$;\n this.onEvent = onEvent;\n this.onDragStart = onDragStart;\n this.namespace = namespace;\n\n this.buttons = buttons || [\n {\n type: TELE_BOX_DELEGATE_EVENT.Minimize,\n iconClassName: this.wrapClassName(\"titlebar-icon-minimize\"),\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Maximize,\n iconClassName: this.wrapClassName(\"titlebar-icon-maximize\"),\n isActive: (state) => state === TELE_BOX_STATE.Maximized,\n },\n {\n type: TELE_BOX_DELEGATE_EVENT.Close,\n iconClassName: this.wrapClassName(\"titlebar-icon-close\"),\n },\n ];\n\n this.$dragArea = this.renderDragArea();\n }\n\n public readonly namespace: string;\n\n public $titleBar: HTMLElement | undefined;\n\n public $dragArea: HTMLElement;\n\n public render(): HTMLElement {\n if (!this.$titleBar) {\n this.$titleBar = document.createElement(\"div\");\n this.$titleBar.className = this.wrapClassName(\"titlebar\");\n\n const $titleArea = document.createElement(\"div\");\n $titleArea.className = this.wrapClassName(\"title-area\");\n $titleArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n const $title = document.createElement(\"h1\");\n $title.className = this.wrapClassName(\"title\");\n $title.dataset.teleBoxHandle = TeleBoxDragHandleType;\n\n $titleArea.appendChild($title);\n $titleArea.appendChild(this.$dragArea);\n\n const $buttonsContainer = document.createElement(\"div\");\n $buttonsContainer.className = this.wrapClassName(\"titlebar-btns\");\n\n this.buttons.forEach(({ iconClassName }, i) => {\n const teleTitleBarBtnIndex = String(i);\n\n const $btn = document.createElement(\"button\");\n $btn.className = `${this.wrapClassName(\n \"titlebar-btn\"\n )} ${iconClassName}`;\n $btn.dataset.teleTitleBarBtnIndex = teleTitleBarBtnIndex;\n $btn.dataset.teleTitleBarNoDblClick = \"true\";\n $buttonsContainer.appendChild($btn);\n });\n\n this.sideEffect.addDisposer(\n this.title$.subscribe((title) => {\n $title.textContent = title;\n $title.title = title;\n }),\n \"render-title\"\n );\n\n this.sideEffect.addDisposer(\n this.state$.subscribe((state) => {\n this.buttons.forEach((btn, i) => {\n if (btn.isActive) {\n $buttonsContainer.children[i]?.classList.toggle(\n \"is-active\",\n btn.isActive(state)\n );\n }\n });\n }),\n \"render-state-btns\"\n );\n\n this.sideEffect.addEventListener(\n $buttonsContainer,\n \"click\",\n (ev) => {\n if (this.readonly$.value) {\n return;\n }\n const target = ev.target as HTMLElement;\n const teleTitleBarBtnIndex = Number(\n target.dataset?.teleTitleBarBtnIndex\n );\n if (\n !Number.isNaN(teleTitleBarBtnIndex) &&\n teleTitleBarBtnIndex < this.buttons.length\n ) {\n preventEvent(ev);\n const btn = this.buttons[teleTitleBarBtnIndex];\n if (this.onEvent) {\n this.onEvent({\n type: btn.type,\n value: btn.value,\n } as TeleTitleBarEvent);\n }\n }\n },\n {},\n \"render-btns-container-click\"\n );\n\n this.$titleBar.appendChild($titleArea);\n this.$titleBar.appendChild($buttonsContainer);\n }\n\n return this.$titleBar;\n }\n\n public renderDragArea(): HTMLElement {\n const $dragArea = document.createElement(\"div\");\n $dragArea.className = this.wrapClassName(\"drag-area\");\n $dragArea.dataset.teleBoxHandle = TeleBoxDragHandleType;\n this.sideEffect.addEventListener(\n $dragArea,\n \"mousedown\",\n this.handleTitleBarClick\n );\n this.sideEffect.addEventListener(\n $dragArea,\n \"touchstart\",\n this.handleTitleBarTouch,\n { passive: true }\n );\n return $dragArea;\n }\n\n public dragHandle(): HTMLElement | undefined {\n return this.$titleBar;\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public destroy(): void {\n this.sideEffect.flushAll();\n if (this.$titleBar) {\n this.$titleBar = void 0;\n this.onDragStart = void 0;\n this.onEvent = void 0;\n }\n }\n\n public onEvent?: TeleTitleBarConfig[\"onEvent\"];\n\n public onDragStart?: TeleTitleBarConfig[\"onDragStart\"];\n\n protected readonly$: TeleTitleBarConfig[\"readonly$\"];\n\n protected title$: ReadonlyVal<string>;\n\n protected buttons: ReadonlyArray<DefaultTitleBarButton>;\n\n protected state$: TeleTitleBarConfig[\"state$\"];\n\n protected sideEffect = new SideEffectManager();\n\n protected lastTitleBarClick = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarClick = (ev: MouseEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if (ev.button !== 0) {\n return; // Not left mouse\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n if (now - this.lastTitleBarClick.timestamp <= 500) {\n if (\n Math.abs(ev.clientX - this.lastTitleBarClick.clientX) <= 5 &&\n Math.abs(ev.clientY - this.lastTitleBarClick.clientY) <= 5\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarClick.timestamp = now;\n this.lastTitleBarClick.clientX = ev.clientX;\n this.lastTitleBarClick.clientY = ev.clientY;\n };\n\n protected lastTitleBarTouch = {\n timestamp: 0,\n clientX: -100,\n clientY: -100,\n };\n\n protected handleTitleBarTouch = (ev: TouchEvent): void => {\n if (this.readonly$.value) {\n return;\n }\n\n if ((ev.target as HTMLElement).dataset?.teleTitleBarNoDblClick) {\n return; // btns\n }\n\n preventEvent(ev);\n\n const now = Date.now();\n const {\n clientX = this.lastTitleBarTouch.clientX + 100,\n clientY = this.lastTitleBarTouch.clientY + 100,\n } = ev.touches[0] || {};\n\n if (now - this.lastTitleBarTouch.timestamp <= 500) {\n if (\n Math.abs(clientX - this.lastTitleBarTouch.clientX) <= 10 &&\n Math.abs(clientY - this.lastTitleBarTouch.clientY) <= 10\n ) {\n // double click\n if (this.onEvent) {\n this.onEvent({ type: TELE_BOX_DELEGATE_EVENT.Maximize });\n }\n }\n } else if (this.onDragStart) {\n this.onDragStart(ev);\n }\n this.lastTitleBarTouch.timestamp = now;\n this.lastTitleBarTouch.clientX = clientX;\n this.lastTitleBarTouch.clientY = clientY;\n };\n}\n","import \"./style.scss\";\n\nimport shallowequal from \"shallowequal\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleStageConfig {\n namespace: string;\n root$: ReadonlyVal<HTMLElement | null>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n ratio$: ReadonlyVal<number>;\n highlightStage$: ReadonlyVal<boolean>;\n}\n\nexport class TeleStage {\n private readonly _sideEffect = new SideEffectManager();\n\n public readonly namespace: string;\n public readonly stageRect$: ReadonlyVal<TeleBoxRect>;\n public readonly highlightStage$: ReadonlyVal<boolean>;\n\n public $boxStage?: HTMLDivElement;\n\n constructor({\n namespace,\n rootRect$,\n ratio$,\n highlightStage$,\n root$,\n }: TeleStageConfig) {\n this.namespace = namespace;\n this.highlightStage$ = highlightStage$;\n\n this.stageRect$ = combine(\n [rootRect$, ratio$],\n ([rootRect, ratio]) => {\n if (ratio <= 0 || rootRect.width <= 0 || rootRect.height <= 0) {\n return rootRect;\n }\n\n const preferredHeight = rootRect.width * ratio;\n if (preferredHeight === rootRect.height) {\n return rootRect;\n }\n\n if (preferredHeight < rootRect.height) {\n return {\n x: 0,\n y: (rootRect.height - preferredHeight) / 2,\n width: rootRect.width,\n height: preferredHeight,\n };\n }\n\n const preferredWidth = rootRect.height / ratio;\n return {\n x: (rootRect.width - preferredWidth) / 2,\n y: 0,\n width: preferredWidth,\n height: rootRect.height,\n };\n },\n { compare: shallowequal }\n );\n\n this._sideEffect.addDisposer(\n combine([root$, highlightStage$]).subscribe(\n ([root, highlightStage]) => {\n if (root && highlightStage) {\n root.appendChild(this.render());\n } else if (this.$boxStage?.parentNode) {\n this.$boxStage.remove();\n }\n }\n )\n );\n }\n\n private render(): HTMLDivElement {\n if (this.$boxStage) {\n return this.$boxStage;\n }\n\n const $boxStage = document.createElement(\"div\");\n $boxStage.className = this.wrapClassName(\"box-stage-container\");\n const $boxStageMask1 = document.createElement(\"div\");\n $boxStageMask1.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageMask2 = document.createElement(\"div\");\n $boxStageMask2.className = this.wrapClassName(\"box-stage-mask\");\n const $boxStageFrame = document.createElement(\"div\");\n $boxStageFrame.className = this.wrapClassName(\"box-stage-frame\");\n\n const [\n $topLeftCorner,\n $topRightCorner,\n $bottomLeftCorner,\n $bottomRightCorner,\n ] = [\n \"M0 8V0h8v2H2v6H0Z\",\n \"M8 8V0H0v2h6v6h2Z\",\n \"M0 0v8h8V6H2V0H0Z\",\n \"M8 0v8H0V6h6V0h2Z\",\n ].map((path, i) => {\n const $svg = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"svg\"\n );\n $svg.setAttribute(\"viewBox\", \"0 0 8 8\");\n $svg.setAttribute(\n \"class\",\n `${this.wrapClassName(\"box-stage-frame-corner\")} is-${i}`\n );\n const $path = document.createElementNS(\n \"http://www.w3.org/2000/svg\",\n \"path\"\n );\n $path.setAttribute(\"d\", path);\n $path.setAttribute(\"fill\", \"#3381FF\");\n $svg.appendChild($path);\n return $svg;\n });\n\n $boxStageFrame.appendChild($topLeftCorner);\n $boxStageFrame.appendChild($bottomLeftCorner);\n $boxStageFrame.appendChild($topRightCorner);\n $boxStageFrame.appendChild($bottomRightCorner);\n\n $boxStage.appendChild($boxStageMask1);\n $boxStage.appendChild($boxStageFrame);\n $boxStage.appendChild($boxStageMask2);\n\n this._sideEffect.addDisposer(\n this.highlightStage$.subscribe((highlightStage) => {\n $boxStage.classList.toggle(\"is-active\", highlightStage);\n })\n );\n\n this._sideEffect.addDisposer(\n combine([this.highlightStage$, this.stageRect$]).subscribe(\n ([highlightStage, stageRect]) => {\n if (!highlightStage) {\n return;\n }\n if (stageRect.x > 0) {\n $boxStage.style.flexDirection = \"row\";\n $boxStageMask1.style.width = `${stageRect.x}px`;\n $boxStageMask1.style.height = \"\";\n $boxStageMask2.style.width = `${stageRect.x}px`;\n $boxStageMask2.style.height = \"\";\n } else if (stageRect.y > 0) {\n $boxStage.style.flexDirection = \"column\";\n $boxStageMask1.style.width = \"\";\n $boxStageMask1.style.height = `${stageRect.y}px`;\n $boxStageMask2.style.width = \"\";\n $boxStageMask2.style.height = `${stageRect.y}px`;\n }\n }\n )\n );\n\n this.$boxStage = $boxStage;\n return $boxStage;\n }\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport Emittery from \"emittery\";\nimport styler from \"stylefire\";\nimport shallowequal from \"shallowequal\";\nimport { genUID, SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport {\n combine,\n Val,\n withReadonlyValueEnhancer,\n withValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport type { TeleTitleBar } from \"../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../TeleTitleBar\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport {\n clamp,\n flattenEvent,\n getBoxDefaultName,\n isFalsy,\n isTruthy,\n preventEvent,\n} from \"../utils\";\nimport {\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_RESIZE_HANDLE,\n} from \"./constants\";\nimport type {\n TeleBoxConfig,\n TeleBoxHandleType,\n TeleBoxState,\n TeleBoxCoord,\n TeleBoxSize,\n TeleBoxEventConfig,\n TeleBoxEvent,\n TeleBoxDelegateEventConfig,\n TeleBoxRect,\n} from \"./typings\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./constants\";\nexport * from \"./typings\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype RequiredTeleBoxConfig = Required<TeleBoxConfig>;\n\ntype ValConfig = {\n title: Val<RequiredTeleBoxConfig[\"title\"], boolean>;\n visible: Val<RequiredTeleBoxConfig[\"visible\"], boolean>;\n resizable: Val<RequiredTeleBoxConfig[\"resizable\"], boolean>;\n draggable: Val<RequiredTeleBoxConfig[\"draggable\"], boolean>;\n ratio: Val<RequiredTeleBoxConfig[\"ratio\"], boolean>;\n stageRatio: Val<number | null>;\n};\n\ntype PropsValConfig = {\n darkMode: RequiredTeleBoxConfig[\"darkMode$\"];\n fence: RequiredTeleBoxConfig[\"fence$\"];\n minimized: RequiredTeleBoxConfig[\"minimized$\"];\n maximized: RequiredTeleBoxConfig[\"maximized$\"];\n readonly: RequiredTeleBoxConfig[\"readonly$\"];\n rootRect: RequiredTeleBoxConfig[\"rootRect$\"];\n managerStageRect: RequiredTeleBoxConfig[\"managerStageRect$\"];\n collectorRect: RequiredTeleBoxConfig[\"collectorRect$\"];\n};\n\ntype MyReadonlyValConfig = {\n zIndex: Val<RequiredTeleBoxConfig[\"zIndex\"], boolean>;\n focus: Val<RequiredTeleBoxConfig[\"focus\"], boolean>;\n\n $userContent: Val<TeleBoxConfig[\"content\"], boolean>;\n $userStage: Val<TeleBoxConfig[\"content\"], boolean>;\n $userFooter: Val<TeleBoxConfig[\"footer\"], boolean>;\n $userStyles: Val<TeleBoxConfig[\"styles\"], boolean>;\n\n minSize: Val<TeleBoxSize, boolean>;\n intrinsicSize: Val<TeleBoxSize, boolean>;\n intrinsicCoord: Val<TeleBoxCoord, boolean>;\n pxMinSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicSize: ReadonlyVal<TeleBoxSize, boolean>;\n pxIntrinsicCoord: ReadonlyVal<TeleBoxCoord, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n highlightStage: ReadonlyVal<boolean, boolean>;\n boxHighlightStage: Val<boolean | null, boolean>;\n contentRect: Val<TeleBoxRect>;\n contentStageRect: ReadonlyVal<TeleBoxRect | null>;\n};\n\ntype CombinedValEnhancedResult = ReadonlyValEnhancedResult<\n PropsValConfig & MyReadonlyValConfig\n> &\n ValEnhancedResult<ValConfig>;\n\nexport interface TeleBox extends CombinedValEnhancedResult {}\n\nexport class TeleBox {\n public constructor({\n id = genUID(),\n title = getBoxDefaultName(),\n namespace = \"telebox\",\n visible = true,\n width = 0.5,\n height = 0.5,\n minWidth = 0,\n minHeight = 0,\n x = 0.1,\n y = 0.1,\n resizable = true,\n draggable = true,\n ratio = -1,\n focus = false,\n zIndex = 100,\n stageRatio = null,\n titleBar,\n content,\n stage,\n footer,\n styles,\n highlightStage = null,\n darkMode$,\n fence$,\n minimized$,\n maximized$,\n readonly$,\n root$,\n rootRect$,\n managerStageRect$,\n managerStageRatio$,\n collectorRect$,\n managerHighlightStage$,\n }: TeleBoxConfig) {\n this._sideEffect = new SideEffectManager();\n\n this.id = id;\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const title$ = new Val(title);\n const visible$ = new Val(visible);\n const resizable$ = new Val(resizable);\n const draggable$ = new Val(draggable);\n const ratio$ = new Val(ratio);\n const zIndex$ = new Val(zIndex);\n const focus$ = new Val(focus);\n const $userContent$ = new Val(content);\n const $userStage$ = new Val(stage);\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 [boxHighlightStage$, managerHighlightStage$],\n ([boxHighlightStage, managerHighlightStage]) =>\n boxHighlightStage ?? managerHighlightStage\n );\n\n const contentRoot$ = new Val<HTMLElement | null>(null);\n\n const contentRect$ = new Val<TeleBoxRect>(rootRect$.value, {\n compare: shallowequal,\n });\n\n const stageRatio$ = new Val(stageRatio);\n\n const teleStage = new TeleStage({\n namespace,\n root$: contentRoot$,\n rootRect$: contentRect$,\n ratio$: combine(\n [stageRatio$, managerStageRatio$],\n ([stageRatio, managerStageRatio]) =>\n stageRatio ?? managerStageRatio\n ),\n highlightStage$,\n });\n this._sideEffect.addDisposer(() => teleStage.destroy());\n\n const propsValConfig: PropsValConfig = {\n darkMode: darkMode$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n readonly: readonly$,\n rootRect: rootRect$,\n managerStageRect: managerStageRect$,\n collectorRect: collectorRect$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n zIndex: zIndex$,\n focus: focus$,\n\n $userContent: $userContent$,\n $userStage: $userStage$,\n $userFooter: $userFooter$,\n $userStyles: $userStyles$,\n\n state: state$,\n minSize: minSize$,\n pxMinSize: pxMinSize$,\n intrinsicSize: intrinsicSize$,\n intrinsicCoord: intrinsicCoord$,\n pxIntrinsicSize: pxIntrinsicSize$,\n pxIntrinsicCoord: pxIntrinsicCoord$,\n highlightStage: highlightStage$,\n boxHighlightStage: boxHighlightStage$,\n contentRect: contentRect$,\n contentStageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n title: title$,\n visible: visible$,\n resizable: resizable$,\n draggable: draggable$,\n ratio: ratio$,\n stageRatio: stageRatio$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n this.titleBar =\n titleBar ||\n new DefaultTitleBar({\n readonly$: readonly$,\n state$: state$,\n title$: title$,\n namespace: this.namespace,\n onDragStart: (event) => this._handleTrackStart?.(event),\n onEvent: (event) => this._delegateEvents.emit(event.type),\n });\n\n this._sideEffect.addDisposer(\n ratio$.subscribe((ratio) => {\n if (ratio > 0) {\n this.transform(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n pxIntrinsicSize$.value.width,\n pxIntrinsicSize$.value.height,\n true\n );\n }\n })\n );\n\n this._sideEffect.addDisposer(\n fence$.subscribe((fence) => {\n if (fence) {\n this.move(\n pxIntrinsicCoord$.value.x,\n pxIntrinsicCoord$.value.y,\n true\n );\n }\n })\n );\n\n this.$box = this.render();\n contentRoot$.setValue(this.$content.parentElement);\n\n const watchValEvent = <E extends TeleBoxEvent>(\n val: ReadonlyVal<TeleBoxEventConfig[E], boolean>,\n event: E\n ) => {\n this._sideEffect.addDisposer(\n val.reaction((v, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit<any>(event, v);\n }\n })\n );\n };\n\n watchValEvent(darkMode$, TELE_BOX_EVENT.DarkMode);\n watchValEvent(readonly$, TELE_BOX_EVENT.Readonly);\n watchValEvent(zIndex$, TELE_BOX_EVENT.ZIndex);\n watchValEvent(minimized$, TELE_BOX_EVENT.Minimized);\n watchValEvent(maximized$, TELE_BOX_EVENT.Maximized);\n watchValEvent(state$, TELE_BOX_EVENT.State);\n watchValEvent(intrinsicSize$, TELE_BOX_EVENT.IntrinsicResize);\n watchValEvent(intrinsicCoord$, TELE_BOX_EVENT.IntrinsicMove);\n\n this._sideEffect.addDisposer([\n visible$.reaction((visible, skipUpdate) => {\n if (!skipUpdate && !visible) {\n this.events.emit(TELE_BOX_EVENT.Close);\n }\n }),\n focus$.reaction((focus, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n focus ? TELE_BOX_EVENT.Focus : TELE_BOX_EVENT.Blur\n );\n }\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.$box);\n } else if (this.$box.parentNode) {\n this.$box.remove();\n }\n }),\n ]);\n }\n\n public readonly id: string;\n\n /** ClassName Prefix. For CSS styling. Default \"telebox\" */\n public readonly namespace: string;\n\n public readonly events = new Emittery<\n TeleBoxEventConfig,\n TeleBoxEventConfig\n >();\n\n public readonly _delegateEvents = new Emittery<\n TeleBoxDelegateEventConfig,\n TeleBoxDelegateEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public titleBar: TeleTitleBar;\n\n /** Minimum box width relative to stage area. 0~1. Default 0. */\n public get minWidth(): number {\n return this._minSize$.value.width;\n }\n\n /** Minimum box height relative to stage area. 0~1. Default 0. */\n public get minHeight(): number {\n return this._minSize$.value.height;\n }\n\n /**\n * @param minWidth Minimum box width relative to stage area. 0~1.\n * @returns this\n */\n public setMinWidth(minWidth: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: minWidth, height: this.minHeight },\n skipUpdate\n );\n }\n\n /**\n * @param minHeight Minimum box height relative to container element. 0~1.\n * @returns this\n */\n public setMinHeight(minHeight: number, skipUpdate = false): void {\n this._minSize$.setValue(\n { width: this.minWidth, height: minHeight },\n skipUpdate\n );\n }\n\n /**\n * Resize box.\n * @param width Box width relative to container element. 0~1.\n * @param height Box height relative to container element. 0~1.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n public resize(width: number, height: number, skipUpdate = false): void {\n this._intrinsicSize$.setValue(\n {\n width: Math.max(width, this.minWidth),\n height: Math.max(height, this.minHeight),\n },\n skipUpdate\n );\n }\n\n /** Intrinsic box x position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicX(): number {\n return this._intrinsicCoord$.value.x;\n }\n\n /** Intrinsic box y position relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicY(): number {\n return this._intrinsicCoord$.value.y;\n }\n\n /** Intrinsic box width relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicWidth(): number {\n return this._intrinsicSize$.value.width;\n }\n\n /** Intrinsic box height relative to container element(without counting the effect of maximization or minimization). 0~1. Default 0.1. */\n public get intrinsicHeight(): number {\n return this._intrinsicSize$.value.height;\n }\n\n /**\n * Move box position.\n * @param x x position in px.\n * @param y y position in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected move(x: number, y: number, skipUpdate = false): void {\n let safeX: number;\n let safeY: number;\n const managerStageRect = this.managerStageRect;\n const pxIntrinsicSize = this.pxIntrinsicSize;\n\n if (this.fence) {\n safeX = clamp(\n x,\n managerStageRect.x,\n managerStageRect.x +\n managerStageRect.width -\n pxIntrinsicSize.width\n );\n safeY = clamp(\n y,\n managerStageRect.y,\n managerStageRect.y +\n managerStageRect.height -\n pxIntrinsicSize.height\n );\n } else {\n const rootRect = this.rootRect;\n safeX = clamp(\n x,\n 0 - pxIntrinsicSize.width + 20,\n 0 + rootRect.width - 20\n );\n safeY = clamp(y, 0, 0 + rootRect.height - 20);\n }\n\n this._intrinsicCoord$.setValue(\n {\n x: (safeX - managerStageRect.x) / managerStageRect.width,\n y: (safeY - managerStageRect.y) / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Resize + Move, with respect to fixed ratio.\n * @param x x position in px.\n * @param y y position in px.\n * @param width Box width in px.\n * @param height Box height in px.\n * @param skipUpdate Skip emitting event.\n * @returns this\n */\n protected transform(\n x: number,\n y: number,\n width: number,\n height: number,\n skipUpdate = false\n ): void {\n const managerStageRect = this.managerStageRect;\n const rootRect = this.rootRect;\n\n width = Math.max(width, this.pxMinSize.width);\n height = Math.max(height, this.pxMinSize.height);\n\n if (this.ratio > 0) {\n const newHeight = this.ratio * width;\n if (y !== this.pxIntrinsicCoord.y) {\n y -= newHeight - height;\n }\n height = newHeight;\n }\n\n if (y < rootRect.y) {\n y = rootRect.y;\n height = this.pxIntrinsicSize.height;\n }\n\n this.move(x, y, skipUpdate);\n this._intrinsicSize$.setValue(\n {\n width: width / managerStageRect.width,\n height: height / managerStageRect.height,\n },\n skipUpdate\n );\n }\n\n /**\n * Mount dom to box content.\n */\n public mountContent(content: HTMLElement): void {\n this._$userContent$.setValue(content);\n }\n\n /**\n * Unmount content from the box.\n */\n public unmountContent(): void {\n this._$userContent$.setValue(undefined);\n }\n\n public mountStage(stage: HTMLElement): void {\n this._$userStage$.setValue(stage);\n }\n\n /**\n * Unmount content from the box.\n */\n public unmountStage(): void {\n this._$userStage$.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 stage area */\n public $stage?: HTMLElement;\n\n /** DOM of the box title bar */\n public $titleBar!: HTMLElement;\n\n /** DOM of the box footer */\n public $footer!: HTMLElement;\n\n protected render(): HTMLElement {\n if (this.$box) {\n return this.$box;\n }\n\n this.$box = document.createElement(\"div\");\n\n this.$box.classList.add(this.wrapClassName(\"box\"));\n\n const bindClassName = <TValue>(\n el: Element,\n val: ReadonlyVal<TValue, boolean>,\n className: string,\n predicate: (value: TValue) => boolean = isTruthy\n ): string => {\n return this._sideEffect.add(() => {\n const wrappedClassName = this.wrapClassName(className);\n return val.subscribe((value) => {\n el.classList.toggle(wrappedClassName, predicate(value));\n });\n });\n };\n\n bindClassName(this.$box, this._readonly$, \"readonly\");\n bindClassName(this.$box, this._draggable$, \"no-drag\", isFalsy);\n bindClassName(this.$box, this._resizable$, \"no-resize\", isFalsy);\n bindClassName(this.$box, this._focus$, \"blur\", isFalsy);\n bindClassName(this.$box, this._darkMode$, \"color-scheme-dark\");\n bindClassName(\n this.$box,\n this._darkMode$,\n \"color-scheme-light\",\n isFalsy\n );\n\n this._sideEffect.add(() => {\n const minimizedClassName = this.wrapClassName(\"minimized\");\n const maximizedClassName = this.wrapClassName(\"maximized\");\n const MAXIMIZED_TIMER_ID = \"box-maximized-timer\";\n\n return this._state$.subscribe((state) => {\n this.$box.classList.toggle(\n minimizedClassName,\n state === TELE_BOX_STATE.Minimized\n );\n\n if (state === TELE_BOX_STATE.Maximized) {\n this._sideEffect.flush(MAXIMIZED_TIMER_ID);\n this.$box.classList.toggle(maximizedClassName, true);\n } else {\n // delay so that transition won't be triggered\n this._sideEffect.setTimeout(\n () => {\n this.$box.classList.toggle(\n maximizedClassName,\n false\n );\n },\n 0,\n MAXIMIZED_TIMER_ID\n );\n }\n });\n });\n\n this._sideEffect.addDisposer(\n this._visible$.subscribe((visible) => {\n this.$box.style.display = visible ? \"block\" : \"none\";\n })\n );\n\n this._sideEffect.addDisposer(\n this._zIndex$.subscribe((zIndex) => {\n this.$box.style.zIndex = String(zIndex);\n })\n );\n\n this.$box.dataset.teleBoxID = this.id;\n\n const boxStyler = styler(this.$box);\n\n const boxStyles$ = combine(\n [\n this._maximized$,\n this._minimized$,\n this._pxIntrinsicSize$,\n this._pxIntrinsicCoord$,\n this._collectorRect$,\n ],\n ([\n maximized,\n minimized,\n pxIntrinsicSize,\n pxIntrinsicCoord,\n collectorRect,\n ]) => {\n const styles = maximized\n ? {\n x: 0,\n y: 0,\n width: \"100%\",\n height: \"100%\",\n scaleX: 1,\n scaleY: 1,\n }\n : {\n x: pxIntrinsicCoord.x,\n y: pxIntrinsicCoord.y,\n width: pxIntrinsicSize.width + \"px\",\n height: pxIntrinsicSize.height + \"px\",\n scaleX: 1,\n scaleY: 1,\n };\n if (minimized && collectorRect) {\n const { width: boxWidth, height: boxHeight } = maximized\n ? this.rootRect\n : pxIntrinsicSize;\n styles.x =\n collectorRect.x -\n boxWidth / 2 +\n collectorRect.width / 2;\n styles.y =\n collectorRect.y -\n boxHeight / 2 +\n collectorRect.height / 2;\n styles.scaleX = collectorRect.width / boxWidth;\n styles.scaleY = collectorRect.height / boxHeight;\n }\n return styles;\n },\n { compare: shallowequal }\n );\n\n const boxStyles = boxStyles$.value;\n this.$box.style.width = boxStyles.width;\n this.$box.style.height = boxStyles.height;\n // Add 10px offset on first frame\n // which creates a subtle moving effect\n this.$box.style.transform = `translate(${boxStyles.x - 10}px,${\n boxStyles.y - 10\n }px)`;\n\n this._sideEffect.addDisposer(\n boxStyles$.subscribe((styles) => {\n boxStyler.set(styles);\n })\n );\n\n const $boxMain = document.createElement(\"div\");\n $boxMain.className = this.wrapClassName(\"box-main\");\n this.$box.appendChild($boxMain);\n\n const $titleBar = document.createElement(\"div\");\n $titleBar.className = this.wrapClassName(\"titlebar-wrap\");\n $titleBar.appendChild(this.titleBar.render());\n this.$titleBar = $titleBar;\n\n const $contentWrap = document.createElement(\"div\");\n $contentWrap.className = this.wrapClassName(\"content-wrap\");\n\n const $content = document.createElement(\"div\");\n $content.className =\n this.wrapClassName(\"content\") + \" tele-fancy-scrollbar\";\n this.$content = $content;\n\n this._sideEffect.add(() => {\n const observer = new ResizeObserver(() => {\n const rect = $content.getBoundingClientRect();\n this._contentRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe($content);\n return () => observer.disconnect();\n });\n\n this._sideEffect.add(() => {\n let last$userStyles: HTMLStyleElement | undefined;\n return this._$userStyles$.subscribe(($userStyles) => {\n if (last$userStyles) {\n last$userStyles.remove();\n }\n last$userStyles = $userStyles;\n if ($userStyles) {\n $contentWrap.appendChild($userStyles);\n }\n });\n });\n\n this._sideEffect.add(() => {\n let last$userContent: HTMLElement | undefined;\n return this._$userContent$.subscribe(($userContent) => {\n if (last$userContent) {\n last$userContent.remove();\n }\n last$userContent = $userContent;\n if ($userContent) {\n $content.appendChild($userContent);\n }\n });\n });\n\n this._sideEffect.add(() => {\n let last$userStage: HTMLElement | undefined;\n return this._$userStage$.subscribe(($userStage) => {\n if (last$userStage) {\n last$userStage.remove();\n }\n last$userStage = $userStage;\n if ($userStage) {\n if (!this.$stage) {\n const $stage = document.createElement(\"div\");\n this.$stage = $stage;\n $stage.className = this.wrapClassName(\"content-stage\");\n this._sideEffect.addDisposer(\n this._contentStageRect$.subscribe((rect) => {\n if (rect) {\n $stage.style.top = rect.y + \"px\";\n $stage.style.left = rect.x + \"px\";\n $stage.style.width = rect.width + \"px\";\n $stage.style.height = rect.height + \"px\";\n }\n }),\n \"content-stage-rect\"\n );\n $content.appendChild($stage);\n }\n if (!this.$stage.parentElement) {\n $content.appendChild(this.$stage);\n }\n this.$stage.appendChild($userStage);\n } else if (this.$stage?.parentElement) {\n this.$stage.remove();\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 | \"unmountContent\"\n | \"mountFooter\"\n | \"unmountFooter\"\n | \"mountStage\"\n | \"unmountStage\"\n | \"mountStyles\"\n | \"unmountStyles\"\n | \"setStageRatio\"\n | \"setDraggable\"\n | \"setResizable\"\n | \"setHighlightStage\"\n | \"setTitle\"\n | \"setRatio\"\n | \"setVisible\"\n | \"handleTrackStart\"\n>;\n","export enum TELE_BOX_MANAGER_EVENT {\n Focused = \"focused\",\n Blurred = \"blurred\",\n Created = \"created\",\n Removed = \"removed\",\n State = \"state\",\n Maximized = \"maximized\",\n Minimized = \"minimized\",\n IntrinsicMove = \"intrinsic_move\",\n IntrinsicResize = \"intrinsic_resize\",\n ZIndex = \"z_index\",\n PrefersColorScheme = \"prefers_color_scheme\",\n DarkMode = \"dark_mode\",\n}\n","import \"./style.scss\";\nimport collectorSVG from \"./icons/collector.svg\";\nimport type { TeleStyles } from \"../typings\";\nimport type {\n ReadonlyVal,\n ReadonlyValEnhancedResult,\n ValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n withValueEnhancer,\n combine,\n Val,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type { TeleBoxRect } from \"../TeleBox/typings\";\n\nexport interface TeleBoxCollectorConfig {\n namespace?: string;\n styles?: TeleStyles;\n root$: ReadonlyVal<HTMLElement | null>;\n minimized$: Val<boolean>;\n readonly$: ReadonlyVal<boolean>;\n darkMode$: ReadonlyVal<boolean>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n}\n\ntype ValConfig = {\n styles: Val<TeleStyles>;\n $collector: Val<HTMLElement>;\n};\n\ntype PropsValConfig = {\n root: TeleBoxCollectorConfig[\"root$\"];\n};\n\ntype MyReadonlyValConfig = {\n rect: ReadonlyVal<TeleBoxRect | undefined>;\n visible: ReadonlyVal<boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<PropsValConfig & MyReadonlyValConfig>;\n\nexport interface TeleBoxCollector extends CombinedValEnhancedResult {}\n\nexport class TeleBoxCollector {\n public constructor({\n minimized$,\n readonly$,\n darkMode$,\n rootRect$,\n namespace = \"telebox\",\n styles = {},\n root$,\n }: TeleBoxCollectorConfig) {\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const rect$ = new Val<TeleBoxRect | undefined>(void 0);\n const visible$ = derive(minimized$);\n const styles$ = new Val(styles);\n const el$ = new Val<HTMLElement>(document.createElement(\"button\"));\n\n const valConfig: ValConfig = {\n styles: styles$,\n $collector: el$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const propsValConfig: PropsValConfig = {\n root: root$,\n };\n\n withReadonlyValueEnhancer(this, propsValConfig);\n\n const myReadonlyValConfig: MyReadonlyValConfig = {\n rect: rect$,\n visible: visible$,\n };\n\n withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);\n\n el$.value.className = this.wrapClassName(\"collector\");\n el$.value.style.backgroundImage = `url('${collectorSVG}')`;\n\n this._sideEffect.addDisposer(\n el$.subscribe(($collector) => {\n this._sideEffect.addEventListener(\n $collector,\n \"click\",\n () => {\n if (!readonly$.value) {\n minimized$.setValue(false);\n }\n },\n {},\n \"telebox-collector-click\"\n );\n\n this._sideEffect.addDisposer(\n [\n visible$.subscribe((visible) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-visible\"),\n visible\n );\n }),\n readonly$.subscribe((readonly) => {\n $collector.classList.toggle(\n this.wrapClassName(\"collector-readonly\"),\n readonly\n );\n }),\n darkMode$.subscribe((darkMode) => {\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $collector.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n styles$.subscribe((styles) => {\n Object.keys(styles).forEach((key) => {\n const value = styles[\n key as keyof TeleStyles\n ] as string;\n if (value != null) {\n $collector.style[key as keyof TeleStyles] =\n value;\n }\n });\n }),\n root$.subscribe((root) => {\n if (root) {\n root.appendChild($collector);\n }\n }),\n // Place after $collector appended to the DOM so that rect calc works\n combine([minimized$, rootRect$, root$]).subscribe(\n ([minimized, rootRect, root]) => {\n if (minimized && root) {\n const { x, y, width, height } =\n $collector.getBoundingClientRect();\n rect$.setValue({\n x: x - rootRect.x,\n y: y - rootRect.y,\n width,\n height,\n });\n }\n }\n ),\n ],\n \"telebox-collector-el\"\n );\n })\n );\n }\n\n public readonly namespace: string;\n\n protected readonly _sideEffect = new SideEffectManager();\n\n public destroy(): void {\n this._sideEffect.flushAll();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n}\n","import \"./style.scss\";\n\nimport type { TeleBox } from \"../../TeleBox\";\nimport type { DefaultTitleBarConfig } from \"../../TeleTitleBar\";\nimport { DefaultTitleBar } from \"../../TeleTitleBar\";\nimport { TELE_BOX_STATE } from \"../../TeleBox/constants\";\nimport type { TeleBoxRect } from \"../../TeleBox/typings\";\nimport type { ReadonlyVal } from \"value-enhancer\";\nimport { combine } from \"value-enhancer\";\n\nexport type MaxTitleBarTitle = Pick<TeleBox, \"id\" | \"title\">;\n\nexport interface MaxTitleBarConfig extends DefaultTitleBarConfig {\n darkMode$: ReadonlyVal<boolean>;\n boxes$: ReadonlyVal<TeleBox[]>;\n rootRect$: ReadonlyVal<TeleBoxRect>;\n root$: ReadonlyVal<HTMLElement | null>;\n}\n\nexport class MaxTitleBar extends DefaultTitleBar {\n public constructor(config: MaxTitleBarConfig) {\n super(config);\n\n this.boxes$ = config.boxes$;\n this.rootRect$ = config.rootRect$;\n this.darkMode$ = config.darkMode$;\n\n this.sideEffect.addDisposer(\n config.root$.subscribe((root) => {\n if (root) {\n root.appendChild(this.render());\n } else if (this.$titleBar?.parentNode) {\n this.$titleBar.remove();\n }\n })\n );\n }\n\n public focusBox(box?: TeleBox): void {\n if (this.focusedBox && this.focusedBox === box) {\n return;\n }\n\n if (this.$titles && this.state$.value === TELE_BOX_STATE.Maximized) {\n const { children } = this.$titles.firstElementChild as HTMLElement;\n for (let i = children.length - 1; i >= 0; i -= 1) {\n const $tab = children[i] as HTMLElement;\n const id = $tab.dataset?.teleBoxID;\n if (id) {\n if (box && id === box.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n true\n );\n } else if (this.focusedBox && id === this.focusedBox.id) {\n $tab.classList.toggle(\n this.wrapClassName(\"titles-tab-focus\"),\n false\n );\n }\n }\n }\n }\n this.focusedBox = box;\n }\n\n public render(): HTMLElement {\n if (this.$titleBar) {\n return this.$titleBar;\n }\n\n const $titleBar = super.render();\n\n $titleBar.classList.add(this.wrapClassName(\"max-titlebar\"));\n\n this.sideEffect.addDisposer(\n [\n this.state$.subscribe((state) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-maximized\"),\n state === TELE_BOX_STATE.Maximized\n );\n }),\n this.readonly$.subscribe((readonly) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"readonly\"),\n readonly\n );\n }),\n this.darkMode$.subscribe((darkMode) => {\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-dark\"),\n darkMode\n );\n $titleBar.classList.toggle(\n this.wrapClassName(\"color-scheme-light\"),\n !darkMode\n );\n }),\n combine([this.state$, this.boxes$]).subscribe(\n ([state, titles]) => {\n if (state === TELE_BOX_STATE.Maximized) {\n $titleBar.classList.toggle(\n this.wrapClassName(\"max-titlebar-single-title\"),\n titles.length === 1\n );\n if (titles.length !== 1) {\n $titleBar.replaceChild(\n this.renderTitles(),\n $titleBar.firstElementChild as HTMLElement\n );\n }\n }\n }\n ),\n ],\n \"max-render\"\n );\n\n const $titlesArea = document.createElement(\"div\");\n $titlesArea.classList.add(this.wrapClassName(\"titles-area\"));\n $titleBar.insertBefore($titlesArea, $titleBar.firstElementChild);\n\n return $titleBar;\n }\n\n public destroy(): void {\n super.destroy();\n this.$titles = void 0;\n this.focusedBox = void 0;\n }\n\n protected renderTitles(): HTMLElement {\n this.$titles = document.createElement(\"div\");\n this.$titles.className = this.wrapClassName(\"titles\");\n\n this.sideEffect.addEventListener(\n this.$titles,\n \"wheel\",\n (ev) => {\n (ev.currentTarget as HTMLElement).scrollBy({\n left: ev.deltaY > 0 ? 250 : -250,\n behavior: \"smooth\",\n });\n },\n { passive: false },\n \"max-render-wheel-titles\"\n );\n\n const $content = document.createElement(\"div\");\n $content.className = this.wrapClassName(\"titles-content\");\n this.$titles.appendChild($content);\n\n const disposers = this.boxes$.value.map((box) => {\n const $tab = document.createElement(\"button\");\n $tab.className = this.wrapClassName(\"titles-tab\");\n $tab.textContent = box.title;\n $tab.dataset.teleBoxID = box.id;\n $tab.dataset.teleTitleBarNoDblClick = \"true\";\n\n if (this.focusedBox && box.id === this.focusedBox.id) {\n $tab.classList.add(this.wrapClassName(\"titles-tab-focus\"));\n }\n\n $content.appendChild($tab);\n\n return box._title$.reaction((title) => ($tab.textContent = title));\n });\n\n this.sideEffect.addDisposer(\n () => disposers.forEach((disposer) => disposer()),\n \"max-render-tab-titles\"\n );\n\n return this.$titles;\n }\n\n public focusedBox: TeleBox | undefined;\n\n protected darkMode$: MaxTitleBarConfig[\"darkMode$\"];\n protected boxes$: MaxTitleBarConfig[\"boxes$\"];\n protected rootRect$: MaxTitleBarConfig[\"rootRect$\"];\n\n protected $titles: HTMLElement | undefined;\n}\n","import shallowequal from \"shallowequal\";\nimport { ResizeObserver as ResizeObserverPolyfill } from \"@juggle/resize-observer\";\nimport { SideEffectManager } from \"side-effect-manager\";\nimport type {\n ReadonlyVal,\n ValEnhancedResult,\n ReadonlyValEnhancedResult,\n} from \"value-enhancer\";\nimport { derive } from \"value-enhancer\";\nimport {\n combine,\n Val,\n withValueEnhancer,\n withReadonlyValueEnhancer,\n ValManager,\n} from \"value-enhancer\";\nimport Emittery from \"emittery\";\nimport type {\n ReadonlyTeleBox,\n TeleBoxColorScheme,\n TeleBoxRect,\n TeleBoxState,\n} from \"../TeleBox\";\nimport {\n TeleBox,\n TELE_BOX_EVENT,\n TELE_BOX_STATE,\n TELE_BOX_COLOR_SCHEME,\n TELE_BOX_DELEGATE_EVENT,\n} from \"../TeleBox\";\nimport { TeleBoxCollector } from \"../TeleBoxCollector\";\nimport { TELE_BOX_MANAGER_EVENT } from \"./constants\";\nimport type {\n TeleBoxManagerConfig,\n TeleBoxManagerCreateConfig,\n TeleBoxManagerEventConfig,\n TeleBoxManagerQueryConfig,\n TeleBoxManagerUpdateConfig,\n} from \"./typings\";\nimport { MaxTitleBar } from \"./MaxTitleBar\";\nimport { TeleStage } from \"../TeleStage\";\n\nexport * from \"./typings\";\nexport * from \"./constants\";\n\nconst ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n\ntype ReadonlyValConfig = {\n darkMode: ReadonlyVal<boolean, boolean>;\n state: ReadonlyVal<TeleBoxState, boolean>;\n root: Val<HTMLElement | null>;\n rootRect: Val<TeleBoxRect>;\n stageRect: ReadonlyVal<TeleBoxRect>;\n};\n\ntype ValConfig = {\n prefersColorScheme: Val<TeleBoxColorScheme, boolean>;\n readonly: Val<boolean, boolean>;\n minimized: Val<boolean, boolean>;\n maximized: Val<boolean, boolean>;\n fence: Val<boolean, boolean>;\n stageRatio: Val<number, boolean>;\n highlightStage: Val<boolean, boolean>;\n};\n\ntype CombinedValEnhancedResult = ValEnhancedResult<ValConfig> &\n ReadonlyValEnhancedResult<ReadonlyValConfig>;\n\nexport interface TeleBoxManager extends CombinedValEnhancedResult {}\n\nexport class TeleBoxManager {\n public constructor({\n root = null,\n prefersColorScheme = TELE_BOX_COLOR_SCHEME.Light,\n minimized = false,\n maximized = false,\n fence = false,\n collector,\n namespace = \"telebox\",\n readonly = false,\n stageRatio = -1,\n highlightStage = true,\n }: TeleBoxManagerConfig = {}) {\n this._sideEffect = new SideEffectManager();\n\n this.namespace = namespace;\n\n const valManager = new ValManager();\n this._sideEffect.addDisposer(() => valManager.destroy());\n\n const root$ = new Val(root);\n const readonly$ = new Val(readonly);\n const minimized$ = new Val(minimized);\n const maximized$ = new Val(maximized);\n const fence$ = new Val(fence);\n const stageRatio$ = new Val(stageRatio);\n const highlightStage$ = new Val(highlightStage);\n\n const rootRect$ = new Val<TeleBoxRect>(\n {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n { compare: shallowequal }\n );\n this._sideEffect.addDisposer(\n root$.subscribe((root) => {\n this._sideEffect.add(() => {\n if (!root) {\n return () => void 0;\n }\n const observer = new ResizeObserver(() => {\n const rect = root.getBoundingClientRect();\n rootRect$.setValue({\n x: rect.x,\n y: rect.y,\n width: rect.width,\n height: rect.height,\n });\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, \"calc-root-rect\");\n })\n );\n\n this.boxes$ = new Val<TeleBox[]>([]);\n this.topBox$ = new Val<TeleBox | undefined>(undefined);\n this._sideEffect.addDisposer(\n this.boxes$.subscribe((boxes) => {\n if (boxes.length > 0) {\n const topBox = boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n } else {\n this.topBox$.setValue(undefined);\n }\n })\n );\n\n const prefersDarkMatch = window.matchMedia(\n \"(prefers-color-scheme: dark)\"\n );\n const prefersDark$ = new Val(false);\n if (prefersDarkMatch) {\n prefersDark$.setValue(prefersDarkMatch.matches);\n this._sideEffect.add(() => {\n const handler = (evt: MediaQueryListEvent): void => {\n prefersDark$.setValue(evt.matches);\n };\n prefersDarkMatch.addEventListener(\"change\", handler);\n return () =>\n prefersDarkMatch.removeEventListener(\"change\", handler);\n });\n }\n\n const prefersColorScheme$ = new Val(prefersColorScheme);\n this._sideEffect.addDisposer(\n prefersColorScheme$.reaction((prefersColorScheme, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.PrefersColorScheme,\n prefersColorScheme\n );\n }\n })\n );\n\n const darkMode$ = combine(\n [prefersDark$, prefersColorScheme$],\n ([prefersDark, prefersColorScheme]) =>\n prefersColorScheme === \"auto\"\n ? prefersDark\n : prefersColorScheme === \"dark\"\n );\n\n const state$ = combine(\n [minimized$, maximized$],\n ([minimized, maximized]): TeleBoxState =>\n minimized\n ? TELE_BOX_STATE.Minimized\n : maximized\n ? TELE_BOX_STATE.Maximized\n : TELE_BOX_STATE.Normal\n );\n\n this.collector =\n collector ??\n new TeleBoxCollector({\n minimized$: minimized$,\n readonly$: readonly$,\n darkMode$: darkMode$,\n namespace,\n root$,\n rootRect$,\n });\n\n const teleStage = new TeleStage({\n namespace,\n rootRect$,\n ratio$: stageRatio$,\n root$,\n highlightStage$: combine(\n [highlightStage$, maximized$, minimized$],\n ([highlightStage, maximized, minimized]) =>\n highlightStage && (minimized || !maximized)\n ),\n });\n this._sideEffect.addDisposer(() => teleStage.destroy());\n\n const readonlyValConfig: ReadonlyValConfig = {\n darkMode: darkMode$,\n state: state$,\n root: root$,\n rootRect: rootRect$,\n stageRect: teleStage.stageRect$,\n };\n\n withReadonlyValueEnhancer(this, readonlyValConfig, valManager);\n\n const valConfig: ValConfig = {\n prefersColorScheme: prefersColorScheme$,\n readonly: readonly$,\n fence: fence$,\n minimized: minimized$,\n maximized: maximized$,\n stageRatio: stageRatio$,\n highlightStage: highlightStage$,\n };\n\n withValueEnhancer(this, valConfig, valManager);\n\n const closeBtnClassName = this.wrapClassName(\"titlebar-icon-close\");\n\n const checkFocusBox = (ev: MouseEvent | TouchEvent): void => {\n if (readonly$.value) {\n return;\n }\n\n const target = ev.target as HTMLElement;\n if (!target.tagName) {\n return;\n }\n\n for (\n let el: HTMLElement | null = target;\n el;\n el = el.parentElement\n ) {\n if (el.classList && el.classList.contains(closeBtnClassName)) {\n return;\n }\n const id = el.dataset?.teleBoxID;\n if (id) {\n const box = this.getBox(id);\n if (box) {\n this.focusBox(box);\n this.makeBoxTop(box);\n return;\n }\n }\n }\n };\n\n this._sideEffect.addEventListener(\n window,\n \"mousedown\",\n checkFocusBox,\n true\n );\n this._sideEffect.addEventListener(\n window,\n \"touchstart\",\n checkFocusBox,\n true\n );\n\n this.titleBar = new MaxTitleBar({\n namespace: this.namespace,\n title$: derive(this.topBox$, (topBox) => topBox?.title || \"\"),\n boxes$: this.boxes$,\n darkMode$: darkMode$,\n readonly$: readonly$,\n state$: state$,\n root$,\n rootRect$: rootRect$,\n onEvent: (event): void => {\n switch (event.type) {\n case TELE_BOX_DELEGATE_EVENT.Maximize: {\n maximized$.setValue(!maximized$.value);\n break;\n }\n case TELE_BOX_DELEGATE_EVENT.Minimize: {\n minimized$.setValue(true);\n break;\n }\n case TELE_BOX_EVENT.Close: {\n this.removeTopBox();\n this.focusTopBox();\n break;\n }\n default: {\n break;\n }\n }\n },\n });\n\n this._sideEffect.addDisposer([\n state$.reaction((state, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.State, state);\n }\n }),\n maximized$.reaction((maximized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Maximized,\n maximized\n );\n }\n }),\n minimized$.reaction((minimized, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Minimized,\n minimized\n );\n }\n }),\n darkMode$.reaction((darkMode, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.DarkMode, darkMode);\n }\n }),\n ]);\n }\n\n public get boxes(): ReadonlyArray<TeleBox> {\n return this.boxes$.value;\n }\n\n public get topBox(): TeleBox | undefined {\n return this.topBox$.value;\n }\n\n public readonly events = new Emittery<\n TeleBoxManagerEventConfig,\n TeleBoxManagerEventConfig\n >();\n\n protected _sideEffect: SideEffectManager;\n\n public readonly namespace: string;\n\n /** @deprecated use setMaximized and setMinimized instead */\n public setState(state: TeleBoxState, skipUpdate = false): this {\n switch (state) {\n case TELE_BOX_STATE.Maximized: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(true, skipUpdate);\n break;\n }\n case TELE_BOX_STATE.Minimized: {\n this.setMinimized(true, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n default: {\n this.setMinimized(false, skipUpdate);\n this.setMaximized(false, skipUpdate);\n break;\n }\n }\n return this;\n }\n\n public create(\n config: TeleBoxManagerCreateConfig = {},\n smartPosition = true\n ): ReadonlyTeleBox {\n const box = new TeleBox({\n zIndex: this.topBox ? this.topBox.zIndex + 1 : 100,\n ...config,\n ...(smartPosition ? this.smartPosition(config) : {}),\n namespace: this.namespace,\n root$: this._root$,\n darkMode$: this._darkMode$,\n maximized$: this._maximized$,\n minimized$: this._minimized$,\n fence$: this._fence$,\n rootRect$: this._rootRect$,\n managerStageRect$: this._stageRect$,\n managerStageRatio$: this._stageRatio$,\n readonly$: this._readonly$,\n collectorRect$: this.collector._rect$,\n managerHighlightStage$: this._highlightStage$,\n });\n\n if (box.focus) {\n this.focusBox(box);\n if (smartPosition) {\n this.makeBoxTop(box);\n }\n }\n\n this.boxes$.setValue([...this.boxes, box]);\n\n this._sideEffect.addDisposer([\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {\n this.setMaximized(!this.maximized);\n }),\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {\n this.setMinimized(true);\n }),\n box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {\n this.remove(box);\n this.focusTopBox();\n }),\n box._intrinsicCoord$.reaction((_, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.IntrinsicMove, box);\n }\n }),\n box._intrinsicSize$.reaction((_, skipUpdate) => {\n if (!skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.IntrinsicResize,\n box\n );\n }\n }),\n box._zIndex$.reaction((_, skipUpdate) => {\n if (this.boxes.length > 0) {\n const topBox = this.boxes.reduce((topBox, box) =>\n topBox.zIndex > box.zIndex ? topBox : box\n );\n this.topBox$.setValue(topBox);\n }\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.ZIndex, box);\n }\n }),\n ]);\n\n this.events.emit(TELE_BOX_MANAGER_EVENT.Created, box);\n\n return box;\n }\n\n public query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[] {\n return config\n ? this.boxes.filter(this.teleBoxMatcher(config))\n : [...this.boxes];\n }\n\n public queryOne(\n config?: TeleBoxManagerQueryConfig\n ): ReadonlyTeleBox | undefined {\n return config\n ? this.boxes.find(this.teleBoxMatcher(config))\n : this.boxes[0];\n }\n\n public update(\n boxID: string,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n const box = this.boxes.find((box) => box.id === boxID);\n if (box) {\n return this.updateBox(box, config, skipUpdate);\n }\n }\n\n public updateAll(\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n this.boxes.forEach((box) => {\n this.updateBox(box, config, skipUpdate);\n });\n }\n\n public remove(\n boxOrID: string | TeleBox,\n skipUpdate = false\n ): ReadonlyTeleBox | undefined {\n const index = this.getBoxIndex(boxOrID);\n if (index >= 0) {\n const boxes = this.boxes.slice();\n const deletedBoxes = boxes.splice(index, 1);\n this.boxes$.setValue(boxes);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes[0];\n }\n return;\n }\n\n public removeTopBox(): ReadonlyTeleBox | undefined {\n if (this.topBox) {\n return this.remove(this.topBox);\n }\n return;\n }\n\n public removeAll(skipUpdate = false): ReadonlyTeleBox[] {\n const deletedBoxes = this.boxes$.value;\n this.boxes$.setValue([]);\n deletedBoxes.forEach((box) => box.destroy());\n if (!skipUpdate) {\n if (this.boxes.length <= 0) {\n this.setMaximized(false);\n this.setMinimized(false);\n }\n this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);\n }\n return deletedBoxes;\n }\n\n /**\n * Mount manager to a container element.\n */\n public mount(root: HTMLElement): void {\n this._root$.setValue(root);\n }\n\n /**\n * Unmount manager from the container element.\n */\n public unmount(): void {\n this._root$.setValue(null);\n }\n\n public destroy(skipUpdate = false): void {\n this.events.clearListeners();\n this._sideEffect.flushAll();\n this.removeAll(skipUpdate);\n this.collector.destroy();\n this.titleBar.destroy();\n }\n\n public wrapClassName(className: string): string {\n return `${this.namespace}-${className}`;\n }\n\n public focusBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n this.boxes.forEach((box) => {\n if (targetBox === box) {\n let focusChanged = false;\n if (!targetBox.focus) {\n focusChanged = true;\n targetBox._focus$.setValue(true, skipUpdate);\n }\n if (focusChanged && !skipUpdate) {\n this.events.emit(\n TELE_BOX_MANAGER_EVENT.Focused,\n targetBox\n );\n }\n } else if (box.focus) {\n this.blurBox(box, skipUpdate);\n }\n });\n this.titleBar.focusBox(targetBox);\n }\n }\n\n public focusTopBox(): void {\n if (this.topBox && !this.topBox.focus) {\n return this.focusBox(this.topBox);\n }\n }\n\n public blurBox(boxOrID: string | TeleBox, skipUpdate = false): void {\n const targetBox = this.getBox(boxOrID);\n if (targetBox) {\n if (targetBox.focus) {\n targetBox._focus$.setValue(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, targetBox);\n }\n }\n if (this.titleBar.focusedBox === targetBox) {\n this.titleBar.focusBox();\n }\n }\n }\n\n public blurAll(skipUpdate = false): void {\n this.boxes.forEach((box) => {\n if (box.focus) {\n box._focus$.setValue(false, skipUpdate);\n if (!skipUpdate) {\n this.events.emit(TELE_BOX_MANAGER_EVENT.Blurred, box);\n }\n }\n });\n if (this.titleBar.focusedBox) {\n this.titleBar.focusBox();\n }\n }\n\n public collector: TeleBoxCollector;\n public titleBar: MaxTitleBar;\n\n protected boxes$: Val<TeleBox[]>;\n protected topBox$: Val<TeleBox | undefined>;\n\n protected teleBoxMatcher(\n config: TeleBoxManagerQueryConfig\n ): (box: TeleBox) => boolean {\n const keys = Object.keys(config) as Array<\n keyof TeleBoxManagerQueryConfig\n >;\n return (box: TeleBox): boolean =>\n keys.every((key) => config[key] === box[key]);\n }\n\n protected updateBox(\n box: TeleBox,\n config: TeleBoxManagerUpdateConfig,\n skipUpdate = false\n ): void {\n if (config.x != null || config.y != null) {\n box._intrinsicCoord$.setValue(\n {\n x: config.x ?? box.intrinsicX,\n y: config.y ?? box.intrinsicY,\n },\n skipUpdate\n );\n }\n if (config.width != null || config.height != null) {\n box._intrinsicSize$.setValue(\n {\n width: config.width ?? box.intrinsicWidth,\n height: config.height ?? box.intrinsicHeight,\n },\n skipUpdate\n );\n }\n if (config.title != null) {\n box._title$.setValue(config.title);\n }\n if (config.visible != null) {\n box._visible$.setValue(config.visible, skipUpdate);\n }\n if (config.resizable != null) {\n box._resizable$.setValue(config.resizable, skipUpdate);\n }\n if (config.draggable != null) {\n box._draggable$.setValue(config.draggable, skipUpdate);\n }\n if (config.ratio != null) {\n box._ratio$.setValue(config.ratio, skipUpdate);\n }\n if (config.zIndex != null) {\n box._zIndex$.setValue(config.zIndex, skipUpdate);\n }\n if (config.stageRatio !== undefined) {\n box.setStageRatio(config.stageRatio, skipUpdate);\n }\n if (config.content != null) {\n box.mountContent(config.content);\n }\n if (config.footer != null) {\n box.mountFooter(config.footer);\n }\n if (config.minHeight != null || config.minWidth != null) {\n box._minSize$.setValue(\n {\n width: config.minWidth ?? box.minWidth,\n height: config.minHeight ?? box.minHeight,\n },\n skipUpdate\n );\n }\n }\n\n /** Keep new boxes staggered inside stage area */\n protected smartPosition(rect: Partial<TeleBoxRect>): TeleBoxRect {\n let { x, y } = rect;\n const { width = 0.5, height = 0.5 } = rect;\n const stageRect = this.stageRect;\n const topBox = this.topBox;\n\n if (x == null) {\n let pxX = stageRect.x + 20;\n if (topBox) {\n const pxPreferredX = topBox.pxIntrinsicCoord.x + 20;\n const pxIntrinsicWidth = width * stageRect.width;\n if (\n pxPreferredX + pxIntrinsicWidth <=\n stageRect.x + stageRect.width\n ) {\n pxX = pxPreferredX;\n }\n }\n x = (pxX - stageRect.x) / stageRect.width;\n }\n\n if (y == null) {\n let pxY = stageRect.y + 20;\n if (topBox) {\n const pxPreferredY = topBox.pxIntrinsicCoord.y + 20;\n const pxIntrinsicHeight = height * stageRect.height;\n if (\n pxPreferredY + pxIntrinsicHeight <=\n stageRect.y + stageRect.height\n ) {\n pxY = pxPreferredY;\n }\n }\n y = (pxY - stageRect.y) / stageRect.height;\n }\n\n return { x, y, width, height };\n }\n\n protected makeBoxTop(box: TeleBox, skipUpdate = false): void {\n if (this.topBox) {\n if (box !== this.topBox) {\n box._zIndex$.setValue(this.topBox.zIndex + 1, skipUpdate);\n }\n }\n }\n\n protected getBoxIndex(boxOrID: TeleBox | string): number {\n return typeof boxOrID === \"string\"\n ? this.boxes.findIndex((box) => box.id === boxOrID)\n : this.boxes.findIndex((box) => box === boxOrID);\n }\n\n protected getBox(boxOrID: TeleBox | string): TeleBox | undefined {\n return typeof boxOrID === \"string\"\n ? this.boxes.find((box) => box.id === boxOrID)\n : boxOrID;\n }\n}\n"],"names":["TELE_BOX_COLOR_SCHEME2","TELE_BOX_STATE2","TELE_BOX_EVENT2","TELE_BOX_DELEGATE_EVENT2","TELE_BOX_RESIZE_HANDLE2","TELE_BOX_COLOR_SCHEME","TELE_BOX_STATE","TELE_BOX_EVENT","TELE_BOX_DELEGATE_EVENT","TELE_BOX_RESIZE_HANDLE","value","min","max","Math","ev","stopPropagation","cancelable","preventDefault","touches","defaultBoxCount","Boolean","constructor","readonly$","state$","title$","buttons","onEvent","onDragStart","namespace","SideEffectManager","timestamp","clientX","clientY","this","button","target","dataset","teleTitleBarNoDblClick","now","Date","lastTitleBarClick","abs","type","Maximize","lastTitleBarTouch","Minimize","iconClassName","wrapClassName","isActive","state","Maximized","Close","$dragArea","renderDragArea","render","$titleBar","document","createElement","className","$titleArea","teleBoxHandle","$title","appendChild","$buttonsContainer","forEach","i","teleTitleBarBtnIndex","String","$btn","sideEffect","addDisposer","subscribe","title","textContent","btn","children","classList","toggle","addEventListener","Number","isNaN","length","handleTitleBarClick","handleTitleBarTouch","passive","dragHandle","destroy","flushAll","rootRect$","ratio$","highlightStage$","root$","stageRect$","combine","rootRect","ratio","width","height","preferredHeight","x","y","preferredWidth","compare","shallowequal","_sideEffect","root","highlightStage","$boxStage","parentNode","remove","$boxStageMask1","$boxStageMask2","$boxStageFrame","$topLeftCorner","$topRightCorner","$bottomLeftCorner","$bottomRightCorner","map","path","$svg","createElementNS","setAttribute","$path","stageRect","style","flexDirection","ResizeObserver","window","ResizeObserverPolyfill","id","genUID","getBoxDefaultName","visible","minWidth","minHeight","resizable","draggable","focus","zIndex","stageRatio","titleBar","content","stage","footer","styles","darkMode$","fence$","minimized$","maximized$","managerStageRect$","managerStageRatio$","collectorRect$","managerHighlightStage$","Emittery","_handleTrackStart","valManager","ValManager","Val","visible$","resizable$","draggable$","zIndex$","focus$","$userContent$","$userStage$","$userFooter$","$userStyles$","minimized","maximized","Minimized","Normal","minSize$","clamp","pxMinSize$","minSize","managerStageRect","intrinsicSize$","reaction","skipUpdate","setValue","intrinsicCoord$","pxIntrinsicSize$","size","pxIntrinsicCoord$","intrinsicCoord","boxHighlightStage$","boxHighlightStage","managerHighlightStage","contentRoot$","contentRect$","stageRatio$","teleStage","TeleStage","stageRatio2","managerStageRatio","propsValConfig","darkMode","fence","readonly","collectorRect","myReadonlyValConfig","$userContent","$userStage","$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","mountStage","_$userStage$","unmountStage","mountFooter","_$userFooter$","unmountFooter","getUserStyles","mountStyles","$styles","_$userStyles$","unmountStyles","setHighlightStage","_boxHighlightStage$","add","bindClassName","el","predicate","isTruthy","wrappedClassName","_readonly$","_draggable$","isFalsy","_resizable$","_focus$","_darkMode$","minimizedClassName","maximizedClassName","MAXIMIZED_TIMER_ID","_state$","flush","setTimeout","_visible$","display","_zIndex$","teleBoxID","boxStyler","styler","boxStyles$","_maximized$","_minimized$","_pxIntrinsicSize$","_pxIntrinsicCoord$","_collectorRect$","scaleX","scaleY","boxWidth","boxHeight","boxStyles","set","$boxMain","$contentWrap","observer","rect","getBoundingClientRect","_contentRect$","observe","disconnect","last$userStyles","last$userContent","last$userStage","$stage","_contentStageRect$","top","left","$footer","last$userFooter","_renderResizeHandlers","$resizeHandles","values","handleType","$handle","TRACKING_DISPOSER_ID","transformingClassName","$trackMask","trackingHandle","trackStartX","trackStartY","trackStartWidth","trackStartHeight","trackStartPageX","trackStartPageY","handleTracking","pageX","pageY","flattenEvent","offsetX","offsetY","newX","newY","newWidth","North","South","West","East","NorthWest","NorthEast","SouthEast","SouthWest","handleTrackEnd","handleTrackStart","cursor","removeEventListener","Destroyed","clearListeners","TELE_BOX_MANAGER_EVENT2","rect$","derive","styles$","el$","$collector","backgroundImage","styles2","keys","key","TELE_BOX_MANAGER_EVENT","config","boxes$","focusBox","box","focusedBox","$titles","firstElementChild","$tab","super","titles","replaceChild","renderTitles","$titlesArea","insertBefore","currentTarget","scrollBy","deltaY","behavior","disposers","_title$","disposer","prefersColorScheme","Light","collector","innerWidth","innerHeight","root2","topBox$","boxes","topBox","reduce","topBox2","prefersDarkMatch","matchMedia","prefersDark$","matches","handler","evt","prefersColorScheme$","prefersColorScheme2","PrefersColorScheme","prefersDark","minimized2","maximized2","TeleBoxCollector","highlightStage2","readonlyValConfig","closeBtnClassName","checkFocusBox","tagName","contains","getBox","makeBoxTop","MaxTitleBar","removeTopBox","focusTopBox","setState","setMinimized","setMaximized","create","smartPosition","TeleBox","_root$","_fence$","_rootRect$","_stageRect$","_stageRatio$","_rect$","_highlightStage$","on","_","box2","Created","query","filter","teleBoxMatcher","queryOne","find","update","boxID","updateBox","updateAll","boxOrID","index","getBoxIndex","slice","deletedBoxes","splice","Removed","removeAll","mount","unmount","targetBox","focusChanged","Focused","blurBox","Blurred","blurAll","Object","every","intrinsicX","intrinsicY","intrinsicWidth","intrinsicHeight","_ratio$","setStageRatio","pxX","pxPreferredX","pxY","pxPreferredY","findIndex"],"mappings":"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"}