@aurumjs/html 0.10.12

package/prebuilt/esnext/nodes/input.js

@@ -0,0 +1,92 @@
+import { DomNodeCreator } from '../rendering/renderers/dom_adapter.js';
+import { queueRenderUpdate, renderBatchState } from '../rendering/render_batch.js';
+import { isDataWriter } from './rendering_helpers.js';
+/**
+ * @internal
+ */
+const inputEvents = { input: 'onInput', change: 'onChange' };
+/**
+ * @internal
+ */
+const inputProps = [
+    'placeholder',
+    'readonly',
+    'disabled',
+    'accept',
+    'alt',
+    'autocomplete',
+    'autofocus',
+    'formAction',
+    'formEnctype',
+    'formMethod',
+    'formNoValidate',
+    'formTarget',
+    'max',
+    'maxLength',
+    'min',
+    'minLength',
+    'pattern',
+    'multiple',
+    'required',
+    'type',
+    'step',
+    'list'
+];
+/**
+ * @internal
+ */
+export const Input = DomNodeCreator('input', inputProps, inputEvents, (node, props, cleanUp) => {
+    const input = node;
+    if ((props === null || props === void 0 ? void 0 : props.defaultValue) !== undefined)
+        input.defaultValue = String(props.defaultValue);
+    if ((props === null || props === void 0 ? void 0 : props.value) !== undefined) {
+        if (typeof props.value !== 'string' && typeof props.value !== 'number') {
+            const value = props.value;
+            const updateValue = (v) => {
+                if (cleanUp.isCancelled)
+                    return;
+                input.value = v == null ? '' : String(v);
+            };
+            value.listenAndRepeat((v) => {
+                if (renderBatchState.active)
+                    queueRenderUpdate(updateValue, updateValue, v);
+                else
+                    updateValue(v);
+            }, cleanUp);
+            if (isDataWriter(value)) {
+                cleanUp.registerDomEvent(input, 'input', () => {
+                    const nextValue = typeof value.value === 'number' ? input.valueAsNumber : input.value;
+                    value.write(nextValue);
+                });
+            }
+        }
+        else {
+            input.value = String(props.value);
+        }
+    }
+    if ((props === null || props === void 0 ? void 0 : props.checked) !== undefined) {
+        if (typeof props.checked !== 'boolean') {
+            const checked = props.checked;
+            const updateChecked = (v) => {
+                if (cleanUp.isCancelled)
+                    return;
+                input.checked = v !== null && v !== void 0 ? v : false;
+            };
+            checked.listenAndRepeat((v) => {
+                if (renderBatchState.active)
+                    queueRenderUpdate(updateChecked, updateChecked, v);
+                else
+                    updateChecked(v);
+            }, cleanUp);
+            if (isDataWriter(checked)) {
+                cleanUp.registerDomEvent(input, 'change', () => {
+                    checked.write(input.checked);
+                });
+            }
+        }
+        else {
+            input.checked = props.checked;
+        }
+    }
+});
+//# sourceMappingURL=input.js.map

package/prebuilt/esnext/nodes/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/nodes/input.ts"],"names":[],"mappings":"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"}

package/prebuilt/esnext/nodes/rendering_helpers.d.ts

@@ -0,0 +1,8 @@
+import { ReadOnlyDataSource } from '@aurumjs/streams';
+import { CancellationToken } from '@aurumjs/streams';
+import { ClassType, StyleType } from '@aurumjs/streams';
+import { Data, DataWriter } from '@aurumjs/streams';
+export declare function isDataWriter<T>(source: ReadOnlyDataSource<T>): source is ReadOnlyDataSource<T> & DataWriter<T>;
+export declare function handleClass(data: ClassType, cleanUp: CancellationToken): Data<string>;
+export declare function handleStyle(data: StyleType, cleanUp: CancellationToken): Data<string>;
+//# sourceMappingURL=rendering_helpers.d.ts.map

package/prebuilt/esnext/nodes/rendering_helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering_helpers.d.ts","sourceRoot":"","sources":["../../../src/nodes/rendering_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAElG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAU,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGpD,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAE9G;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,CAiDrF;AAsBD,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,CAmDrF"}

package/prebuilt/esnext/nodes/rendering_helpers.js

