element-book 22.2.2 → 23.0.0

package/dist/ui/elements/entry-display/book-page/book-page-controls.element.js

@@ -1,10 +1,10 @@
-import { extractEventTarget } from '@augment-vir/browser';
+import { check } from '@augment-vir/assert';
+import { extractEventTarget } from '@augment-vir/web';
 import { css, defineElementEvent, html, listen, renderIf } from 'element-vir';
-import { isRunTimeType } from 'run-time-assertions';
 import { Options24Icon, ViraIcon, ViraInput } from 'vira';
-import { BookPageControlTypeEnum, isControlInitType, } from '../../../../data/book-entry/book-page/book-page-controls';
-import { colorThemeCssVars } from '../../../color-theme/color-theme';
-import { defineBookElement } from '../../define-book-element';
+import { BookPageControlType, isControlInitType, } from '../../../../data/book-entry/book-page/book-page-controls.js';
+import { colorThemeCssVars } from '../../../color-theme/color-theme.js';
+import { defineBookElement } from '../../define-book-element.js';
 export const BookPageControls = defineBookElement()({
     tagName: 'book-page-controls',
     events: {
@@ -53,16 +53,16 @@ export const BookPageControls = defineBookElement()({
             margin-left: -32px;
         }
     `,
-    renderCallback({ inputs, dispatch, events }) {
+    render({ inputs, dispatch, events }) {
         if (!Object.entries(inputs.config).length) {
             return '';
         }
         return Object.entries(inputs.config).map(([controlName, controlInit,], index) => {
-            if (controlInit.controlType === BookPageControlTypeEnum.Hidden) {
+            if (controlInit.controlType === BookPageControlType.Hidden) {
                 return '';
             }
             const controlInputTemplate = createControlInput(inputs.currentValues[controlName], controlInit, (newValue) => {
-                const fullUrlBreadcrumbs = isRunTimeType(inputs.fullUrlBreadcrumbs, 'array')
+                const fullUrlBreadcrumbs = check.isArray(inputs.fullUrlBreadcrumbs)
                     ? inputs.fullUrlBreadcrumbs
                     : inputs.fullUrlBreadcrumbs[controlName];
                 if (!fullUrlBreadcrumbs) {
@@ -93,10 +93,10 @@ export const BookPageControls = defineBookElement()({
     },
 });
 function createControlInput(value, controlInit, valueChange) {
-    if (isControlInitType(controlInit, BookPageControlTypeEnum.Hidden)) {
+    if (isControlInitType(controlInit, BookPageControlType.Hidden)) {
         return '';
     }
-    else if (isControlInitType(controlInit, BookPageControlTypeEnum.Checkbox)) {
+    else if (isControlInitType(controlInit, BookPageControlType.Checkbox)) {
         return html `
             <input
                 type="checkbox"
@@ -108,7 +108,7 @@ function createControlInput(value, controlInit, valueChange) {
             />
         `;
     }
-    else if (isControlInitType(controlInit, BookPageControlTypeEnum.Color)) {
+    else if (isControlInitType(controlInit, BookPageControlType.Color)) {
         return html `
             <input
                 type="color"
@@ -120,7 +120,7 @@ function createControlInput(value, controlInit, valueChange) {
             />
         `;
     }
-    else if (isControlInitType(controlInit, BookPageControlTypeEnum.Text)) {
+    else if (isControlInitType(controlInit, BookPageControlType.Text)) {
         return html `
             <${ViraInput.assign({
             value: String(value),
@@ -133,7 +133,7 @@ function createControlInput(value, controlInit, valueChange) {
             ></${ViraInput}>
         `;
     }
-    else if (isControlInitType(controlInit, BookPageControlTypeEnum.Number)) {
+    else if (isControlInitType(controlInit, BookPageControlType.Number)) {
         return html `
             <input
                 type="number"
@@ -145,7 +145,7 @@ function createControlInput(value, controlInit, valueChange) {
             />
         `;
     }
-    else if (isControlInitType(controlInit, BookPageControlTypeEnum.Dropdown)) {
+    else if (isControlInitType(controlInit, BookPageControlType.Dropdown)) {
         return html `
             <select
                 .value=${value}

package/dist/ui/elements/entry-display/book-page/book-page-wrapper.element.d.ts

@@ -1,10 +1,10 @@
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
-import { BookRouter } from '../../../../routing/book-router';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
+import { BookRouter } from '../../../../routing/book-router.js';
 export declare const BookPageWrapper: import("element-vir").DeclarativeElementDefinition<"book-page-wrapper", {
     isTopLevel: boolean;
-    pageNode: BookTreeNode<BookEntryTypeEnum.Page>;
+    pageNode: BookTreeNode<BookEntryType.Page>;
     router: BookRouter | undefined;
     controls: ControlsWrapper;
-}, {}, {}, `book-page-wrapper-${string}`, `book-page-wrapper-${string}`, readonly string[]>;
+}, {}, {}, "book-page-wrapper-", "book-page-wrapper-", readonly []>;

package/dist/ui/elements/entry-display/book-page/book-page-wrapper.element.js

@@ -1,12 +1,12 @@
 import { combineErrors } from '@augment-vir/common';
 import { css, html } from 'element-vir';
-import { traverseControls, } from '../../../../data/book-entry/book-page/controls-wrapper';
-import { BookMainRoute } from '../../../../routing/book-routing';
-import { BookError } from '../../common/book-error.element';
-import { BookRouteLink } from '../../common/book-route-link.element';
-import { defineBookElement } from '../../define-book-element';
-import { BookEntryDescription } from '../book-entry-description.element';
-import { BookPageControls } from './book-page-controls.element';
+import { traverseControls, } from '../../../../data/book-entry/book-page/controls-wrapper.js';
+import { BookMainRoute } from '../../../../routing/book-routing.js';
+import { BookError } from '../../common/book-error.element.js';
+import { BookRouteLink } from '../../common/book-route-link.element.js';
+import { defineBookElement } from '../../define-book-element.js';
+import { BookEntryDescription } from '../book-entry-description.element.js';
+import { BookPageControls } from './book-page-controls.element.js';
 export const BookPageWrapper = defineBookElement()({
     tagName: 'book-page-wrapper',
     styles: css `
@@ -34,7 +34,7 @@ export const BookPageWrapper = defineBookElement()({
             display: inline-block;
         }
     `,
-    renderCallback({ inputs }) {
+    render({ inputs }) {
         const titleTemplate = inputs.isTopLevel
             ? html `
                   <h2 class="header-with-icon">${inputs.pageNode.entry.title}</h2>
@@ -46,7 +46,9 @@ export const BookPageWrapper = defineBookElement()({
             BookMainRoute.Book,
             ...inputs.pageNode.fullUrlBreadcrumbs,
         ];
-        const error = combineErrors(inputs.pageNode.entry.errors);
+        const error = inputs.pageNode.entry.errors.length
+            ? combineErrors(inputs.pageNode.entry.errors)
+            : undefined;
         if (error) {
             console.error(error);
         }
@@ -63,13 +65,13 @@ export const BookPageWrapper = defineBookElement()({
         })}>
                         ${titleTemplate}
                     </${BookRouteLink}>
-                    ${!!error
+                    ${error
             ? html `
                               <${BookError.assign({ message: error.message })}></${BookError}>
                           `
             : html `
                               <${BookEntryDescription.assign({
-                descriptionParagraphs: inputs.pageNode.entry.descriptionParagraphs ?? [],
+                descriptionParagraphs: inputs.pageNode.entry.descriptionParagraphs,
             })}></${BookEntryDescription}>
                               <${BookPageControls.assign({
                 config: inputs.pageNode.entry.controls,

package/dist/ui/elements/entry-display/element-example/book-element-example-controls.element.d.ts

@@ -1,7 +1,7 @@
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
-import { BookRouter } from '../../../../routing/book-router';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
+import { BookRouter } from '../../../../routing/book-router.js';
 export declare const BookElementExampleControls: import("element-vir").DeclarativeElementDefinition<"book-element-example-controls", {
-    elementExampleNode: BookTreeNode<BookEntryTypeEnum.ElementExample>;
+    elementExampleNode: BookTreeNode<BookEntryType.ElementExample>;
     router: BookRouter | undefined;
-}, {}, {}, `book-element-example-controls-${string}`, `book-element-example-controls-${string}`, readonly string[]>;
+}, {}, {}, "book-element-example-controls-", "book-element-example-controls-", readonly []>;

package/dist/ui/elements/entry-display/element-example/book-element-example-controls.element.js

@@ -1,8 +1,8 @@
 import { css, html } from 'element-vir';
-import { BookMainRoute } from '../../../../routing/book-routing';
-import { colorThemeCssVars } from '../../../color-theme/color-theme';
-import { BookRouteLink } from '../../common/book-route-link.element';
-import { defineBookElement } from '../../define-book-element';
+import { BookMainRoute } from '../../../../routing/book-routing.js';
+import { colorThemeCssVars } from '../../../color-theme/color-theme.js';
+import { BookRouteLink } from '../../common/book-route-link.element.js';
+import { defineBookElement } from '../../define-book-element.js';
 export const BookElementExampleControls = defineBookElement()({
     tagName: 'book-element-example-controls',
     styles: css `
@@ -13,7 +13,7 @@ export const BookElementExampleControls = defineBookElement()({
             padding: 0 8px 4px;
         }
     `,
-    renderCallback({ inputs }) {
+    render({ inputs }) {
         const linkPaths = [
             BookMainRoute.Book,
             ...inputs.elementExampleNode.fullUrlBreadcrumbs,

package/dist/ui/elements/entry-display/element-example/book-element-example-viewer.element.d.ts

@@ -1,7 +1,7 @@
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { BookPageControlsValues } from '../../../../data/book-entry/book-page/book-page-controls';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { BookPageControlsValues } from '../../../../data/book-entry/book-page/book-page-controls.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
 export declare const BookElementExampleViewer: import("element-vir").DeclarativeElementDefinition<"book-element-example-viewer", {
-    elementExampleNode: BookTreeNode<BookEntryTypeEnum.ElementExample>;
+    elementExampleNode: BookTreeNode<BookEntryType.ElementExample>;
     currentPageControls: BookPageControlsValues;
-}, any, {}, `book-element-example-viewer-${string}`, `book-element-example-viewer-${string}`, readonly string[]>;
+}, any, {}, "book-element-example-viewer-", "book-element-example-viewer-", readonly []>;

package/dist/ui/elements/entry-display/element-example/book-element-example-viewer.element.js

@@ -1,21 +1,24 @@
 import { combineErrors, extractErrorMessage } from '@augment-vir/common';
 import { html, renderIf } from 'element-vir';
-import { unsetInternalState } from '../../../../data/unset';
-import { BookError } from '../../common/book-error.element';
-import { defineBookElement } from '../../define-book-element';
+import { unsetInternalState } from '../../../../data/unset.js';
+import { BookError } from '../../common/book-error.element.js';
+import { defineBookElement } from '../../define-book-element.js';
 export const BookElementExampleViewer = defineBookElement()({
     tagName: 'book-element-example-viewer',
     stateInitStatic: {
         isUnset: unsetInternalState,
     },
-    renderCallback({ state, inputs, updateState }) {
+    render({ state, inputs, updateState }) {
         try {
             if (inputs.elementExampleNode.entry.errors.length) {
                 throw combineErrors(inputs.elementExampleNode.entry.errors);
             }
-            if (!inputs.elementExampleNode.entry.renderCallback ||
-                typeof inputs.elementExampleNode.entry.renderCallback === 'string') {
-                throw new Error(`Failed to render example '${inputs.elementExampleNode.entry.title}': renderCallback is not a function`);
+            if (
+            /** This is a check to make sure the input entry _does_ match the expected type. */
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            !inputs.elementExampleNode.entry.render ||
+                typeof inputs.elementExampleNode.entry.render === 'string') {
+                throw new Error(`Failed to render example '${inputs.elementExampleNode.entry.title}': render is not a function`);
             }
             if (state.isUnset === unsetInternalState) {
                 updateState({
@@ -23,13 +26,13 @@ export const BookElementExampleViewer = defineBookElement()({
                     ...inputs.elementExampleNode.entry.stateInitStatic,
                 });
             }
-            const output = inputs.elementExampleNode.entry.renderCallback({
+            const output = inputs.elementExampleNode.entry.render({
                 state,
                 updateState,
                 controls: inputs.currentPageControls,
             });
             if (output instanceof Promise) {
-                throw new Error('renderCallback output cannot be a promise');
+                throw new TypeError('render output cannot be a promise');
             }
             return html `
                 ${renderIf(!!inputs.elementExampleNode.entry.styles, html `
@@ -41,6 +44,7 @@ export const BookElementExampleViewer = defineBookElement()({
             `;
         }
         catch (error) {
+            console.error('ERROR HERE', extractErrorMessage(error));
             console.error(error);
             return html `
                 <${BookError.assign({

package/dist/ui/elements/entry-display/element-example/book-element-example-wrapper.element.d.ts

@@ -1,9 +1,9 @@
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { BookPageControlsValues } from '../../../../data/book-entry/book-page/book-page-controls';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
-import { BookRouter } from '../../../../routing/book-router';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { BookPageControlsValues } from '../../../../data/book-entry/book-page/book-page-controls.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
+import { BookRouter } from '../../../../routing/book-router.js';
 export declare const BookElementExampleWrapper: import("element-vir").DeclarativeElementDefinition<"book-element-example-wrapper", {
-    elementExampleNode: BookTreeNode<BookEntryTypeEnum.ElementExample>;
+    elementExampleNode: BookTreeNode<BookEntryType.ElementExample>;
     currentPageControls: BookPageControlsValues;
     router: BookRouter | undefined;
-}, {}, {}, `book-element-example-wrapper-${string}`, `book-element-example-wrapper-${string}`, readonly string[]>;
+}, {}, {}, "book-element-example-wrapper-", "book-element-example-wrapper-", readonly []>;

package/dist/ui/elements/entry-display/element-example/book-element-example-wrapper.element.js

@@ -1,9 +1,9 @@
 import { omitObjectKeys } from '@augment-vir/common';
 import { css, html } from 'element-vir';
-import { colorThemeCssVars } from '../../../color-theme/color-theme';
-import { defineBookElement } from '../../define-book-element';
-import { BookElementExampleControls } from './book-element-example-controls.element';
-import { BookElementExampleViewer } from './book-element-example-viewer.element';
+import { colorThemeCssVars } from '../../../color-theme/color-theme.js';
+import { defineBookElement } from '../../define-book-element.js';
+import { BookElementExampleControls } from './book-element-example-controls.element.js';
+import { BookElementExampleViewer } from './book-element-example-viewer.element.js';
 export const BookElementExampleWrapper = defineBookElement()({
     tagName: 'book-element-example-wrapper',
     styles: css `
@@ -40,7 +40,7 @@ export const BookElementExampleWrapper = defineBookElement()({
             color: ${colorThemeCssVars['element-book-accent-icon-color'].value};
         }
     `,
-    renderCallback({ inputs }) {
+    render({ inputs }) {
         return html `
             <div class="individual-example-wrapper">
                 <${BookElementExampleControls.assign(omitObjectKeys(inputs, ['currentPageControls']))}></${BookElementExampleControls}>

package/dist/ui/elements/entry-display/entry-display/book-entry-display.element.d.ts

@@ -1,18 +1,18 @@
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
-import { BookRouter } from '../../../../routing/book-router';
-import { BookFullRoute } from '../../../../routing/book-routing';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
+import { BookRouter } from '../../../../routing/book-router.js';
+import { BookFullRoute } from '../../../../routing/book-routing.js';
 export declare const BookEntryDisplay: import("element-vir").DeclarativeElementDefinition<"book-entry-display", {
     controls: ControlsWrapper;
     currentNodes: ReadonlyArray<BookTreeNode>;
     currentRoute: Readonly<BookFullRoute>;
     debug: boolean;
-    originalTree: Readonly<BookTreeNode<BookEntryTypeEnum.Root>>;
+    originalTree: Readonly<BookTreeNode<BookEntryType.Root>>;
     router: BookRouter | undefined;
     showLoading: boolean;
 }, {
-    lastElement: Element | undefined;
+    lastElement: undefined | Element;
 }, {
-    loadingRender: import("element-vir").DefinedTypedEventNameDefinition<boolean>;
-}, `book-entry-display-${string}`, `book-entry-display-${string}`, readonly string[]>;
+    loadingRender: import("element-vir").DefineEvent<boolean>;
+}, "book-entry-display-", "book-entry-display-", readonly []>;

package/dist/ui/elements/entry-display/entry-display/book-entry-display.element.js

@@ -1,10 +1,10 @@
 import { css, defineElementEvent, html, onDomCreated, renderIf } from 'element-vir';
 import { LoaderAnimated24Icon, ViraIcon, viraAnimationDurations } from 'vira';
-import { extractSearchQuery } from '../../../../routing/book-routing';
-import { defineBookElement } from '../../define-book-element';
-import { ElementBookSlotName } from '../../element-book-app/element-book-app-slots';
-import { BookBreadcrumbsBar } from '../book-breadcrumbs-bar.element';
-import { createNodeTemplates } from './create-node-templates';
+import { extractSearchQuery } from '../../../../routing/book-routing.js';
+import { defineBookElement } from '../../define-book-element.js';
+import { ElementBookSlotName } from '../../element-book-app/element-book-app-slots.js';
+import { BookBreadcrumbsBar } from '../book-breadcrumbs-bar.element.js';
+import { createNodeTemplates } from './create-node-templates.js';
 export const BookEntryDisplay = defineBookElement()({
     tagName: 'book-entry-display',
     styles: css `
@@ -70,7 +70,7 @@ export const BookEntryDisplay = defineBookElement()({
     stateInitStatic: {
         lastElement: undefined,
     },
-    renderCallback: ({ inputs, dispatch, events, state, updateState }) => {
+    render: ({ inputs, dispatch, events, state, updateState }) => {
         const currentSearch = extractSearchQuery(inputs.currentRoute.paths);
         const entryTemplates = createNodeTemplates({
             currentNodes: inputs.currentNodes,

package/dist/ui/elements/entry-display/entry-display/create-node-templates.d.ts

@@ -1,13 +1,13 @@
 import { HtmlInterpolation } from 'element-vir';
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper';
-import { BookTreeNode } from '../../../../data/book-tree/book-tree-node';
-import { BookRouter } from '../../../../routing/book-router';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { ControlsWrapper } from '../../../../data/book-entry/book-page/controls-wrapper.js';
+import { BookTreeNode } from '../../../../data/book-tree/book-tree-node.js';
+import { BookRouter } from '../../../../routing/book-router.js';
 export declare function createNodeTemplates({ currentNodes, isTopLevel, router, isSearching, controls, originalTree, }: {
     currentNodes: ReadonlyArray<BookTreeNode>;
     isTopLevel: boolean;
     router: BookRouter | undefined;
     isSearching: boolean;
     controls: ControlsWrapper;
-    originalTree: Readonly<BookTreeNode<BookEntryTypeEnum.Root>>;
+    originalTree: Readonly<BookTreeNode<BookEntryType.Root>>;
 }): HtmlInterpolation[];

package/dist/ui/elements/entry-display/entry-display/create-node-templates.js

@@ -1,12 +1,13 @@
-import { isLengthAtLeast, mapObjectValues } from '@augment-vir/common';
+import { check } from '@augment-vir/assert';
+import { mapObjectValues } from '@augment-vir/common';
 import { html, nothing, repeat } from 'element-vir';
-import { BookEntryTypeEnum } from '../../../../data/book-entry/book-entry-type';
-import { traverseControls, } from '../../../../data/book-entry/book-page/controls-wrapper';
-import { isBookTreeNode, traverseToImmediateParent } from '../../../../data/book-tree/book-tree';
-import { BookError } from '../../common/book-error.element';
-import { BookPageControls } from '../book-page/book-page-controls.element';
-import { BookPageWrapper } from '../book-page/book-page-wrapper.element';
-import { BookElementExampleWrapper } from '../element-example/book-element-example-wrapper.element';
+import { BookEntryType } from '../../../../data/book-entry/book-entry-type.js';
+import { traverseControls, } from '../../../../data/book-entry/book-page/controls-wrapper.js';
+import { isBookTreeNode, traverseToImmediateParent } from '../../../../data/book-tree/book-tree.js';
+import { BookError } from '../../common/book-error.element.js';
+import { BookPageControls } from '../book-page/book-page-controls.element.js';
+import { BookPageWrapper } from '../book-page/book-page-wrapper.element.js';
+import { BookElementExampleWrapper } from '../element-example/book-element-example-wrapper.element.js';
 function getFlattenedControlsFromHiddenParents(currentNodes, currentControls, currentNode, originalTree) {
     const parent = traverseToImmediateParent(currentNode, originalTree);
     const allControls = [];
@@ -16,8 +17,7 @@ function getFlattenedControlsFromHiddenParents(currentNodes, currentControls, cu
             allControls.push(parentControls);
         }
     }
-    if (isBookTreeNode(currentNode, BookEntryTypeEnum.Page) &&
-        !currentNodes.includes(currentNode)) {
+    if (isBookTreeNode(currentNode, BookEntryType.Page) && !currentNodes.includes(currentNode)) {
         const currentEntryControls = traverseControls(currentControls, currentNode.fullUrlBreadcrumbs);
         allControls.push({
             config: currentNode.entry.controls,
@@ -52,12 +52,12 @@ export function createNodeTemplates({ currentNodes, isTopLevel, router, isSearch
             `,
         ];
     }
-    const hiddenAncestorControls = isLengthAtLeast(currentNodes, 1)
+    const hiddenAncestorControls = check.isLengthAtLeast(currentNodes, 1)
         ? getFlattenedControlsFromHiddenParents(currentNodes, controls, currentNodes[0], originalTree)
         : undefined;
     const hiddenAncestorControlsTemplate = hiddenAncestorControls &&
         Object.values(hiddenAncestorControls.config).length &&
-        isLengthAtLeast(currentNodes, 1)
+        check.isLengthAtLeast(currentNodes, 1)
         ? html `
                   <${BookPageControls.assign({
             config: hiddenAncestorControls.config,
@@ -66,8 +66,8 @@ export function createNodeTemplates({ currentNodes, isTopLevel, router, isSearch
         })}></${BookPageControls}>
               `
         : nothing;
-    const templates = repeat(currentNodes, (node) => node.fullUrlBreadcrumbs.join('>'), (currentNode, index) => {
-        if (isBookTreeNode(currentNode, BookEntryTypeEnum.Page)) {
+    const templates = repeat(currentNodes, (node) => node.fullUrlBreadcrumbs.join('>'), (currentNode) => {
+        if (isBookTreeNode(currentNode, BookEntryType.Page)) {
             return html `
                     <${BookPageWrapper.assign({
                 isTopLevel,
@@ -79,7 +79,7 @@ export function createNodeTemplates({ currentNodes, isTopLevel, router, isSearch
                     ></${BookPageWrapper}>
                 `;
         }
-        else if (isBookTreeNode(currentNode, BookEntryTypeEnum.ElementExample)) {
+        else if (isBookTreeNode(currentNode, BookEntryType.ElementExample)) {
             const controlsForElementExample = traverseControls(controls, currentNode.fullUrlBreadcrumbs.slice(0, -1));
             return html `
                     <${BookElementExampleWrapper.assign({
@@ -91,7 +91,7 @@ export function createNodeTemplates({ currentNodes, isTopLevel, router, isSearch
                     ></${BookElementExampleWrapper}>
                 `;
         }
-        else if (isBookTreeNode(currentNode, BookEntryTypeEnum.Root)) {
+        else if (isBookTreeNode(currentNode, BookEntryType.Root)) {
             return nothing;
         }
         else {

package/dist/ui/events/change-route.event.d.ts

@@ -1 +1 @@
-export declare const ChangeRouteEvent: import("element-vir").DefinedTypedEvent<"element-book-change-route", Partial<Required<Readonly<import("spa-router-vir").FullRoute<import("../../routing/book-routing").ValidBookPaths, undefined, undefined>>>>>;
+export declare const ChangeRouteEvent: import("element-vir").DefinedTypedEvent<"element-book-change-route", Partial<Required<Readonly<import("spa-router-vir").FullRoute<import("../../routing/book-routing.js").ValidBookPaths, undefined, undefined>>>>>;

package/dist/util/fuzzy-search.js

@@ -41,10 +41,11 @@ searchIn, }) {
     }
     const lowercaseSearchIn = searchIn.toLowerCase();
     const lowercaseSearchQuery = searchQuery.toLowerCase();
+    // eslint-disable-next-line sonarjs/no-labels
     outer: for (let i = 0, j = 0; i < searchQueryLength; i++) {
-        const charCode = lowercaseSearchQuery.charCodeAt(i);
+        const charCode = lowercaseSearchQuery.codePointAt(i);
         while (j < searchInLength) {
-            if (lowercaseSearchIn.charCodeAt(j++) === charCode) {
+            if (lowercaseSearchIn.codePointAt(j++) === charCode) {
                 continue outer;
             }
         }

package/dist/util/type.d.ts

@@ -1,9 +1,16 @@
+/**
+ * Defines a nested type.
+ *
+ * @category Internal
+ */
 export type NestedType<SubType> = {
     [prop: PropertyKey]: SubType | NestedType<SubType>;
 };
 /**
  * The TypeScript compiler is hard-coded to prevent recursion deeper than 50, so this helps us make
  * sure we stay below that limit.
+ *
+ * @category Internal
  */
 export type InfiniteRecursionLimiter = [
     30,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-book",
-    "version": "22.2.2",
+    "version": "23.0.0",
     "keywords": [
         "book",
         "design system",
@@ -20,54 +20,56 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/electrovir/element-vir"
+        "url": "git+https://github.com/electrovir/element-vir.git"
     },
     "license": "(MIT or CC0 1.0)",
     "author": {
         "name": "electrovir",
         "url": "https://github.com/electrovir"
     },
+    "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {
-        "build:pages": "npm run docs",
-        "compile": "rm -rf dist && tsc -b -f --pretty",
+        "compile": "virmator compile",
         "docs": "virmator docs",
-        "start": "cd ../element-book-example && npm start",
-        "test": "virmator test-web",
-        "test:docs": "virmator docs check",
-        "test:types": "npm run compile",
-        "test:watch": "web-test-runner --color --watch --config configs/web-test-runner.config.mjs"
+        "start": "virmator frontend",
+        "test": "virmator test web",
+        "test:coverage": "npm run test coverage",
+        "test:docs": "virmator docs check"
     },
     "dependencies": {
-        "@augment-vir/browser": "^28.0.0",
-        "@augment-vir/common": "^28.0.0",
-        "colorjs.io": "0.5.0",
-        "lit-css-vars": "^3.0.9",
-        "spa-router-vir": "^4.0.3",
-        "typed-event-target": "^3.4.0",
-        "vira": "22.2.2"
+        "@augment-vir/assert": "^30.3.0",
+        "@augment-vir/common": "^30.3.0",
+        "@augment-vir/web": "^30.3.0",
+        "colorjs.io": "0.5.2",
+        "lit-css-vars": "^3.0.10",
+        "spa-router-vir": "^4.0.4",
+        "typed-event-target": "^4.0.0",
+        "vira": "^23.0.0"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^28.0.0",
-        "@open-wc/testing": "^4.0.0",
-        "@types/chai": "^4.3.16",
-        "@types/mocha": "^10.0.6",
+        "@augment-vir/test": "^30.3.0",
         "@web/dev-server-esbuild": "^1.0.2",
-        "@web/test-runner": "^0.18.1",
+        "@web/test-runner": "^0.19.0",
         "@web/test-runner-commands": "^0.9.0",
         "@web/test-runner-playwright": "^0.11.0",
-        "@web/test-runner-visual-regression": "^0.9.0",
-        "element-vir": "*",
-        "istanbul-smart-text-reporter": "^1.1.4",
-        "markdown-code-example-inserter": "^1.0.0",
-        "run-time-assertions": "^1.5.0",
-        "type-fest": "^4.18.2",
-        "typedoc": "^0.25.13",
-        "typescript": "5.4.5"
+        "@web/test-runner-visual-regression": "^0.10.0",
+        "element-vir": "^23.0.0",
+        "istanbul-smart-text-reporter": "^1.1.5",
+        "markdown-code-example-inserter": "^3.0.0",
+        "type-fest": "^4.26.1",
+        "typedoc": "^0.26.10",
+        "typescript": "5.6.3"
     },
     "peerDependencies": {
         "element-vir": ">=17"
+    },
+    "engines": {
+        "node": ">=22"
+    },
+    "publishConfig": {
+        "access": "public"
     }
 }