bookish-press 0.6.53 → 0.7.0

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InlineCodeEditorProps = typeof __propDef.props;
 export type InlineCodeEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LabelEditorProps = typeof __propDef.props;
 export type LabelEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LanguageEditorProps = typeof __propDef.props;
 export type LanguageEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LinkEditorProps = typeof __propDef.props;
 export type LinkEditorEvents = typeof __propDef.events;

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

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -11,6 +11,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PermissionsProps = typeof __propDef.props;
 export type PermissionsEvents = typeof __propDef.events;

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

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PositionEditorProps = typeof __propDef.props;
 export type PositionEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type QuoteEditorProps = typeof __propDef.props;
 export type QuoteEditorEvents = typeof __propDef.events;

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

@@ -11,6 +11,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableEditorProps = typeof __propDef.props;
 export type TableEditorEvents = typeof __propDef.events;

package/dist/components/editor/TextEditor.svelte

@@ -131,6 +131,7 @@ function handleKeyPress(event) {
         </span>
     {/if}
 </span>
+<span style:font-size="small">✐</span>
 
 <style>
     .text-editor {

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

@@ -6,15 +6,17 @@ declare const __propDef: {
         placeholder: string;
         valid: (text: string) => string | undefined;
         save: (text: string) => Promise<void> | undefined | void | string;
-        saveOnExit?: boolean | undefined;
+        saveOnExit?: boolean;
         width?: number | undefined;
-        clip?: boolean | undefined;
+        clip?: boolean;
         move?: ((el: HTMLElement, direction: -1 | 1) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextEditorProps = typeof __propDef.props;
 export type TextEditorEvents = typeof __propDef.events;

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

@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToolbarProps = typeof __propDef.props;
 export type ToolbarEvents = typeof __propDef.events;

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

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToolbarGroupProps = typeof __propDef.props;
 export type ToolbarGroupEvents = typeof __propDef.events;

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

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type UrlEditorProps = typeof __propDef.props;
 export type UrlEditorEvents = typeof __propDef.events;

package/dist/components/page/Acknowledgements.svelte

@@ -4,6 +4,7 @@ import BookishEditor from '../editor/BookishEditor.svelte';
 import Instructions from './Instructions.svelte';
 import { getUser, getEdition, getLeasee, isEditionEditable, lease, } from './Contexts';
 import PageHeader from './PageHeader.svelte';
+import EditableHeader from './EditableHeader.svelte';
 let auth = getUser();
 let edition = getEdition();
 let editable = isEditionEditable();
@@ -16,10 +17,14 @@ $: acknowledgements = $edition?.getAcknowledgements();
 </Instructions>
 
 <!-- If editable, show acknowledgements even if they're empty, otherwise hide -->
-{#if $edition && acknowledgements}
+{#if $edition}
     {#if editable}
+        <EditableHeader
+            id="acknowledgements"
+            label="Edit acknowledgements header"
+        />
         <BookishEditor
-            text={acknowledgements}
+            text={acknowledgements ?? ''}
             parser={(text) => Parser.parseChapter($edition, text)}
             chapter={false}
             component={ChapterBody}
@@ -27,14 +32,16 @@ $: acknowledgements = $edition?.getAcknowledgements();
             save={(node) =>
                 $edition
                     ? edition.set(
-                          $edition.withAcknowledgements(node.toBookdown())
+                          $edition.withAcknowledgements(node.toBookdown()),
                       )
                     : undefined}
             leasee={getLeasee(auth, edition, `acks`)}
             lease={(lock) => lease(auth, edition, `acks`, lock)}
         />
-    {:else if acknowledgements.length > 0}
-        <PageHeader id="acknowledgements">Acknowledgements</PageHeader>
+    {:else if acknowledgements && acknowledgements.length > 0}
+        <PageHeader id="acknowledgements"
+            >{$edition.getHeader('acknowledgements')}</PageHeader
+        >
         <ChapterBody node={Parser.parseChapter($edition, acknowledgements)} />
     {/if}
 {/if}

package/dist/components/page/Acknowledgements.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AcknowledgementsProps = typeof __propDef.props;
 export type AcknowledgementsEvents = typeof __propDef.events;

package/dist/components/page/Analytics.svelte.d.ts

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        /** By default, we use the Bookish.press Google Analytics tag */ gtagid?: string | null | undefined;
+        /** By default, we use the Bookish.press Google Analytics tag */ gtagid?: string | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AnalyticsProps = typeof __propDef.props;
 export type AnalyticsEvents = typeof __propDef.events;

package/dist/components/page/Authors.svelte.d.ts

@@ -7,12 +7,14 @@ declare const __propDef: {
         add: () => Promise<void> | void;
         edit: (index: number, text: string) => Promise<void> | void;
         remove: (index: number) => Promise<void> | void;
-        editors?: boolean | undefined;
+        editors?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AuthorsProps = typeof __propDef.props;
 export type AuthorsEvents = typeof __propDef.events;

package/dist/components/page/BookLoader.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BookLoaderProps = typeof __propDef.props;
 export type BookLoaderEvents = typeof __propDef.events;

package/dist/components/page/BulkReferenceEditor.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BulkReferenceEditorProps = typeof __propDef.props;
 export type BulkReferenceEditorEvents = typeof __propDef.events;

package/dist/components/page/Chapter.svelte.d.ts

@@ -3,12 +3,14 @@ import type ChapterModel from '../../models/book/Chapter';
 declare const __propDef: {
     props: {
         chapter: ChapterModel;
-        print?: boolean | undefined;
+        print?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ChapterProps = typeof __propDef.props;
 export type ChapterEvents = typeof __propDef.events;

package/dist/components/page/ChapterNumber.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/ChapterTitle.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ChapterTitleProps = typeof __propDef.props;
 export type ChapterTitleEvents = typeof __propDef.events;

package/dist/components/page/DefinitionView.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefinitionViewProps = typeof __propDef.props;
 export type DefinitionViewEvents = typeof __propDef.events;

package/dist/components/page/Description.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DescriptionProps = typeof __propDef.props;
 export type DescriptionEvents = typeof __propDef.events;

package/dist/components/page/EditableHeader.svelte

@@ -0,0 +1,25 @@
+<script>import TextEditor from '../editor/TextEditor.svelte';
+import { getEdition, isEditionEditable } from './Contexts';
+import PageHeader from './PageHeader.svelte';
+export let id;
+/** ARIA label */
+export let label;
+let edition = getEdition();
+let editable = isEditionEditable();
+</script>
+
+<PageHeader {id}>
+    {#if $edition}
+        {#if editable}
+            <TextEditor
+                text={$edition.getHeader(id)}
+                placeholder="header"
+                {label}
+                valid={() => undefined}
+                save={(text) => edition.set($edition.withHeader(id, text))}
+            />
+        {:else}
+            {$edition.getHeader(id)}
+        {/if}
+    {/if}
+</PageHeader>

package/dist/components/page/EditableHeader.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { TOCHeaderKey } from '../../models/book/ChapterID';
+declare const __propDef: {
+    props: {
+        id: TOCHeaderKey;
+        /** ARIA label */ label: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type EditableHeaderProps = typeof __propDef.props;
+export type EditableHeaderEvents = typeof __propDef.events;
+export type EditableHeaderSlots = typeof __propDef.slots;
+export default class EditableHeader extends SvelteComponent<EditableHeaderProps, EditableHeaderEvents, EditableHeaderSlots> {
+}
+export {};

package/dist/components/page/Edition.svelte.d.ts

@@ -3,7 +3,7 @@ import type EditionModel from '../../models/book/Edition';
 declare const __propDef: {
     props: {
         edition: EditionModel | undefined;
-        base?: string | undefined;
+        base?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EditionProps = typeof __propDef.props;
 export type EditionEvents = typeof __propDef.events;

package/dist/components/page/EditionLoader.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EditionLoaderProps = typeof __propDef.props;
 export type EditionLoaderEvents = typeof __propDef.events;

package/dist/components/page/Editions.svelte.d.ts

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        editors?: boolean | undefined;
+        editors?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EditionsProps = typeof __propDef.props;
 export type EditionsEvents = typeof __propDef.events;

package/dist/components/page/Glossary.svelte

@@ -42,21 +42,27 @@ function addEmptyDefinition() {
             setImage={(embed) =>
                 $edition
                     ? edition.set(
-                          $edition.withImage(ChapterIDs.GlossaryID, embed)
+                          $edition.withImage(ChapterIDs.GlossaryID, embed),
                       )
                     : undefined}
-            header="Glossary"
+            header={$edition.getHeader(ChapterIDs.GlossaryID)}
             tags={$edition.getTags()}
+            save={(text) =>
+                $edition
+                    ? edition.set(
+                          $edition.withHeader(ChapterIDs.GlossaryID, text),
+                      )
+                    : undefined}
         >
             <Outline
                 slot="outline"
                 previous={$edition.getPreviousChapterID(
                     ChapterIDs.GlossaryID,
-                    editable
+                    editable,
                 )}
                 next={$edition.getNextChapterID(
                     ChapterIDs.GlossaryID,
-                    editable
+                    editable,
                 )}
             />
         </Header>

package/dist/components/page/Glossary.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type GlossaryProps = typeof __propDef.props;
 export type GlossaryEvents = typeof __propDef.events;

package/dist/components/page/Header.svelte

@@ -17,6 +17,7 @@ export let print = false;
 export let tags = undefined;
 export let getImage = undefined;
 export let setImage = undefined;
+/** For saving the revised chapter title*/
 export let save = null;
 let title = null;
 let showReminder = true;

package/dist/components/page/Header.svelte.d.ts

@@ -6,11 +6,11 @@ declare const __propDef: {
         header: string;
         id: string;
         subtitle?: string | undefined;
-        print?: boolean | undefined;
+        print?: boolean;
         tags?: string[] | undefined;
         getImage?: undefined | (() => string | null);
-        setImage?: ((embed: string | null) => Promise<void> | void) | undefined;
-        save?: ((text: string) => Promise<void> | void) | null | undefined;
+        setImage?: undefined | ((embed: string | null) => Promise<void> | void);
+        /** For saving the revised chapter title*/ save?: ((text: string) => Promise<void> | void) | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,6 +20,8 @@ declare const __propDef: {
         before: {};
         after: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HeaderProps = typeof __propDef.props;
 export type HeaderEvents = typeof __propDef.events;

package/dist/components/page/Index.svelte

@@ -52,14 +52,18 @@ $: {
                 $edition
                     ? edition.set($edition.withImage(ChapterIDs.IndexID, embed))
                     : undefined}
-            header="Index"
+            header={$edition.getHeader(ChapterIDs.IndexID)}
             tags={$edition.getTags()}
+            save={(text) =>
+                $edition
+                    ? edition.set($edition.withHeader(ChapterIDs.IndexID, text))
+                    : undefined}
         >
             <Outline
                 slot="outline"
                 previous={$edition.getPreviousChapterID(
                     ChapterIDs.IndexID,
-                    editable
+                    editable,
                 )}
                 next={$edition.getNextChapterID(ChapterIDs.IndexID, editable)}
             />
@@ -115,19 +119,19 @@ $: {
                                         if (numberA === undefined) return -1;
                                         if (numberB === undefined) return 1;
                                         return numberA - numberB;
-                                    } ) as chapterID}
+                                    }, ) as chapterID}
                                     <!-- Map them to links to the first occurrence in the chapter. -->
                                     <p>
                                         <ChapterNumber
                                             >Chapter {#if $edition.getChapterNumber(chapterID) !== undefined}{$edition.getChapterNumber(
-                                                    chapterID
+                                                    chapterID,
                                                 )}.
                                             {/if}</ChapterNumber
                                         >
                                         <ChapterTitle
                                             link={`${$base}/${chapterID}?word=${word}`}
                                             >{$edition.getChapterName(
-                                                chapterID
+                                                chapterID,
                                             )}</ChapterTitle
                                         >
                                     </p>

package/dist/components/page/Index.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type IndexProps = typeof __propDef.props;
 export type IndexEvents = typeof __propDef.events;

package/dist/components/page/Instructions.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InstructionsProps = typeof __propDef.props;
 export type InstructionsEvents = typeof __propDef.events;

package/dist/components/page/License.svelte

@@ -3,13 +3,13 @@ import BookishEditor from '../editor/BookishEditor.svelte';
 import Instructions from './Instructions.svelte';
 import Format from '../chapter/Format.svelte';
 import { getUser, getEdition, getLeasee, isEditionEditable, lease, } from './Contexts';
-import PageHeader from './PageHeader.svelte';
+import EditableHeader from './EditableHeader.svelte';
 let auth = getUser();
 let edition = getEdition();
 let editable = isEditionEditable();
 </script>
 
-<PageHeader id="license">License</PageHeader>
+<EditableHeader id="license" label="Edit license header" />
 
 <Instructions {editable}>
     Do you want to specify rights other than your region's default copyrights?
@@ -38,7 +38,7 @@ let editable = isEditionEditable();
         <Format
             node={Parser.parseFormat(
                 $edition,
-                $edition.getLicense()
+                $edition.getLicense(),
             ).withTextIfEmpty()}
         />
     {/if}

package/dist/components/page/License.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LicenseProps = typeof __propDef.props;
 export type LicenseEvents = typeof __propDef.events;

package/dist/components/page/Loading.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/Media.svelte

@@ -38,14 +38,18 @@ $: unused = images?.filter((image) => !embeds.some((embed) => image.url.includes
                 $edition
                     ? edition.set($edition.withImage(ChapterIDs.MediaID, embed))
                     : undefined}
-            header="Media"
+            header={$edition.getHeader(ChapterIDs.MediaID)}
             tags={$edition.getTags()}
+            save={(text) =>
+                $edition
+                    ? edition.set($edition.withHeader(ChapterIDs.MediaID, text))
+                    : undefined}
         >
             <Outline
                 slot="outline"
                 previous={$edition.getPreviousChapterID(
                     ChapterIDs.MediaID,
-                    editable
+                    editable,
                 )}
                 next={$edition.getNextChapterID(ChapterIDs.MediaID, editable)}
             />