{"date":"2026-10-27","base":"0ff253bfba3ee8d3d65448bd44ad890fd01b0ecd","patchedSourceSha256":"90733f857678500ce45ca882f24ecf4bbf53cc3b2a83f57d869af9519ac21aab","browser":"155.0.8059.85","viewport":{"width":1000,"height":640},"bodyMargin":"36px","method":"Real SFC compileScript/compileStyle outputs; upstream and unchanged patched production runtimes; 3 openings per case; only open is assigned after mounting; CSS transitions disabled; width and color remain 375px/red.","cases":[{"defer":false,"ownerReadsOpen":false,"variant":"upstream","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    \n    <Teleport to=\"body\">\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"f92677225c1838500915468e4a9d29f2dbaa195428747dc17b49f6a01411679b","openings":[{"cycle":0,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":1,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":2,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true}],"pageErrors":[]},{"defer":false,"ownerReadsOpen":false,"variant":"current","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    \n    <Teleport to=\"body\">\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"045a4019fd60fe97053e2f87792cc8da9cf8f5f8d7d1485b9e897305da6008bf","openings":[{"cycle":0,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":1,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":2,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true}],"pageErrors":[]},{"defer":false,"ownerReadsOpen":true,"variant":"upstream","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    <p>{{ open }}</p>\n    <Teleport to=\"body\">\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"p\", null, _toDisplayString(open.value), 1 /* TEXT */),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"f92677225c1838500915468e4a9d29f2dbaa195428747dc17b49f6a01411679b","openings":[{"cycle":0,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":1,"newElement":true},{"cycle":1,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":3,"newElement":true},{"cycle":2,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":5,"newElement":true}],"pageErrors":[]},{"defer":false,"ownerReadsOpen":true,"variant":"current","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    <p>{{ open }}</p>\n    <Teleport to=\"body\">\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"p\", null, _toDisplayString(open.value), 1 /* TEXT */),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"045a4019fd60fe97053e2f87792cc8da9cf8f5f8d7d1485b9e897305da6008bf","openings":[{"cycle":0,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":1,"newElement":true},{"cycle":1,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":3,"newElement":true},{"cycle":2,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":5,"newElement":true}],"pageErrors":[]},{"defer":true,"ownerReadsOpen":false,"variant":"upstream","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    \n    <Teleport to=\"body\" defer>\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(), _createBlock(_Teleport, {\n      to: \"body\",\n      defer: \"\"\n    }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"f92677225c1838500915468e4a9d29f2dbaa195428747dc17b49f6a01411679b","openings":[{"cycle":0,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":1,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":2,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true}],"pageErrors":[]},{"defer":true,"ownerReadsOpen":false,"variant":"current","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    \n    <Teleport to=\"body\" defer>\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (_openBlock(), _createBlock(_Teleport, {\n      to: \"body\",\n      defer: \"\"\n    }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"045a4019fd60fe97053e2f87792cc8da9cf8f5f8d7d1485b9e897305da6008bf","openings":[{"cycle":0,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":1,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true},{"cycle":2,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":0,"newElement":true}],"pageErrors":[]},{"defer":true,"ownerReadsOpen":true,"variant":"upstream","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    <p>{{ open }}</p>\n    <Teleport to=\"body\" defer>\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"p\", null, _toDisplayString(open.value), 1 /* TEXT */),\n    (_openBlock(), _createBlock(_Teleport, {\n      to: \"body\",\n      defer: \"\"\n    }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"f92677225c1838500915468e4a9d29f2dbaa195428747dc17b49f6a01411679b","openings":[{"cycle":0,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":1,"newElement":true},{"cycle":1,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":3,"newElement":true},{"cycle":2,"width":"928px","color":"rgb(0, 0, 0)","owner":null,"expectedOwner":"0","inlineWidth":"","inlineColor":"","sourceWidth":"375px","sourceColor":"red","ownerUpdates":5,"newElement":true}],"pageErrors":[]},{"defer":true,"ownerReadsOpen":true,"variant":"current","input":"<script setup>\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n</script>\n<template>\n  <div class=\"owner\">\n    <p>{{ open }}</p>\n    <Teleport to=\"body\" defer>\n      <Transition :css=\"false\">\n        <div v-if=\"open\" class=\"probe\">modal</div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n<style>.probe { width: v-bind(boxWidth); color: v-bind(boxColor) }</style>","compiledScript":"import { useCssVars as _useCssVars, unref as _unref } from 'vue'\nimport { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"owner\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"probe\"\n}\n\nimport { ref, getCurrentInstance, onUpdated } from 'vue'\n\nexport default {\n  __name: 'TeleportExtraRegression',\n  setup(__props) {\n\n_useCssVars(_ctx => ({\n  \"extra-boxWidth\": (boxWidth.value),\n  \"extra-boxColor\": (boxColor.value)\n}))\n\nconst open = ref(false)\nconst boxWidth = ref('375px')\nconst boxColor = ref('red')\nlet updates = 0\nonUpdated(() => { updates++ })\nwindow.control = { open, boxWidth, boxColor, ownerId: getCurrentInstance().uid, getUpdates: () => updates }\n\nreturn (_ctx, _cache) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"p\", null, _toDisplayString(open.value), 1 /* TEXT */),\n    (_openBlock(), _createBlock(_Teleport, {\n      to: \"body\",\n      defer: \"\"\n    }, [\n      _createVNode(_Transition, { css: false }, {\n        default: _withCtx(() => [\n          (open.value)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, \"modal\"))\n            : _createCommentVNode(\"v-if\", true)\n        ]),\n        _: 1 /* STABLE */\n      })\n    ]))\n  ]))\n}\n}\n\n}","compiledCss":".probe { width: var(--extra-boxWidth); color: var(--extra-boxColor)\n}","bundleSha256":"045a4019fd60fe97053e2f87792cc8da9cf8f5f8d7d1485b9e897305da6008bf","openings":[{"cycle":0,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":1,"newElement":true},{"cycle":1,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":3,"newElement":true},{"cycle":2,"width":"375px","color":"rgb(255, 0, 0)","owner":"0","expectedOwner":"0","inlineWidth":"375px","inlineColor":"red","sourceWidth":"375px","sourceColor":"red","ownerUpdates":5,"newElement":true}],"pageErrors":[]}]}