\n Loading...\n

\n );\n }\n\n if (state.all.length === 0) {\n return (\n

\n No snapshot loaded or no description available\n

\n );\n }\n\n return (\n

\n \n {typeof state.index === 'number' ? state.index + 1 : '-'}/{state.all.length}\n \n model.viewer?.model.plugin?.managers.snapshot.applyNext(-1)}\n style={{ flexGrow: 1, flexShrink: 0 }}\n >\n Prev\n \n model.viewer?.model.plugin?.managers.snapshot.applyNext(1)}\n style={{ flexGrow: 1, flexShrink: 0 }}\n >\n Next\n \n

\n \n {state.entry?.description ?? 'Description not available'}\n \n

\n );\n}\n\nexport class MVSStoriesSnapshotMarkdownViewer extends HTMLElement {\n private model: MVSStoriesSnapshotMarkdownModel | undefined = undefined;\n\n async connectedCallback() {\n this.model = new MVSStoriesSnapshotMarkdownModel({\n context: { name: this.getAttribute('context-name') ?? undefined },\n viewerName: this.getAttribute('viewer-name') ?? undefined,\n });\n await this.model.mount(this);\n }\n\n disconnectedCallback() {\n this.model?.dispose();\n this.model = undefined;\n }\n\n constructor() {\n super();\n }\n}\n\nglobalThis.customElements.define('mvs-stories-snapshot-markdown', MVSStoriesSnapshotMarkdownViewer);\n","deleted","label",[168,169,170,171,149],"frontend","mesoscale-explorer","mvs-stories","elements","permalink","https://www.val.town/x/zcpbx/MolstarViewer/code/frontend/mesoscale-explorer/mvs-stories/elements/snapshot-markdown.tsx","extension","actionData","errors"]