@davidsouther/jiffies 1.0.0 → 1.1.0

package/build/assert.d.ts

@@ -1,23 +1,23 @@
-declare type AssertMessage = string | (() => string);
-/**
- * Throw an error when a condition is not met.
- */
-export declare function assert(condition: boolean, message?: AssertMessage): void | never;
-/**
- * Given a value, return it if it is not null nor undefined. Otherwise throw an
- * error.
- *
- * @template T
- * @returns {NonNullable<T>}
- */
-export declare function assertExists<T>(t: T, message?: AssertMessage): NonNullable<T>;
-/**
- * @param {*} n
- * @returns string
- */
-export declare function assertString(n: unknown, message?: AssertMessage): string;
-/**
- * Compile time assertion that no value will used at this point in control flow.
- */
-export declare function checkExhaustive(value: never, message?: AssertMessage): never;
-export {};
+declare type AssertMessage = string | (() => string);
+/**
+ * Throw an error when a condition is not met.
+ */
+export declare function assert(condition: boolean, message?: AssertMessage): void | never;
+/**
+ * Given a value, return it if it is not null nor undefined. Otherwise throw an
+ * error.
+ *
+ * @template T
+ * @returns {NonNullable<T>}
+ */
+export declare function assertExists<T>(t: T, message?: AssertMessage): NonNullable<T>;
+/**
+ * @param {*} n
+ * @returns string
+ */
+export declare function assertString(n: unknown, message?: AssertMessage): string;
+/**
+ * Compile time assertion that no value will used at this point in control flow.
+ */
+export declare function checkExhaustive(value: never, message?: AssertMessage): never;
+export {};

package/build/assert.js

@@ -1,33 +1,33 @@
-/**
- * Throw an error when a condition is not met.
- */
-export function assert(condition, message = "Assertion failed") {
-    if (!condition) {
-        throw new Error(message instanceof Function ? message() : message);
-    }
-}
-/**
- * Given a value, return it if it is not null nor undefined. Otherwise throw an
- * error.
- *
- * @template T
- * @returns {NonNullable<T>}
- */
-export function assertExists(t, message = "Assertion failed: value does not exist") {
-    assert(t != null, message);
-    return t;
-}
-/**
- * @param {*} n
- * @returns string
- */
-export function assertString(n, message = () => `Assertion failed: ${n} is not a string`) {
-    assert(typeof n == "string", message);
-    return n;
-}
-/**
- * Compile time assertion that no value will used at this point in control flow.
- */
-export function checkExhaustive(value, message = `Unexpected value ${value}`) {
-    throw new Error(message instanceof Function ? message() : message);
-}
+/**
+ * Throw an error when a condition is not met.
+ */
+export function assert(condition, message = "Assertion failed") {
+    if (!condition) {
+        throw new Error(message instanceof Function ? message() : message);
+    }
+}
+/**
+ * Given a value, return it if it is not null nor undefined. Otherwise throw an
+ * error.
+ *
+ * @template T
+ * @returns {NonNullable<T>}
+ */
+export function assertExists(t, message = "Assertion failed: value does not exist") {
+    assert(t != null, message);
+    return t;
+}
+/**
+ * @param {*} n
+ * @returns string
+ */
+export function assertString(n, message = () => `Assertion failed: ${n} is not a string`) {
+    assert(typeof n == "string", message);
+    return n;
+}
+/**
+ * Compile time assertion that no value will used at this point in control flow.
+ */
+export function checkExhaustive(value, message = `Unexpected value ${value}`) {
+    throw new Error(message instanceof Function ? message() : message);
+}

package/build/case.d.ts

@@ -1 +1 @@
-export declare function dashCase(identifier: string): string;
+export declare function dashCase(identifier: string): string;

package/build/case.js

@@ -1,5 +1,5 @@
-export function dashCase(identifier) {
-    return identifier
-        .replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`)
-        .replace(/ ([A-Z])/g, (_, b) => `-${b.toLowerCase()}`);
-}
+export function dashCase(identifier) {
+    return identifier
+        .replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`)
+        .replace(/ ([A-Z])/g, (_, b) => `-${b.toLowerCase()}`);
+}

package/build/components/button_bar.d.ts

@@ -1,8 +1,8 @@
-declare const ButtonBar: import("../dom/fc.js").FCComponentCtor<{
-    value: T;
-    values: T[];
-    events: {
-        onSelect: (current: T) => void;
-    };
-}, {}>;
-export default ButtonBar;
+declare const ButtonBar: import("../dom/fc.js").FCComponentCtor<{
+    value: T;
+    values: T[];
+    events: {
+        onSelect: (current: T) => void;
+    };
+}, {}>;
+export default ButtonBar;

