vite-plugin-vue-devtools 0.0.1-alpha.9 → 0.0.2

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 (26) hide show
  1. package/README.md +85 -2
  2. package/dist/client/assets/{VCard-2c64c235.js → VCard-bd163775.js} +1 -1
  3. package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js → VIcon.vue_vue_type_script_setup_true_lang-ace21790.js} +1 -1
  4. package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js → VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js} +1 -1
  5. package/dist/client/assets/{VPanelGrids-258e71bf.js → VPanelGrids-aa63351b.js} +1 -1
  6. package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-bf165828.js → VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js} +3 -3
  7. package/dist/client/assets/{__inspecting-ac0f47cd.js → __inspecting-286ae191.js} +2 -2
  8. package/dist/client/assets/{assets-16670a42.js → assets-cd4715cf.js} +7 -7
  9. package/dist/client/assets/{components-d61f66d3.js → components-9972c4c4.js} +38 -8
  10. package/dist/client/assets/{graph-06e5c153.js → graph-57712452.js} +3 -2
  11. package/dist/client/assets/{index-ecdbdbf3.js → index-46e82560.js} +121 -37
  12. package/dist/client/assets/{inspect-debc5551.js → inspect-78d7aad4.js} +2 -2
  13. package/dist/client/assets/{overview-8074b6b6.js → overview-b595f4c8.js} +4 -4
  14. package/dist/client/assets/{pages-8bbcb7f6.js → pages-d2cd252f.js} +4 -4
  15. package/dist/client/assets/{pinia-704b2690.js → pinia-663071c7.js} +9 -8
  16. package/dist/client/assets/{routes-2f7ef553.js → routes-4ac43e84.js} +5 -5
  17. package/dist/client/assets/{rpc-ff946cbe.js → rpc-b3f8e657.js} +1 -1
  18. package/dist/client/assets/{settings-0b0be9f6.js → settings-56399403.js} +3 -3
  19. package/dist/client/assets/{splitpanes.es-aae37be3.js → splitpanes.es-39cc6ffd.js} +8 -9
  20. package/dist/client/assets/timeline-3b917d7d.js +1500 -0
  21. package/dist/client/assets/timeline-b315b2e0.css +1 -0
  22. package/dist/client/index.html +1 -1
  23. package/dist/index.d.ts +2 -2
  24. package/package.json +19 -14
  25. package/src/node/Container.vue +1 -0
  26. package/dist/client/assets/timeline-32808aaa.js +0 -209
@@ -0,0 +1 @@
1
+ .vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
@@ -5,7 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
7
7
  <title>Vue Devtools</title>
8
- <script type="module" crossorigin src="./assets/index-ecdbdbf3.js"></script>
8
+ <script type="module" crossorigin src="./assets/index-46e82560.js"></script>
9
9
  <link rel="stylesheet" href="./assets/index-f0fa9f81.css">
10
10
  </head>
11
11
  <body>
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { Plugin } from 'vite';
1
+ import { PluginOption } from 'vite';
2
2
 
3
- declare function PluginVueDevtools(): Plugin[];
3
+ declare function PluginVueDevtools(): PluginOption;
4
4
 
5
5
  export { PluginVueDevtools as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vite-plugin-vue-devtools",
3
- "version": "0.0.1-alpha.9",
4
- "packageManager": "pnpm@7.30.0",
3
+ "version": "0.0.2",
4
+ "packageManager": "pnpm@8.4.0",
5
5
  "description": "A vite plugin for Vue Devtools",
6
6
  "author": "webfansplz",
7
7
  "license": "MIT",
@@ -51,32 +51,35 @@
51
51
  "prepublishOnly": "npm run build",
52
52
  "release": "bumpp && npm publish"
53
53
  },
54
+ "peerDependencies": {
55
+ "vite": "^3.0.0-0 || ^4.0.0-0"
56
+ },
54
57
  "dependencies": {
55
58
  "@vueuse/core": "^10.1.2",
56
59
  "nanoid": "^4.0.2",
57
- "sirv": "^2.0.2",
60
+ "sirv": "^2.0.3",
58
61
  "splitpanes": "^3.1.5",
59
62
  "vite-hot-client": "^0.2.1",
60
- "vite-plugin-inspect": "^0.7.23",
63
+ "vite-plugin-inspect": "^0.7.25",
61
64
  "vite-plugin-vue-inspector": "^3.4.1",
62
65
  "vue-router": "^4.1.6"
63
66
  },
