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

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