package/build/components/button_bar.js

@@ -1,27 +1,27 @@
-import { display } from "../display.js";
-import { FC } from "../dom/fc.js";
-import { fieldset, input, label } from "../dom/html.js";
-let buttonBarId = 1;
-let nextId = () => buttonBarId++;
-const ButtonBar = FC("button-bar", (el, { value, values, events }) => {
-    const name = `button-bar-${nextId()}`;
-    return fieldset({ class: "input-group" }, ...values
-        .map((option) => {
-        const opt = `${option}`.replace(/\s+/g, "_").toLowerCase();
-        const id = `${name}-${opt}`;
-        return [
-            label({ role: "button", htmlFor: id }, input({
-                type: "radio",
-                id,
-                name,
-                value: option,
-                checked: option === value,
-                events: {
-                    change: () => events.onSelect(option),
-                },
-            }), display(option)),
-        ];
-    })
-        .flat());
-});
-export default ButtonBar;
+import { display } from "../display.js";
+import { FC } from "../dom/fc.js";
+import { fieldset, input, label } from "../dom/html.js";
+let buttonBarId = 1;
+let nextId = () => buttonBarId++;
+const ButtonBar = FC("button-bar", (el, { value, values, events }) => {
+    const name = `button-bar-${nextId()}`;
+    return fieldset({ class: "input-group" }, ...values
+        .map((option) => {
+        const opt = `${option}`.replace(/\s+/g, "_").toLowerCase();
+        const id = `${name}-${opt}`;
+        return [
+            label({ role: "button", htmlFor: id }, input({
+                type: "radio",
+                id,
+                name,
+                value: option,
+                checked: option === value,
+                events: {
+                    change: () => events.onSelect(option),
+                },
+            }), display(option)),
+        ];
+    })
+        .flat());
+});
+export default ButtonBar;

package/build/components/inline_edit.d.ts

@@ -1,12 +1,12 @@
-export interface InlineEditState {
-    mode: number;
-    value: string;
-}
-export declare const InlineEdit: import("../dom/fc.js").FCComponentCtor<{
-    mode?: number | undefined;
-    value: string;
-    events: {
-        change: (value: string) => void;
-    };
-}, InlineEditState>;
-export default InlineEdit;
+export interface InlineEditState {
+    mode: number;
+    value: string;
+}
+export declare const InlineEdit: import("../dom/fc.js").FCComponentCtor<{
+    mode?: number | undefined;
+    value: string;
+    events: {
+        change: (value: string) => void;
+    };
+}, InlineEditState>;
+export default InlineEdit;

package/build/components/inline_edit.js

@@ -1,48 +1,48 @@
-import { width } from "../dom/css/sizing.js";
-import { FC, State } from "../dom/fc.js";
-import { input, span } from "../dom/html.js";
-const Mode = { VIEW: 0, EDIT: 1 };
-export const InlineEdit = FC("inline-edit", (el, { mode = Mode.VIEW, value, events }) => {
-    const state = (el[State] ??= { mode, value });
-    const render = () => {
-        switch (state.mode) {
-            case Mode.EDIT:
-                return edit();
-            case Mode.VIEW:
-                return view();
-            default:
-                return span();
-        }
-    };
-    const view = () => span({
-        style: { cursor: "text", ...width("full", "inline") },
-        events: {
-            click: () => {
-                state.mode = Mode.EDIT;
-                el.update(render());
-            },
-        },
-    }, state.value ?? "");
-    const edit = () => {
-        const edit = span({ style: { display: "block", position: "relative" } }, input({
-            style: {
-                zIndex: "10",
-                position: "absolute",
-                left: "0",
-                marginTop: "-0.375rem",
-            },
-            events: {
-                blur: ({ target }) => events.change(target?.value ?? ""),
-            },
-            type: "text",
-            value: state.value,
-        }), "\u00a0" // Hack to get the span to take up space
-        );
-        setTimeout(() => {
-            edit.dispatchEvent(new Event("focus"));
-        });
-        return edit;
-    };
-    return render();
-});
-export default InlineEdit;
+import { width } from "../dom/css/sizing.js";
+import { FC, State } from "../dom/fc.js";
+import { input, span } from "../dom/html.js";
+const Mode = { VIEW: 0, EDIT: 1 };
+export const InlineEdit = FC("inline-edit", (el, { mode = Mode.VIEW, value, events }) => {
+    const state = (el[State] ??= { mode, value });
+    const render = () => {
+        switch (state.mode) {
+            case Mode.EDIT:
+                return edit();
+            case Mode.VIEW:
+                return view();
+            default:
+                return span();
+        }
+    };
+    const view = () => span({
+        style: { cursor: "text", ...width("full", "inline") },
+        events: {
+            click: () => {
+                state.mode = Mode.EDIT;
+                el.update(render());
+            },
+        },
+    }, state.value ?? "");
+    const edit = () => {
+        const edit = span({ style: { display: "block", position: "relative" } }, input({
+            style: {
+                zIndex: "10",
+                position: "absolute",
+                left: "0",
+                marginTop: "-0.375rem",
+            },
+            events: {
+                blur: ({ target }) => events.change(target?.value ?? ""),
+            },
+            type: "text",
+            value: state.value,
+        }), "\u00a0" // Hack to get the span to take up space
+        );
+        setTimeout(() => {
+            edit.dispatchEvent(new Event("focus"));
+        });
+        return edit;
+    };
+    return render();
+});
+export default InlineEdit;

