bookish-press 0.5.32 → 0.5.62

package/dist/components/Auth.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -11,6 +11,6 @@ declare const __propDef: {
 export type AuthProps = typeof __propDef.props;
 export type AuthEvents = typeof __propDef.events;
 export type AuthSlots = typeof __propDef.slots;
-export default class Auth extends SvelteComponentTyped<AuthProps, AuthEvents, AuthSlots> {
+export default class Auth extends SvelteComponent<AuthProps, AuthEvents, AuthSlots> {
 }
 export {};

package/dist/components/BookPreview.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type Book from '../models/book/Book';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type BookPreviewProps = typeof __propDef.props;
 export type BookPreviewEvents = typeof __propDef.events;
 export type BookPreviewSlots = typeof __propDef.slots;
-export default class BookPreview extends SvelteComponentTyped<BookPreviewProps, BookPreviewEvents, BookPreviewSlots> {
+export default class BookPreview extends SvelteComponent<BookPreviewProps, BookPreviewEvents, BookPreviewSlots> {
 }
 export {};

package/dist/components/Link.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         to: string;
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type LinkProps = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;
 export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponentTyped<LinkProps, LinkEvents, LinkSlots> {
+export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
 }
 export {};

package/dist/components/app/BookList.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type Book from '../../models/book/Book';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type BookListProps = typeof __propDef.props;
 export type BookListEvents = typeof __propDef.events;
 export type BookListSlots = typeof __propDef.slots;
-export default class BookList extends SvelteComponentTyped<BookListProps, BookListEvents, BookListSlots> {
+export default class BookList extends SvelteComponent<BookListProps, BookListEvents, BookListSlots> {
 }
 export {};

package/dist/components/app/Button.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
+export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

package/dist/components/app/Feedback.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         error?: boolean | undefined;
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type FeedbackProps = typeof __propDef.props;
 export type FeedbackEvents = typeof __propDef.events;
 export type FeedbackSlots = typeof __propDef.slots;
-export default class Feedback extends SvelteComponentTyped<FeedbackProps, FeedbackEvents, FeedbackSlots> {
+export default class Feedback extends SvelteComponent<FeedbackProps, FeedbackEvents, FeedbackSlots> {
 }
 export {};

package/dist/components/app/Head.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id?: string | null | undefined;
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type HeadProps = typeof __propDef.props;
 export type HeadEvents = typeof __propDef.events;
 export type HeadSlots = typeof __propDef.slots;
-export default class Head extends SvelteComponentTyped<HeadProps, HeadEvents, HeadSlots> {
+export default class Head extends SvelteComponent<HeadProps, HeadEvents, HeadSlots> {
 }
 export {};

package/dist/components/app/Large.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  LargeProps */
 /** @typedef {typeof __propDef.events}  LargeEvents */
 /** @typedef {typeof __propDef.slots}  LargeSlots */
-export default class Large extends SvelteComponentTyped<{
+export default class Large extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -12,7 +12,7 @@ export default class Large extends SvelteComponentTyped<{
 export type LargeProps = typeof __propDef.props;
 export type LargeEvents = typeof __propDef.events;
 export type LargeSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/app/Lead.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  LeadProps */
 /** @typedef {typeof __propDef.events}  LeadEvents */
 /** @typedef {typeof __propDef.slots}  LeadSlots */
-export default class Lead extends SvelteComponentTyped<{
+export default class Lead extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -12,7 +12,7 @@ export default class Lead extends SvelteComponentTyped<{
 export type LeadProps = typeof __propDef.props;
 export type LeadEvents = typeof __propDef.events;
 export type LeadSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/app/Link.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         to: string;
@@ -16,6 +16,6 @@ declare const __propDef: {
 export type LinkProps = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;
 export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponentTyped<LinkProps, LinkEvents, LinkSlots> {
+export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
 }
 export {};

package/dist/components/app/Options.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         options: [string, string][];
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type OptionsProps = typeof __propDef.props;
 export type OptionsEvents = typeof __propDef.events;
 export type OptionsSlots = typeof __propDef.slots;
-export default class Options extends SvelteComponentTyped<OptionsProps, OptionsEvents, OptionsSlots> {
+export default class Options extends SvelteComponent<OptionsProps, OptionsEvents, OptionsSlots> {
 }
 export {};

package/dist/components/app/Paragraph.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         aside?: boolean | undefined;
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type ParagraphProps = typeof __propDef.props;
 export type ParagraphEvents = typeof __propDef.events;
 export type ParagraphSlots = typeof __propDef.slots;
-export default class Paragraph extends SvelteComponentTyped<ParagraphProps, ParagraphEvents, ParagraphSlots> {
+export default class Paragraph extends SvelteComponent<ParagraphProps, ParagraphEvents, ParagraphSlots> {
 }
 export {};

package/dist/components/app/Section.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  SectionProps */
 /** @typedef {typeof __propDef.events}  SectionEvents */
 /** @typedef {typeof __propDef.slots}  SectionSlots */
-export default class Section extends SvelteComponentTyped<{
+export default class Section extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -12,7 +12,7 @@ export default class Section extends SvelteComponentTyped<{
 export type SectionProps = typeof __propDef.props;
 export type SectionEvents = typeof __propDef.events;
 export type SectionSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/app/Table.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  TableProps */
 /** @typedef {typeof __propDef.events}  TableEvents */
 /** @typedef {typeof __propDef.slots}  TableSlots */
-export default class Table extends SvelteComponentTyped<{
+export default class Table extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -12,7 +12,7 @@ export default class Table extends SvelteComponentTyped<{
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/app/TextInput.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         text?: string | undefined;
@@ -16,7 +16,7 @@ declare const __propDef: {
 export type TextInputProps = typeof __propDef.props;
 export type TextInputEvents = typeof __propDef.events;
 export type TextInputSlots = typeof __propDef.slots;
-export default class TextInput extends SvelteComponentTyped<TextInputProps, TextInputEvents, TextInputSlots> {
+export default class TextInput extends SvelteComponent<TextInputProps, TextInputEvents, TextInputSlots> {
     get value(): () => string;
 }
 export {};

package/dist/components/chapter/Atom.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type AtomNode from '../../models/chapter/AtomNode';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type AtomProps = typeof __propDef.props;
 export type AtomEvents = typeof __propDef.events;
 export type AtomSlots = typeof __propDef.slots;
-export default class Atom extends SvelteComponentTyped<AtomProps, AtomEvents, AtomSlots> {
+export default class Atom extends SvelteComponent<AtomProps, AtomEvents, AtomSlots> {
 }
 export {};

package/dist/components/chapter/Block.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type BlockNode from '../../models/chapter/BlockNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type BlockProps = typeof __propDef.props;
 export type BlockEvents = typeof __propDef.events;
 export type BlockSlots = typeof __propDef.slots;
-export default class Block extends SvelteComponentTyped<BlockProps, BlockEvents, BlockSlots> {
+export default class Block extends SvelteComponent<BlockProps, BlockEvents, BlockSlots> {
 }
 export {};

package/dist/components/chapter/Callout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type CalloutNode from '../../models/chapter/CalloutNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type CalloutProps = typeof __propDef.props;
 export type CalloutEvents = typeof __propDef.events;
 export type CalloutSlots = typeof __propDef.slots;
-export default class Callout extends SvelteComponentTyped<CalloutProps, CalloutEvents, CalloutSlots> {
+export default class Callout extends SvelteComponent<CalloutProps, CalloutEvents, CalloutSlots> {
 }
 export {};

package/dist/components/chapter/CaptionedCode.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type CodeNode from '../../models/chapter/CodeNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type CaptionedCodeProps = typeof __propDef.props;
 export type CaptionedCodeEvents = typeof __propDef.events;
 export type CaptionedCodeSlots = typeof __propDef.slots;
-export default class CaptionedCode extends SvelteComponentTyped<CaptionedCodeProps, CaptionedCodeEvents, CaptionedCodeSlots> {
+export default class CaptionedCode extends SvelteComponent<CaptionedCodeProps, CaptionedCodeEvents, CaptionedCodeSlots> {
 }
 export {};

package/dist/components/chapter/ChapterBody.svelte

@@ -44,6 +44,8 @@ $: root.set(node);
     .bookish-chapter-body {
         min-height: 2em;
         min-width: 100%;
+
+        overflow-wrap: break-word;
     }
 
     :global(.bookish-content-highlight) {

package/dist/components/chapter/ChapterBody.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type ChapterNode from '../../models/chapter/ChapterNode';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type ChapterBodyProps = typeof __propDef.props;
 export type ChapterBodyEvents = typeof __propDef.events;
 export type ChapterBodySlots = typeof __propDef.slots;
-export default class ChapterBody extends SvelteComponentTyped<ChapterBodyProps, ChapterBodyEvents, ChapterBodySlots> {
+export default class ChapterBody extends SvelteComponent<ChapterBodyProps, ChapterBodyEvents, ChapterBodySlots> {
 }
 export {};

package/dist/components/chapter/Citations.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type CitationsNode from '../../models/chapter/CitationsNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type CitationsProps = typeof __propDef.props;
 export type CitationsEvents = typeof __propDef.events;
 export type CitationsSlots = typeof __propDef.slots;
-export default class Citations extends SvelteComponentTyped<CitationsProps, CitationsEvents, CitationsSlots> {
+export default class Citations extends SvelteComponent<CitationsProps, CitationsEvents, CitationsSlots> {
 }
 export {};

package/dist/components/chapter/Code.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         editable: boolean;
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type CodeProps = typeof __propDef.props;
 export type CodeEvents = typeof __propDef.events;
 export type CodeSlots = typeof __propDef.slots;
-export default class Code extends SvelteComponentTyped<CodeProps, CodeEvents, CodeSlots> {
+export default class Code extends SvelteComponent<CodeProps, CodeEvents, CodeSlots> {
 }
 export {};

package/dist/components/chapter/Comment.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type CommentNode from '../../models/chapter/CommentNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type CommentProps = typeof __propDef.props;
 export type CommentEvents = typeof __propDef.events;
 export type CommentSlots = typeof __propDef.slots;
-export default class Comment extends SvelteComponentTyped<CommentProps, CommentEvents, CommentSlots> {
+export default class Comment extends SvelteComponent<CommentProps, CommentEvents, CommentSlots> {
 }
 export {};

package/dist/components/chapter/Definition.svelte

@@ -21,13 +21,12 @@ afterUpdate(() => $chapter?.layoutMarginals());
 </script>
 
 <!-- Error if there's no corresponding entry. -->
-<span class="bookish-definition" data-nodeid={node.nodeID}>
-    <Marginal
+<span class="bookish-definition" data-nodeid={node.nodeID}
+    ><Marginal
         {node}
         id={'glossary-' + glossaryID}
         label={entry ? `definition: ${entry.phrase}` : 'undefined phrase'}
-    >
-        <Text slot="interactor" node={phrase} /><span
+        ><Text slot="interactor" node={phrase} /><span
             slot="content"
             class="bookish-definition-entry"
             >{#if entry === undefined}<Problem
@@ -43,9 +42,9 @@ afterUpdate(() => $chapter?.layoutMarginals());
                 />{#if entry.synonyms && entry.synonyms.length > 0}<p
                         class="synonyms">{entry.synonyms.join(', ')}</p
                     >{/if}{/if}</span
-        >
-    </Marginal>
-</span>
+        ></Marginal
+    ></span
+>
 
 <style>
     .bookish-definition :global(.bookish-marginal-interactor) {

package/dist/components/chapter/Definition.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type DefinitionNode from '../../models/chapter/DefinitionNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type DefinitionProps = typeof __propDef.props;
 export type DefinitionEvents = typeof __propDef.events;
 export type DefinitionSlots = typeof __propDef.slots;
-export default class Definition extends SvelteComponentTyped<DefinitionProps, DefinitionEvents, DefinitionSlots> {
+export default class Definition extends SvelteComponent<DefinitionProps, DefinitionEvents, DefinitionSlots> {
 }
 export {};

package/dist/components/chapter/Embed.svelte

@@ -96,12 +96,13 @@ function handleClick() {
     >
         {#if url.trim().length === 0}
             {#if editable && editionEditable}
-                <p
+                <div
+                    role="button"
                     class={`bookish-figure-unspecified ${
                         dragging ? 'bookish-figure-dragging' : ''
                     }`}
                     on:click|preventDefault={handleClick}
-                    tabIndex="0"
+                    tabindex="0"
                     on:keydown={(event) =>
                         event.key === ' ' || event.key === 'Enter'
                             ? handleClick()
@@ -114,7 +115,7 @@ function handleClick() {
                         : placeholder.length > 0
                         ? placeholder
                         : 'Click or drag to choose or upload an image, or enter an image or video URL.'}
-                </p>
+                </div>
             {:else}
                 <p class="bookish-figure-unspecified">No image or video</p>
             {/if}

package/dist/components/chapter/Embed.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type EmbedNode from '../../models/chapter/EmbedNode';
 declare const __propDef: {
     props: {
@@ -15,6 +15,6 @@ declare const __propDef: {
 export type EmbedProps = typeof __propDef.props;
 export type EmbedEvents = typeof __propDef.events;
 export type EmbedSlots = typeof __propDef.slots;
-export default class Embed extends SvelteComponentTyped<EmbedProps, EmbedEvents, EmbedSlots> {
+export default class Embed extends SvelteComponent<EmbedProps, EmbedEvents, EmbedSlots> {
 }
 export {};

package/dist/components/chapter/ErrorMessage.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type ErrorNode from '../../models/chapter/ErrorNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type ErrorMessageProps = typeof __propDef.props;
 export type ErrorMessageEvents = typeof __propDef.events;
 export type ErrorMessageSlots = typeof __propDef.slots;
-export default class ErrorMessage extends SvelteComponentTyped<ErrorMessageProps, ErrorMessageEvents, ErrorMessageSlots> {
+export default class ErrorMessage extends SvelteComponent<ErrorMessageProps, ErrorMessageEvents, ErrorMessageSlots> {
 }
 export {};

package/dist/components/chapter/Figure.svelte

@@ -32,6 +32,8 @@ function focusFigure() {
     <figure class="bookish-figure" data-nodeid={node.nodeID}>
         <div
             class:selected
+            role="button"
+            tabindex="0"
             on:mousedown={focusFigure}
             on:keydown={(event) =>
                 event.key === ' ' || event.key === 'Enter'
@@ -86,4 +88,8 @@ function focusFigure() {
         font-style: italic;
         font-size: var(--bookish-small-font-size);
     }
+
+    figcaption {
+        position: relative;
+    }
 </style>

package/dist/components/chapter/Figure.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type TableNode from '../../models/chapter/TableNode';
 import type EmbedNode from '../../models/chapter/EmbedNode';
 import type CodeNode from '../../models/chapter/CodeNode';
@@ -19,6 +19,6 @@ declare const __propDef: {
 export type FigureProps = typeof __propDef.props;
 export type FigureEvents = typeof __propDef.events;
 export type FigureSlots = typeof __propDef.slots;
-export default class Figure extends SvelteComponentTyped<FigureProps, FigureEvents, FigureSlots> {
+export default class Figure extends SvelteComponent<FigureProps, FigureEvents, FigureSlots> {
 }
 export {};

package/dist/components/chapter/Footnote.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type FootnoteNode from '../../models/chapter/FootnoteNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type FootnoteProps = typeof __propDef.props;
 export type FootnoteEvents = typeof __propDef.events;
 export type FootnoteSlots = typeof __propDef.slots;
-export default class Footnote extends SvelteComponentTyped<FootnoteProps, FootnoteEvents, FootnoteSlots> {
+export default class Footnote extends SvelteComponent<FootnoteProps, FootnoteEvents, FootnoteSlots> {
 }
 export {};

package/dist/components/chapter/Format.svelte

@@ -20,6 +20,8 @@ import Comment from './Comment.svelte';
 import Text from './Text.svelte';
 import Format from './Format.svelte';
 import { isChapterEditable, isEditionEditable } from '../page/Contexts';
+import LineBreakNode from '../../models/chapter/LineBreakNode';
+import LineBreak from './LineBreak.svelte';
 export let node;
 export let placeholder = undefined;
 $: format = node.getFormat();
@@ -43,30 +45,33 @@ $: showPlaceholder =
     this={tag}
     data-nodeid={node.nodeID}
     class={`format ${showPlaceholder ? 'bookish-editor-placeholder' : ''}`}
->
-    {#each node.getSegments() as segment (segment.nodeID)}
-        {#if segment instanceof TextNode}<Text
+    >{#each node.getSegments() as segment (segment.nodeID)}{#if segment instanceof TextNode}<Text
                 node={segment}
                 placeholder={showPlaceholder && node.getSegments().length === 1
                     ? placeholder
                     : undefined}
+            />{:else if segment instanceof LineBreakNode}<LineBreak
+                node={segment}
             />
         {:else if segment instanceof InlineCodeNode}<InlineCode
                 node={segment}
-            />
-        {:else if segment instanceof LinkNode}<Link node={segment} />
-        {:else if segment instanceof CitationsNode}<Citations node={segment} />
-        {:else if segment instanceof DefinitionNode}<Definition
+            />{:else if segment instanceof LinkNode}<Link
                 node={segment}
-            />
-        {:else if segment instanceof FootnoteNode}<Footnote node={segment} />
-        {:else if segment instanceof LabelNode}<Label node={segment} />
-        {:else if segment instanceof CommentNode}<Comment node={segment} />
-        {:else if segment instanceof FormatNode}<Format node={segment} />
-        {:else}<Problem>Unknown segment type node={segment}</Problem>
-        {/if}
-    {/each}
-</svelte:element>
+            />{:else if segment instanceof CitationsNode}<Citations
+                node={segment}
+            />{:else if segment instanceof DefinitionNode}<Definition
+                node={segment}
+            />{:else if segment instanceof FootnoteNode}<Footnote
+                node={segment}
+            />{:else if segment instanceof LabelNode}<Label
+                node={segment}
+            />{:else if segment instanceof CommentNode}<Comment
+                node={segment}
+            />{:else if segment instanceof FormatNode}<Format
+                node={segment}
+            />{:else}<Problem>Unknown segment type node={segment}</Problem
+            >{/if}{/each}</svelte:element
+>
 
 <style>
     .bookish-editor-placeholder {

package/dist/components/chapter/Format.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import FormatNode from '../../models/chapter/FormatNode';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type FormatProps = typeof __propDef.props;
 export type FormatEvents = typeof __propDef.events;
 export type FormatSlots = typeof __propDef.slots;
-export default class Format extends SvelteComponentTyped<FormatProps, FormatEvents, FormatSlots> {
+export default class Format extends SvelteComponent<FormatProps, FormatEvents, FormatSlots> {
 }
 export {};

package/dist/components/chapter/InlineCode.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type InlineCodeNode from '../../models/chapter/InlineCodeNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type InlineCodeProps = typeof __propDef.props;
 export type InlineCodeEvents = typeof __propDef.events;
 export type InlineCodeSlots = typeof __propDef.slots;
-export default class InlineCode extends SvelteComponentTyped<InlineCodeProps, InlineCodeEvents, InlineCodeSlots> {
+export default class InlineCode extends SvelteComponent<InlineCodeProps, InlineCodeEvents, InlineCodeSlots> {
 }
 export {};

package/dist/components/chapter/Label.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type LabelNode from '../../models/chapter/LabelNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type LabelProps = typeof __propDef.props;
 export type LabelEvents = typeof __propDef.events;
 export type LabelSlots = typeof __propDef.slots;
-export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {
+export default class Label extends SvelteComponent<LabelProps, LabelEvents, LabelSlots> {
 }
 export {};

package/dist/components/chapter/LineBreak.svelte

@@ -0,0 +1,6 @@
+<svelte:options immutable={true} />
+
+<script>export let node;
+</script>
+
+<br data-nodeid={node.nodeID} />