64
67
  "devDependencies": {
65
68
  "@antfu/eslint-config": "^0.38.5",
66
69
  "@antfu/ni": "^0.21.3",
67
- "@iconify/json": "^2.2.52",
68
- "@nuxt/devtools-ui-kit": "^0.4.1",
70
+ "@iconify/json": "^2.2.61",
71
+ "@nuxt/devtools-ui-kit": "^0.4.5",
69
72
  "@types/codemirror": "^5.60.7",
70
- "@types/node": "^18.15.13",
73
+ "@types/node": "^20.1.0",
71
74
  "@types/splitpanes": "^2.2.1",
72
- "@unocss/eslint-config": "^0.51.5",
73
- "@unocss/reset": "^0.51.5",
74
- "@vitejs/plugin-vue": "^4.1.0",
75
+ "@unocss/eslint-config": "^0.51.12",
76
+ "@unocss/reset": "^0.51.12",
77
+ "@vitejs/plugin-vue": "^4.2.1",
75
78
  "bumpp": "^9.1.0",
76
79
  "codemirror": "^6.0.1",
77
80
  "codemirror-theme-vars": "^0.1.2",
78
81
  "dayjs": "^1.11.7",
79
- "eslint": "^8.38.0",
82
+ "eslint": "8.38.0",
80
83
  "fast-glob": "^3.2.12",
81
84
  "floating-vue": "2.0.0-beta.20",
82
85
  "fuse.js": "^6.6.2",
@@ -85,17 +88,19 @@
85
88
  "ohash": "^1.1.2",
86
89
  "pathe": "^1.1.0",
87
90
  "pinia": "^2.0.35",
91
+ "pnpm": "^8.4.0",
88
92
  "rimraf": "^5.0.0",
89
93
  "typescript": "^5.0.4",
90
94
  "unbuild": "^1.2.1",
91
- "unocss": "^0.51.5",
95
+ "unocss": "^0.51.12",
92
96
  "unplugin-auto-import": "^0.15.3",
93
97
  "unplugin-vue-components": "^0.24.1",
94
98
  "vis-data": "^7.1.6",
95
99
  "vis-network": "^9.1.6",
96
- "vite": "^4.3.1",
100
+ "vite": "^4.3.5",
97
101
  "vite-dev-rpc": "^0.1.2",
98
102
  "vite-plugin-pages": "^0.29.0",
99
- "vue": "^3.2.47"
103
+ "vue": "^3.2.47",
104
+ "vue-virtual-scroller": "2.0.0-beta.8"
100
105
  }
101
106
  }
@@ -278,6 +278,7 @@ initPanelPosition()
278
278
  <style scoped>
279
279
  .vue-devtools-panel {
280
280
  position: fixed;
281
+ z-index: 2147483647;
281
282
  width: calc(80vw - 20px);
282
283
  height: calc(60vh - 20px);
283
284
  }