package/build/components/logger.d.ts

@@ -1,7 +1,6 @@
-import { DOMElement, Updatable } from "../dom/dom.js";
-import { Logger } from "../log.js";
-export interface HTMLLogger extends Logger {
-    root: Updatable<DOMElement>;
-}
-export declare function isHTMLLogger(logger: Logger): logger is HTMLLogger;
-export declare function makeHTMLLogger(name: string): HTMLLogger;
+import { Logger } from "../log.js";
+export interface HTMLLogger extends Logger {
+    root: Element;
+}
+export declare function isHTMLLogger(logger: Logger): logger is HTMLLogger;
+export declare function makeHTMLLogger(name: string): HTMLLogger;

package/build/components/logger.js

@@ -1,22 +1,22 @@
-import { display } from "../display.js";
-import { div, span, ul, li, pre, code } from "../dom/html.js";
-import { LEVEL } from "../log.js";
-export function isHTMLLogger(logger) {
-    return logger.root != undefined;
-}
-export function makeHTMLLogger(name) {
-    let log;
-    const root = div(div(span(name)), (log = ul()));
-    const logger = { level: LEVEL.INFO, root };
-    function append(message) {
-        log.appendChild(li(pre(code(message))));
-    }
-    const logAt = (level) => (message) => level >= (logger.level ?? LEVEL.ERROR)
-        ? append(display(message))
-        : undefined;
-    logger.debug = logAt(LEVEL.VERBOSE);
-    logger.info = logAt(LEVEL.INFO);
-    logger.warn = logAt(LEVEL.WARN);
-    logger.error = logAt(LEVEL.ERROR);
-    return logger;
-}
+import { display } from "../display.js";
+import { div, span, ul, li, pre, code } from "../dom/html.js";
+import { LEVEL } from "../log.js";
+export function isHTMLLogger(logger) {
+    return logger.root != undefined;
+}
+export function makeHTMLLogger(name) {
+    let log;
+    const root = div(div(span(name)), (log = ul()));
+    const logger = { level: LEVEL.INFO, root };
+    function append(message) {
+        log.appendChild(li(pre(code(message))));
+    }
+    const logAt = (level) => (message) => level >= (logger.level ?? LEVEL.ERROR)
+        ? append(display(message))
+        : undefined;
+    logger.debug = logAt(LEVEL.VERBOSE);
+    logger.info = logAt(LEVEL.INFO);
+    logger.warn = logAt(LEVEL.WARN);
+    logger.error = logAt(LEVEL.ERROR);
+    return logger;
+}

package/build/components/select.d.ts

@@ -1,10 +1,13 @@
-import { EventHandler } from "../dom/dom.js";
-export declare const Select: import("../dom/fc.js").FCComponentCtor<{
-    name: string;
-    value: string;
-    events: {
-        change: EventHandler;
-    };
-    disabled: boolean;
-    options: [string, string][];
-}, {}>;
+import { EventHandler } from "../dom/dom.js";
+export declare const Select: import("../dom/fc.js").FCComponentCtor<{
+    name: string;
+    value: string;
+    events: {
+        change: EventHandler;
+    };
+    disabled: boolean;
+    options: [
+        string,
+        string
+    ][];
+}, {}>;

package/build/components/select.js

