bookish-press 0.5.26 → 0.5.62

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type LineBreakNode from '../../models/chapter/LineBreakNode';
+declare const __propDef: {
+    props: {
+        node: LineBreakNode;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LineBreakProps = typeof __propDef.props;
+export type LineBreakEvents = typeof __propDef.events;
+export type LineBreakSlots = typeof __propDef.slots;
+export default class LineBreak extends SvelteComponent<LineBreakProps, LineBreakEvents, LineBreakSlots> {
+}
+export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type LinkNode from '../../models/chapter/LinkNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,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/chapter/List.svelte

@@ -24,50 +24,33 @@ export let node;
         line-height: var(--bookish-paragraph-line-height-tight);
     }
 
-    ol {
-        list-style: none;
-        counter-reset: item;
+    li {
+        margin-bottom: calc(0.5 * var(--bookish-paragraph-spacing));
     }
 
-    ol > li {
-        counter-increment: item;
+    /* Lists are decimal numbered */
+    ol {
+        list-style: decimal;
     }
 
-    ol > li {
-        list-style-type: none;
+    /* First level is decimal */
+    ol li {
+        counter-increment: list-item;
+        list-style-type: decimal;
     }
 
-    ol > :global(ol > li) {
-        list-style-type: none;
+    /* Second level is lowercase alpha */
+    ol ol li {
+        list-style-type: lower-alpha;
     }
 
-    ol > :global(ol > ol > li) {
-        list-style-type: none;
+    /* Third level is uppercase alpha */
+    ol ol ol li {
+        list-style-type: upper-alpha;
     }
 
-    ol > :global(li::before),
-    ul > :global(ol > li::before),
-    ul > :global(ul > ol > li::before) {
-        content: counter(item) '. ';
+    ol li::marker {
         color: var(--bookish-bullet-color);
-        display: inline-block;
-        width: 1em;
-        margin-left: -1.5rem;
-        margin-right: 0.5rem;
-        text-align: right;
-    }
-
-    ol > :global(ol > li::before),
-    ul > :global(ol > ol > li::before) {
-        content: counter(item, lower-alpha) '. ';
-    }
-
-    ol > :global(ol > ol > li:before) {
-        content: counter(item, upper-alpha) '. ';
-    }
-
-    li {
-        margin-bottom: calc(0.5 * var(--bookish-paragraph-spacing));
     }
 
     ul li {

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import ListNode from '../../models/chapter/ListNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type ListProps = typeof __propDef.props;
 export type ListEvents = typeof __propDef.events;
 export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+export default class List extends SvelteComponent<ListProps, ListEvents, ListSlots> {
 }
 export {};

package/dist/components/chapter/Marginal.svelte

@@ -66,6 +66,8 @@ onMount(() => {
         editable ? '' : 'interactive'
     }`}
     aria-label={label}
+    role="button"
+    tabindex="0"
     on:mousedown={(event) => toggle(event, true)}
     on:keydown={(event) =>
         event.key === 'Enter' || event.key === ' '
@@ -77,17 +79,16 @@ onMount(() => {
     class={'bookish-marginal' +
         (isHidden ? ' bookish-marginal-hidden' : '') +
         (hovered ? ' bookish-marginal-hovered' : '')}
-    tabIndex={editable ? null : 0}
+    role="button"
+    tabindex={editable ? null : 0}
     on:mousedown={() => toggle(undefined, false)}
     on:keydown={(event) =>
         event.key === 'Enter' || event.key === ' '
             ? toggle(undefined, false)
             : undefined}
     on:mouseenter={handleEnter}
-    on:mouseleave={handleExit}
+    on:mouseleave={handleExit}><slot name="content" /></span
 >
-    <slot name="content" />
-</span>
 
 <style>
     :global(.bookish-definition)

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type Node from '../../models/chapter/Node';
 declare const __propDef: {
     props: {
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type MarginalProps = typeof __propDef.props;
 export type MarginalEvents = typeof __propDef.events;
 export type MarginalSlots = typeof __propDef.slots;
-export default class Marginal extends SvelteComponentTyped<MarginalProps, MarginalEvents, MarginalSlots> {
+export default class Marginal extends SvelteComponent<MarginalProps, MarginalEvents, MarginalSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type ParagraphNode from '../../models/chapter/ParagraphNode';
 declare const __propDef: {
     props: {
@@ -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/chapter/Positioned.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type Position from '../../models/chapter/Position';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type PositionedProps = typeof __propDef.props;
 export type PositionedEvents = typeof __propDef.events;
 export type PositionedSlots = typeof __propDef.slots;
-export default class Positioned extends SvelteComponentTyped<PositionedProps, PositionedEvents, PositionedSlots> {
+export default class Positioned extends SvelteComponent<PositionedProps, PositionedEvents, PositionedSlots> {
 }
 export {};

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

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

package/dist/components/chapter/Python.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: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type PythonProps = typeof __propDef.props;
 export type PythonEvents = typeof __propDef.events;
 export type PythonSlots = typeof __propDef.slots;
-export default class Python extends SvelteComponentTyped<PythonProps, PythonEvents, PythonSlots> {
+export default class Python extends SvelteComponent<PythonProps, PythonEvents, PythonSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type QuoteNode from '../../models/chapter/QuoteNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type QuoteProps = typeof __propDef.props;
 export type QuoteEvents = typeof __propDef.events;
 export type QuoteSlots = typeof __propDef.slots;
-export default class Quote extends SvelteComponentTyped<QuoteProps, QuoteEvents, QuoteSlots> {
+export default class Quote extends SvelteComponent<QuoteProps, QuoteEvents, QuoteSlots> {
 }
 export {};

package/dist/components/chapter/Rule.svelte

@@ -9,7 +9,7 @@
     hr {
         border: none;
         border-bottom: 1px solid var(--bookish-border-color-light);
-        margin-top: calc(var(--bookish-paragraph-spacing) * 3);
-        margin-bottom: calc(var(--bookish-paragraph-spacing) * 3);
+        margin-top: calc(var(--bookish-paragraph-spacing));
+        margin-bottom: calc(var(--bookish-paragraph-spacing));
     }
 </style>

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type RuleNode from '../../models/chapter/RuleNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type RuleProps = typeof __propDef.props;
 export type RuleEvents = typeof __propDef.events;
 export type RuleSlots = typeof __propDef.slots;
-export default class Rule extends SvelteComponentTyped<RuleProps, RuleEvents, RuleSlots> {
+export default class Rule extends SvelteComponent<RuleProps, RuleEvents, RuleSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type TableNode from '../../models/chapter/TableNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
-export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
+export default class Table extends SvelteComponent<TableProps, TableEvents, TableSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type TextNode from '../../models/chapter/TextNode';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type TextProps = typeof __propDef.props;
 export type TextEvents = typeof __propDef.events;
 export type TextSlots = typeof __propDef.slots;
-export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
+export default class Text extends SvelteComponent<TextProps, TextEvents, TextSlots> {
 }
 export {};

package/dist/components/controls/DarkToggle.svelte

@@ -13,7 +13,7 @@ function change() {
     class="dark-toggle"
     role="button"
     aria-label={dark === true ? 'Switch to light mode' : 'Switch to dark mode'}
-    tabIndex="0"
+    tabindex="0"
     on:click={change}
     on:keydown={(event) => {
         if (event.key === 'Enter' || event.key === ' ') {

package/dist/components/controls/DarkToggle.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         dark: boolean;
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type DarkToggleProps = typeof __propDef.props;
 export type DarkToggleEvents = typeof __propDef.events;
 export type DarkToggleSlots = typeof __propDef.slots;
-export default class DarkToggle extends SvelteComponentTyped<DarkToggleProps, DarkToggleEvents, DarkToggleSlots> {
+export default class DarkToggle extends SvelteComponent<DarkToggleProps, DarkToggleEvents, DarkToggleSlots> {
 }
 export {};

package/dist/components/editor/BookishEditor.svelte

@@ -440,7 +440,7 @@ function getCaretContext() {
         meta: parents?.find((n) => n instanceof MetadataNode),
         includesList: includesList,
         table: parents?.find((n) => n instanceof TableNode),
-        format: caretRange.end.node instanceof TextNode ||
+        formatRoot: caretRange.end.node instanceof TextNode ||
             caretRange.end.node instanceof AtomNode
             ? caretRange.end.node.getFormatRoot(editedNode)
             : undefined,
@@ -484,8 +484,8 @@ function handleKey(event, press = false) {
     const context = getCaretContext();
     if (context === undefined)
         return;
-    // Loop through the commands to see if there's a match.
-    const unmatched = commands.every((command) => {
+    // Find a command that handles the event.
+    const command = commands.find((command) => {
         // If the keystroke and caret position matches the command signature, execute the command and update the caret range.
         if ((command.press === undefined || command.press === press) &&
             (command.shift === undefined ||
@@ -503,19 +503,20 @@ function handleKey(event, press = false) {
             (command.active === true ||
                 (command.active instanceof Function &&
                     command.active.call(undefined, context, event.key)))) {
-            // Execute the command
-            const handled = executeCommand(command, event.key);
-            if (handled) {
+            // See if the command is handled
+            if (executeCommand(command, event.key)) {
                 event.preventDefault();
                 event.stopPropagation();
+                return true;
             }
-            // Stop searching for a matching command.
-            return handled;
+            // If not, this is not it.
+            else
+                return false;
         }
         // Continue searching for a matching command.
-        return true;
+        return false;
     });
-    if (unmatched) {
+    if (command === undefined) {
         // Toolbar navigation
         if (event.key === 'Escape') {
             // If we've selected a FootnoteNode or Comment, navigate to the footnote or comment text to edit it.
@@ -806,13 +807,14 @@ setContext('claimeditor', claimActiveEditor);
     class={`bookish-editor ${inAtom ? 'bookish-editor-atom-focused' : ''}`}
     class:locked
     aria-disabled={locked}
+    role="textbox"
     bind:this={element}
     on:keydown={handleKey}
     on:keypress={handlePress}
     on:mousedown|stopPropagation={handleMouseDown}
     on:focus={handleFocus}
     on:blur={handleBlur}
-    tabIndex="0"
+    tabindex="0"
 >
     <!-- A view of the root -->
     <svelte:component this={component} node={editedNode} {placeholder} />
@@ -871,9 +873,4 @@ setContext('claimeditor', claimActiveEditor);
     .bookish-link-active {
         font-weight: bold;
     }
-
-    .bookish-editor :global(hr) {
-        margin-top: 1em;
-        margin-bottom: 1em;
-    }
 </style>

package/dist/components/editor/BookishEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type RootNode from '../../models/chapter/RootNode';
 declare const __propDef: {
     props: {
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type BookishEditorProps = typeof __propDef.props;
 export type BookishEditorEvents = typeof __propDef.events;
 export type BookishEditorSlots = typeof __propDef.slots;
-export default class BookishEditor extends SvelteComponentTyped<BookishEditorProps, BookishEditorEvents, BookishEditorSlots> {
+export default class BookishEditor extends SvelteComponent<BookishEditorProps, BookishEditorEvents, BookishEditorSlots> {
 }
 export {};

package/dist/components/editor/CalloutEditor.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 CalloutEditorProps = typeof __propDef.props;
 export type CalloutEditorEvents = typeof __propDef.events;
 export type CalloutEditorSlots = typeof __propDef.slots;
-export default class CalloutEditor extends SvelteComponentTyped<CalloutEditorProps, CalloutEditorEvents, CalloutEditorSlots> {
+export default class CalloutEditor extends SvelteComponent<CalloutEditorProps, CalloutEditorEvents, CalloutEditorSlots> {
 }
 export {};

package/dist/components/editor/CaptionedCodeEditor.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 CaptionedCodeEditorProps = typeof __propDef.props;
 export type CaptionedCodeEditorEvents = typeof __propDef.events;
 export type CaptionedCodeEditorSlots = typeof __propDef.slots;
-export default class CaptionedCodeEditor extends SvelteComponentTyped<CaptionedCodeEditorProps, CaptionedCodeEditorEvents, CaptionedCodeEditorSlots> {
+export default class CaptionedCodeEditor extends SvelteComponent<CaptionedCodeEditorProps, CaptionedCodeEditorEvents, CaptionedCodeEditorSlots> {
 }
 export {};

package/dist/components/editor/CaretContext.d.ts

@@ -31,7 +31,7 @@ type CaretContext = {
     code: CodeNode | undefined;
     list: ListNode | undefined;
     table: TableNode | undefined;
-    format: FormatNode | undefined;
+    formatRoot: FormatNode | undefined;
     atom: AtomNode<any> | undefined;
     meta: MetadataNode<any> | undefined;
     startIsText: boolean;

package/dist/components/editor/CaretView.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         left: number;
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type CaretViewProps = typeof __propDef.props;
 export type CaretViewEvents = typeof __propDef.events;
 export type CaretViewSlots = typeof __propDef.slots;
-export default class CaretView extends SvelteComponentTyped<CaretViewProps, CaretViewEvents, CaretViewSlots> {
+export default class CaretView extends SvelteComponent<CaretViewProps, CaretViewEvents, CaretViewSlots> {
 }
 export {};

package/dist/components/editor/CitationsEditor.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 CitationsEditorProps = typeof __propDef.props;
 export type CitationsEditorEvents = typeof __propDef.events;
 export type CitationsEditorSlots = typeof __propDef.slots;
-export default class CitationsEditor extends SvelteComponentTyped<CitationsEditorProps, CitationsEditorEvents, CitationsEditorSlots> {
+export default class CitationsEditor extends SvelteComponent<CitationsEditorProps, CitationsEditorEvents, CitationsEditorSlots> {
 }
 export {};