@@ -0,0 +1,173 @@
+import { ArrayDataSource, DataSource, MapDataSource } from '@aurumjs/streams';
+import { dsMap, dsUnique } from '@aurumjs/streams';
+import { aurumClassName, camelCaseToKebabCase } from '@aurumjs/streams';
+import { isAurumStyleClass } from '@aurumjs/streams';
+export function isDataWriter(source) {
+    return typeof source.write === 'function';
+}
+export function handleClass(data, cleanUp) {
+    if (typeof data === 'string') {
+        return data;
+    }
+    else if (isAurumStyleClass(data)) {
+        return data.attach(cleanUp);
+    }
+    else if (data instanceof DataSource) {
+        return data
+            .transform(dsUnique(), dsMap((v) => {
+            if (Array.isArray(v)) {
+                return v.join(' ');
+            }
+            else {
+                return v;
+            }
+        }), cleanUp)
+            .withInitial(data.value);
+    }
+    else if (data instanceof ArrayDataSource) {
+        return data.reduce((p, c) => `${p} ${c}`, '', cleanUp);
+    }
+    else if (data instanceof MapDataSource || (typeof data === 'object' && !Array.isArray(data))) {
+        const result = aurumClassName(data, cleanUp);
+        return handleClass(result, cleanUp);
+    }
+    else {
+        let hasReactiveValue = false;
+        for (const i of data) {
+            if (i instanceof DataSource) {
+                hasReactiveValue = true;
+                break;
+            }
+        }
+        // Fully static class lists need no reactive machinery.
+        if (!hasReactiveValue) {
+            return buildClass(data, cleanUp);
+        }
+        const result = new DataSource(buildClass(data, cleanUp));
+        for (const i of data) {
+            if (i instanceof DataSource) {
+                i.transform(dsUnique(), cleanUp).listen((v) => {
+                    result.update(buildClass(data, cleanUp));
+                }, cleanUp);
+            }
+        }
+        return result;
+    }
+}
+function buildClass(data, cleanUp) {
+    return data.reduce((p, c) => {
+        if (c == null) {
+            return p;
+        }
+        if (typeof c === 'string') {
+            return `${p} ${c}`;
+        }
+        else if (isAurumStyleClass(c)) {
+            return `${p} ${c.attach(cleanUp)}`;
+        }
+        else {
+            if (c.value) {
+                return `${p} ${c.value}`;
+            }
+            else {
+                return p;
+            }
+        }
+    }, '');
+}
+export function handleStyle(data, cleanUp) {
+    if (typeof data === 'string') {
+        return data;
+    }
+    else if (data instanceof DataSource) {
+        return data.transform(dsUnique(), dsMap((value) => (typeof value === 'string' ? value : serializeStyleSnapshot(value))), cleanUp);
+    }
+    else if (data instanceof MapDataSource) {
+        return data.toEntriesArrayDataSource(cleanUp).reduce((p, c) => {
+            if (c[1] === undefined || c[1] === null) {
+                return p;
+            }
+            return `${p}${camelCaseToKebabCase(c[0])}:${transformStyle(c[0], c[1])};`;
+        }, '', cleanUp);
+    }
+    else if (typeof data === 'object' && !Array.isArray(data)) {
+        const styles = data;
+        let hasReactiveValue = false;
+        for (const i in styles) {
+            if (styles[i] instanceof DataSource) {
+                hasReactiveValue = true;
+                break;
+            }
+        }
+        // Fully static style objects are the most common case and need no reactive machinery.
+        if (!hasReactiveValue) {
+            return serializeStyleSnapshot(styles);
+        }
+        const result = new DataSource(serializeStyleSnapshot(styles));
+        for (const i in styles) {
+            const value = styles[i];
+            if (value instanceof DataSource) {
+                value.listen(() => {
+                    const serialized = serializeStyleSnapshot(styles);
+                    if (serialized !== result.value) {
+                        result.update(serialized);
+                    }
+                }, cleanUp);
+            }
+        }
+        return result;
+    }
+    else {
+        return '';
+    }
+}
+function serializeStyleSnapshot(styles) {
+    let result = '';
+    for (const key in styles) {
+        const raw = styles[key];
+        const value = raw instanceof DataSource ? raw.value : raw;
+        if (value !== undefined && value !== null) {
+            result += `${camelCaseToKebabCase(key)}:${transformStyle(key, value)};`;
+        }
+    }
+    return result;
+}
+const stylesWithUnits = new Set([
+    'width',
+    'height',
+    'top',
+    'right',
+    'bottom',
+    'left',
+    'minWidth',
+    'minHeight',
+    'maxWidth',
+    'maxHeight',
+    'margin',
+    'marginTop',
+    'marginRight',
+    'marginBottom',
+    'marginLeft',
+    'padding',
+    'paddingLeft',
+    'paddingRight',
+    'paddingTop',
+    'paddingBottom',
+    'borderTopWidth',
+    'borderRightWidth',
+    'borderBottomWidth',
+    'borderLeftWidth',
+    'fontSize',
+    'gap',
+    'gridRowGap',
+    'gridColumnGap',
+    'borderRadius',
+    'borderWidth'
+]);
+function transformStyle(key, value) {
+    if (typeof value === 'number' && value !== 0 && stylesWithUnits.has(key)) {
+        return value + 'px';
+    }
+    return value.toString();
+}
+//# sourceMappingURL=rendering_helpers.js.map

package/prebuilt/esnext/nodes/rendering_helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering_helpers.js","sourceRoot":"","sources":["../../../src/nodes/rendering_helpers.ts"],"names":[],"mappings":"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"}

package/prebuilt/esnext/nodes/select.d.ts