@@ -1,3 +1,3 @@
-import { FC } from "../dom/fc.js";
-import { option, select } from "../dom/html.js";
-export const Select = FC("jiffies-select", (el, { name, events: { change }, disabled, value, options }) => select({ name, events: { change }, disabled }, ...options.map(([v, name]) => option({ value: v, selected: value === v }, `${name}`))));
+import { FC } from "../dom/fc.js";
+import { option, select } from "../dom/html.js";
+export const Select = FC("jiffies-select", (el, { name, events: { change }, disabled, value, options }) => select({ name, events: { change }, disabled }, ...options.map(([v, name]) => option({ value: v, selected: value === v }, `${name}`))));

package/build/components/test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/build/components/test.js

@@ -1,2 +1,2 @@
-await import("./virtual_scroll.test.js");
-export {};
+await import("./virtual_scroll.test.js");
+export {};

package/build/components/virtual_scroll.d.ts

@@ -1,41 +1,40 @@
-import { UHTMLElement } from "../dom/html.js";
-export interface VirtualScrollSettings {
-    minIndex: number;
-    maxIndex: number;
-    startIndex: number;
-    itemHeight: number;
-    count: number;
-    tolerance: number;
-}
-export interface VirtualScrollDataAdapter<T> {
-    (offset: number, limit: number): Iterable<T>;
-}
-export declare function arrayAdapter<T>(data: T[]): VirtualScrollDataAdapter<T>;
-export interface VirtualScrollProps<T, U extends HTMLElement> {
-    settings: Partial<VirtualScrollSettings>;
-    get: VirtualScrollDataAdapter<T>;
-    row: (t: T) => UHTMLElement<U>;
-}
-export declare function fillVirtualScrollSettings(settings: Partial<VirtualScrollSettings>): VirtualScrollSettings;
-export declare function initialState<T>(settings: VirtualScrollSettings): VirtualScrollState<T>;
-export declare function getData<T>(minIndex: number, maxIndex: number, offset: number, limit: number, get: VirtualScrollDataAdapter<T>): T[];
-export declare function doScroll<T>(scrollTop: number, state: VirtualScrollState<T>, get: VirtualScrollDataAdapter<T>): {
-    scrollTop: number;
-    topPaddingHeight: number;
-    bottomPaddingHeight: number;
-    data: T[];
-};
-interface VirtualScrollState<T, U extends HTMLElement = HTMLElement> {
-    settings: VirtualScrollSettings;
-    scrollTop: number;
-    bufferedItems: number;
-    totalHeight: number;
-    viewportHeight: number;
-    topPaddingHeight: number;
-    bottomPaddingHeight: number;
-    toleranceHeight: number;
-    data: T[];
-    rows: UHTMLElement<U>[];
-}
-export declare const VirtualScroll: import("../dom/fc.js").FCComponentCtor<VirtualScrollProps<unknown, HTMLElement>, VirtualScrollState<unknown, HTMLElement>>;
-export default VirtualScroll;
+export interface VirtualScrollSettings {
+    minIndex: number;
+    maxIndex: number;
+    startIndex: number;
+    itemHeight: number;
+    count: number;
+    tolerance: number;
+}
+export interface VirtualScrollDataAdapter<T> {
+    (offset: number, limit: number): Iterable<T>;
+}
+export declare function arrayAdapter<T>(data: T[]): VirtualScrollDataAdapter<T>;
+export interface VirtualScrollProps<T, U extends HTMLElement> {
+    settings: Partial<VirtualScrollSettings>;
+    get: VirtualScrollDataAdapter<T>;
+    row: (t: T) => U;
+}
+export declare function fillVirtualScrollSettings(settings: Partial<VirtualScrollSettings>): VirtualScrollSettings;
+export declare function initialState<T>(settings: VirtualScrollSettings): VirtualScrollState<T>;
+export declare function getData<T>(minIndex: number, maxIndex: number, offset: number, limit: number, get: VirtualScrollDataAdapter<T>): T[];
+export declare function doScroll<T>(scrollTop: number, state: VirtualScrollState<T>, get: VirtualScrollDataAdapter<T>): {
+    scrollTop: number;
+    topPaddingHeight: number;
+    bottomPaddingHeight: number;
+    data: T[];
+};
+interface VirtualScrollState<T, U extends HTMLElement = HTMLElement> {
+    settings: VirtualScrollSettings;
+    scrollTop: number;
+    bufferedItems: number;
+    totalHeight: number;
+    viewportHeight: number;
+    topPaddingHeight: number;
+    bottomPaddingHeight: number;
+    toleranceHeight: number;
+    data: T[];
+    rows: U[];
+}
+export declare const VirtualScroll: import("../dom/fc.js").FCComponentCtor<VirtualScrollProps<unknown, HTMLElement>, VirtualScrollState<unknown, HTMLElement>>;
+export default VirtualScroll;