@@ -1,209 +0,0 @@
1
- import { g, M, _ as _sfc_main$2 } from './splitpanes.es-aae37be3.js';
2
- import { _ as __unplugin_components_0 } from './VPanelGrids-258e71bf.js';
3
- import { _ as __unplugin_components_7 } from './VCard-2c64c235.js';
4
- import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-ecdbdbf3.js';
5
- import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
6
-
7
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
8
-
9
- /* Injected with object hook! */
10
-
11
- var dayjs_minExports = {};
12
- var dayjs_min = {
13
- get exports(){ return dayjs_minExports; },
14
- set exports(v){ dayjs_minExports = v; },
15
- };
16
- /* Injected with object hook! */
17
-
18
- (function (module, exports) {
19
- !function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
20
- } (dayjs_min));
21
-
22
- const dayjs = dayjs_minExports;
23
- /* Injected with object hook! */
24
-
25
- const _hoisted_1$1 = { key: 0 };
26
- const _hoisted_2$1 = ["onClick"];
27
- const _hoisted_3$1 = {
28
- "flex-1": "",
29
- truncate: "",
30
- "font-mono": "",
31
- "space-x-1": ""
32
- };
33
- const _hoisted_4$1 = { "opacity-75": "" };
34
- const _hoisted_5$1 = {
35
- "flex-none": "",
36
- "font-mono": "",
37
- "opacity-50": ""
38
- };
39
- const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("h1", {
40
- "text-sm": "",
41
- italic: "",
42
- op50: ""
43
- }, " No Events ", -1);
44
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
45
- __name: "TimelineEvent",
46
- props: {
47
- data: null,
48
- selected: null
49
- },
50
- emits: ["update-selected"],
51
- setup(__props, { emit: emits }) {
52
- return (_ctx, _cache) => {
53
- const _component_VCard = __unplugin_components_7;
54
- const _component_VPanelGrids = __unplugin_components_0;
55
- return __props.data.length ? (openBlock(), createElementBlock("ul", _hoisted_1$1, [
56
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (item, index) => {
57
- return openBlock(), createElementBlock("li", {
58
- key: index,
59
- border: "b base",
60
- "h-10": "",
61
- flex: "",
62
- "cursor-pointer": "",
63
- "select-none": "",
64
- "items-center": "",
65
- "pl-3": "",
66
- "pr-2": "",
67
- "text-xs": "",
68
- "space-x-2": "",
69
- class: normalizeClass([index === __props.selected ? "vue-block-active" : "vue-block-hover"]),
70
- onClick: ($event) => emits("update-selected", index)
71
- }, [
72
- createBaseVNode("span", _hoisted_3$1, [
73
- createBaseVNode("span", {
74
- "font-medium": "",
75
- class: normalizeClass([index === __props.selected ? "text-white" : "text-purple-600 dark:text-purple-400"])
76
- }, toDisplayString(item.event.title), 3),
77
- createBaseVNode("span", _hoisted_4$1, toDisplayString(item.event.subtitle), 1)
78
- ]),
79
- createBaseVNode("span", _hoisted_5$1, toDisplayString(unref(dayjs)(item.event.now).format("HH:mm:ss")), 1)
80
- ], 10, _hoisted_2$1);
81
- }), 128))
82
- ])) : (openBlock(), createBlock(_component_VPanelGrids, {
83
- key: 1,
84
- px5: ""
85
- }, {
86
- default: withCtx(() => [
87
- createVNode(_component_VCard, {
88
- flex: "~ col gap2",
89
- "min-w-30": "",
90
- "items-center": "",
91
- p3: ""
92
- }, {
93
- default: withCtx(() => [
94
- _hoisted_6$1
95
- ]),
96
- _: 1
97
- })
98
- ]),
99
- _: 1
100
- }));
101
- };
102
- }
103
- });
104
-
105
- /* Injected with object hook! */
106
-
107
- const _hoisted_1 = {
108
- "h-screen": "",
109
- "n-panel-grids": ""
110
- };
111
- const _hoisted_2 = {
112
- "h-screen": "",
113
- "select-none": "",
114
- "overflow-scroll": "",
115
- "p-2": "",
116
- class: "no-scrollbar"
117
- };
118
- const _hoisted_3 = ["onClick"];
119
- const _hoisted_4 = { "vue-block-title": "" };
120
- const _hoisted_5 = {
121
- "h-screen": "",
122
- "select-none": "",
123
- "overflow-scroll": "",
124
- class: "no-scrollbar"
125
- };
126
- const _hoisted_6 = {
127
- "h-screen": "",
128
- "select-none": "",
129
- "overflow-scroll": "",
130
- "p-2": "",
131
- class: "no-scrollbar"
132
- };
133
- const _sfc_main = /* @__PURE__ */ defineComponent({
134
- __name: "timeline",
135
- setup(__props) {
136
- onMounted(() => {
137
- });
138
- onUnmounted(() => {
139
- });
140
- return (_ctx, _cache) => {
141
- const _component_TimelineEvent = _sfc_main$1;
142
- const _component_StateFields = _sfc_main$2;
143
- return openBlock(), createElementBlock("div", _hoisted_1, [
144
- createVNode(unref(M), null, {
145
- default: withCtx(() => [
146
- createVNode(unref(g), {
147
- border: "r base",
148
- size: "20"
149
- }, {
150
- default: withCtx(() => [
151
- createBaseVNode("div", _hoisted_2, [
152
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timelineLayer), (item) => {
153
- return openBlock(), createElementBlock("div", {
154
- key: item.id,
155
- "vue-block": "",
156
- class: normalizeClass([unref(activeLayerId) === item.id ? "vue-block-active" : "vue-block-hover"]),
157
- onClick: ($event) => unref(toggleTimelineLayer)(item.id)
158
- }, [
159
- createBaseVNode("h3", _hoisted_4, [
160
- createBaseVNode("span", {
161
- truncate: "",
162
- class: normalizeClass([unref(activeLayerId) === item.id ? "text-white" : "vue-block-text"])
163
- }, toDisplayString(item.label), 3)
164
- ])
165
- ], 10, _hoisted_3);
166
- }), 128))
167
- ])
168
- ]),
169
- _: 1
170
- }),
171
- createVNode(unref(g), {
172
- border: "r base",
173
- size: "45"
174
- }, {
175
- default: withCtx(() => [
176
- createBaseVNode("div", _hoisted_5, [
177
- createVNode(_component_TimelineEvent, {
178
- data: unref(activeTimelineEvents),
179
- selected: unref(activeTimelineEventIndex),
180
- onUpdateSelected: unref(toggleTimelineEventIndex)
181
- }, null, 8, ["data", "selected", "onUpdateSelected"])
182
- ])
183
- ]),
184
- _: 1
185
- }),
186
- unref(timelineEventDetails).value ? (openBlock(), createBlock(unref(g), {
187
- key: 0,
188
- size: "35"
189
- }, {
190
- default: withCtx(() => [
191
- createBaseVNode("div", _hoisted_6, [
192
- createVNode(_component_StateFields, { data: unref(timelineEventDetails) }, null, 8, ["data"])
193
- ])
194
- ]),
195
- _: 1
196
- })) : createCommentVNode("", true)
197
- ]),
198
- _: 1
199
- })
200
- ]);
201
- };
202
- }
203
- });
204
-
205
- /* Injected with object hook! */
206
-
207
- /* Injected with object hook! */
208
-
209
- export { _sfc_main as default };