@@ -0,0 +1,17 @@
+import { DOMEvent, HTMLNodeProps } from '../rendering/renderers/dom_adapter.js';
+import { AttributeValue, DataDrain, ReadOnlyDataSource } from '@aurumjs/streams';
+export interface SelectProps extends HTMLNodeProps<HTMLSelectElement> {
+    value?: ReadOnlyDataSource<string> | ReadOnlyDataSource<number> | string | number;
+    defaultValue?: string | number;
+    disabled?: AttributeValue;
+    size?: AttributeValue;
+    multiple?: AttributeValue;
+    required?: AttributeValue;
+    selectedIndex?: ReadOnlyDataSource<number> | number;
+    onChange?: DataDrain<DOMEvent<Event, HTMLSelectElement>>;
+}
+/**
+ * @internal
+ */
+export declare const Select: (props: SelectProps, children: import("@aurumjs/rendering").Renderable[], api: import("@aurumjs/rendering").AurumComponentAPI) => HTMLElement;
+//# sourceMappingURL=select.d.ts.map

package/prebuilt/esnext/nodes/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/nodes/select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAkB,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAIjF,MAAM,WAAW,WAAY,SAAQ,aAAa,CAAC,iBAAiB,CAAC;IACjE,KAAK,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;CAC5D;AAOD;;GAEG;AACH,eAAO,MAAM,MAAM,+IAoFlB,CAAC"}

package/prebuilt/esnext/nodes/select.js

@@ -0,0 +1,95 @@
+import { DomNodeCreator } from '../rendering/renderers/dom_adapter.js';
+import { queueRenderUpdate, renderBatchState } from '../rendering/render_batch.js';
+import { isDataWriter } from './rendering_helpers.js';
+/**
+ * @internal
+ */
+const selectEvents = { change: 'onChange' };
+/**
+ * @internal
+ */
+export const Select = DomNodeCreator('select', ['size', 'multiple', 'required'], selectEvents, (node, props, cleanUp) => {
+    const select = node;
+    if ((props === null || props === void 0 ? void 0 : props.defaultValue) !== undefined)
+        select.value = String(props.defaultValue);
+    if ((props === null || props === void 0 ? void 0 : props.value) !== undefined || (props === null || props === void 0 ? void 0 : props.selectedIndex) !== undefined) {
+        // In case props.value is a data source we need to reapply the value when the children change because the children may be unstable/be removed and re-added which would falsify the state.
+        if (props.value !== undefined && typeof props.value !== 'string' && typeof props.value !== 'number') {
+            const value = props.value;
+            const mo = new MutationObserver(() => {
+                select.value = String(value.value);
+            });
+            mo.observe(select, {
+                childList: true
+            });
+            cleanUp.addCancellable(() => {
+                mo.disconnect();
+            });
+        }
+        if ((props === null || props === void 0 ? void 0 : props.selectedIndex) !== undefined && typeof props.selectedIndex !== 'number') {
+            const selectedIndex = props.selectedIndex;
+            const mo = new MutationObserver(() => {
+                select.selectedIndex = selectedIndex.value;
+            });
+            mo.observe(select, {
+                childList: true
+            });
+            cleanUp.addCancellable(() => {
+                mo.disconnect();
+            });
+        }
+        if ((props === null || props === void 0 ? void 0 : props.value) !== undefined && typeof props.value !== 'string' && typeof props.value !== 'number') {
+            const value = props.value;
+            const updateValue = (v) => {
+                if (cleanUp.isCancelled)
+                    return;
+                select.value = String(v);
+            };
+            value.listenAndRepeat((v) => {
+                if (renderBatchState.active)
+                    queueRenderUpdate(updateValue, updateValue, v);
+                else
+                    updateValue(v);
+            }, cleanUp);
+            if (isDataWriter(value)) {
+                cleanUp.registerDomEvent(select, 'change', () => {
+                    if (typeof value.value === 'number') {
+                        value.write(Number(select.value));
+                    }
+                    else {
+                        value.write(select.value);
+                    }
+                });
+            }
+        }
+        else {
+            select.value = props.value === undefined ? '' : String(props.value);
+        }
+        if ((props === null || props === void 0 ? void 0 : props.selectedIndex) !== undefined) {
+            if (typeof props.selectedIndex !== 'number') {
+                const selectedIndex = props.selectedIndex;
+                const updateSelectedIndex = (v) => {
+                    if (cleanUp.isCancelled)
+                        return;
+                    select.selectedIndex = v;
+                };
+                selectedIndex.listenAndRepeat((v) => {
+                    if (renderBatchState.active) {
+                        queueRenderUpdate(updateSelectedIndex, updateSelectedIndex, v);
+                    }
+                    else
+                        updateSelectedIndex(v);
+                }, cleanUp);
+                if (isDataWriter(selectedIndex)) {
+                    cleanUp.registerDomEvent(select, 'change', () => {
+                        selectedIndex.write(select.selectedIndex);
+                    });
+                }
+            }
+            else {
+                select.selectedIndex = props.selectedIndex;
+            }
+        }
+    }
+});
+//# sourceMappingURL=select.js.map

package/prebuilt/esnext/nodes/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/nodes/select.ts"],"names":[],"mappings":"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"}