@sealcode/sealgen 0.7.15 → 0.8.1

package/@types/forms/controls/big-radio-group.d.ts

@@ -0,0 +1,15 @@
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormField } from "../fields/field";
+import { FormDataValue } from "../form";
+import { FormFieldControl } from "./form-field-control";
+export declare class BigRadioGroup extends FormFieldControl {
+    field: FormField;
+    options: Record<string, {
+        description: FlatTemplatable | ((ctx: Context, data: Record<string, FormDataValue>, messages: [], feld_name_prefix: string, form_id: string) => FlatTemplatable);
+    }>;
+    constructor(field: FormField, options: Record<string, {
+        description: FlatTemplatable | ((ctx: Context, data: Record<string, FormDataValue>, messages: [], feld_name_prefix: string, form_id: string) => FlatTemplatable);
+    }>);
+    render(ctx: Context, data: Record<string, FormDataValue>, messages: [], field_name_prefix: string, form_id: string): Promise<FlatTemplatable>;
+}

package/@types/forms/controls/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { Context } from "koa";
+import { FormDataValue } from "../form";
+import { Tickable } from "./tickable";
+export declare class Checkbox extends Tickable<boolean> {
+    type: "checkbox";
+    isChecked(_ctx: Context, _data: Record<string, FormDataValue>, value: boolean): boolean;
+    getValueAttribute(): string;
+}

package/@types/forms/controls/checkboxed-list-input.d.ts

@@ -4,11 +4,11 @@ import { ChekboxedListField } from "../fields/field";
 import { FormDataValue } from "../form";
 import { FormFieldControl } from "./controls";
 export declare class CheckboxedListInput extends FormFieldControl {
-    field: ChekboxedListField;
+    field: ChekboxedListField<boolean>;
     options: {
         label: string;
     };
-    constructor(field: ChekboxedListField, options?: {
+    constructor(field: ChekboxedListField<boolean>, options?: {
         label: string;
     });
     render(ctx: Context, data: Record<string, FormDataValue>): Promise<import("stream").Readable>;

package/@types/forms/controls/controls.d.ts

@@ -11,3 +11,8 @@ export { HTML } from "./html";
 export { HiddenInput } from "./hidden-input";
 export { Textarea } from "./textarea";
 export { FieldGroup } from "./field-group";
+export * from "./derived";
+export * from "./tickable";
+export * from "./checkbox";
+export * from "./radio";
+export * from "./big-radio-group";

package/@types/forms/controls/derived.d.ts

@@ -0,0 +1,11 @@
+import { FlatTemplatable } from "tempstream";
+import { FormField } from "../fields/field";
+import { FormControl } from "./form-control";
+export declare class Derived<Consts extends Record<string, unknown> | undefined> extends FormControl {
+    fields: FormField[];
+    _render: (values: Record<string, string>, consts: Consts) => string;
+    consts: Consts;
+    role: "decoration";
+    constructor(fields: FormField[], _render: (values: Record<string, string>, consts: Consts) => string, consts: Consts);
+    render(): FlatTemplatable;
+}

package/@types/forms/controls/dropdown.d.ts

@@ -4,13 +4,13 @@ import { FormField, PickFromListField } from "../fields/field";
 import { FormDataValue } from "../form";
 import { FormFieldControl } from "./controls";
 export declare class Dropdown extends FormFieldControl {
-    field: PickFromListField;
+    field: PickFromListField<boolean>;
     options: {
         label: string;
         autosubmit?: boolean;
         autocomplete?: boolean;
     };
-    constructor(field: PickFromListField, options?: {
+    constructor(field: PickFromListField<boolean>, options?: {
         label: string;
         autosubmit?: boolean;
         autocomplete?: boolean;

package/@types/forms/controls/editable-collection-subset.d.ts

@@ -11,11 +11,11 @@ import { FormFieldControl } from "./controls";
  * this control for reference.
  */
 export declare class EditableCollectionSubset extends FormFieldControl {
-    field: PickFromListField;
+    field: PickFromListField<false>;
     actionname: string;
     listLabel?: string | undefined;
     selectLabel?: string | undefined;
-    constructor(field: PickFromListField, actionname: string, listLabel?: string | undefined, selectLabel?: string | undefined);
+    constructor(field: PickFromListField<false>, actionname: string, listLabel?: string | undefined, selectLabel?: string | undefined);
     render(ctx: Context, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
     role: "input";
 }

package/@types/forms/controls/html.d.ts

@@ -1,9 +1,12 @@
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
 import { FormControl } from "./controls";
+declare type Renderer = ((ctx: Context) => FlatTemplatable) | FlatTemplatable;
 export declare class HTML extends FormControl {
-    renderer: ((ctx: Context) => FlatTemplatable) | string;
-    role: "decoration";
-    constructor(renderer: ((ctx: Context) => FlatTemplatable) | string);
+    role: "decoration" | "submit";
+    renderer: Renderer;
+    constructor(role: "decoration" | "submit", renderer: Renderer);
+    constructor(renderer: Renderer);
     render(ctx: Context): Promise<FlatTemplatable>;
 }
+export {};

package/@types/forms/controls/radio.d.ts

@@ -0,0 +1,16 @@
+import { Context } from "koa";
+import { FormField } from "../fields/field";
+import { FormDataValue } from "../form";
+import { Tickable } from "./tickable";
+export declare class Radio extends Tickable<string> {
+    field: FormField<boolean, string>;
+    value: string;
+    type: "radio";
+    constructor(field: FormField<boolean, string>, value: string, options: {
+        label?: string;
+    });
+    makeInputID(): string;
+    getValueAttribute(): string;
+    getWrapperClasses(ctx: Context, data: Record<string, FormDataValue>, value: string): string[];
+    isChecked(_ctx: Context, _data: Record<string, FormDataValue>, value: string): boolean;
+}

package/@types/forms/controls/tickable.d.ts

@@ -0,0 +1,26 @@
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormField } from "../fields/field";
+import { FormDataValue } from "../form";
+import { FormFieldControl } from "./controls";
+export declare abstract class Tickable<T extends unknown> extends FormFieldControl {
+    field: FormField<boolean, T>;
+    options: {
+        id?: string;
+        label?: string;
+        hide_errors?: boolean;
+        readonly?: boolean;
+    };
+    constructor(field: FormField<boolean, T>, options?: {
+        id?: string;
+        label?: string;
+        hide_errors?: boolean;
+        readonly?: boolean;
+    });
+    type: "checkbox" | "radio";
+    abstract getValueAttribute(ctx: Context, data: Record<string, FormDataValue>, value: T): string;
+    abstract isChecked(ctx: Context, data: Record<string, FormDataValue>, value: T): boolean;
+    makeInputID(): string;
+    getWrapperClasses(ctx: Context, data: Record<string, FormDataValue>, value: T): string[];
+    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, _: unknown[], field_prefix: string, form_id: string): Promise<FlatTemplatable>;
+}

package/@types/forms/fields/boolean.d.ts

@@ -0,0 +1,17 @@
+import { Context } from "koa";
+import { FormDataValue } from "../form";
+import { FieldParseResult, FormField } from "./field";
+export declare class Boolean<Required extends boolean> extends FormField<Required, boolean> {
+    error_message: string;
+    predicate: (v: unknown, w: unknown) => {
+        readonly match: boolean;
+        readonly wildcard: boolean;
+    };
+    constructor(required: Required, error_message?: string);
+    isValueValid(_: Context, value: boolean): Promise<{
+        valid: boolean;
+        message: string;
+    }>;
+    parse(_: Context, value: FormDataValue): Promise<FieldParseResult<boolean>>;
+    getEmptyValue(): boolean;
+}

package/@types/forms/fields/checkboxed-list.d.ts

@@ -1,15 +1,19 @@
 import { Context } from "koa";
 import { FormDataValue } from "../form";
 import { FieldParseResult, FormField, FormFieldValidationResponse } from "./field";
-export declare class ChekboxedListField extends FormField<Record<string, "on">> {
-    required: boolean;
+export declare class ChekboxedListField<Required extends boolean> extends FormField<Required, Record<string, "on">> {
+    required: Required;
     generateOptions: (ctx: Context) => Promise<Record<string, string> | {
         [i: string]: string;
     }>;
     isVisible: (ctx: Context) => Promise<boolean>;
-    constructor(required: boolean, generateOptions: (ctx: Context) => Promise<Record<string, string> | {
+    constructor(required: Required, generateOptions: (ctx: Context) => Promise<Record<string, string> | {
         [i: string]: string;
     }>, isVisible?: (ctx: Context) => Promise<boolean>);
+    predicate: (v: unknown, w: unknown) => {
+        readonly match: boolean;
+        readonly wildcard: string[];
+    };
     isValueValid(_: Context, value: unknown): Promise<FormFieldValidationResponse>;
     parse(_: Context, raw_value: FormDataValue): Promise<FieldParseResult<Record<string, "on">>>;
     getEmptyValue(): Record<string, "on">;

package/@types/forms/fields/collection-field.d.ts

@@ -2,9 +2,13 @@ import { Context } from "koa";
 import { Depromisify, Field, FieldOutput } from "sealious";
 import { FormDataValue } from "../form";
 import { FieldParseResult, FormField, FormFieldValidationResponse } from "./field";
-export declare class CollectionField<F extends Field> extends FormField<FieldOutput<F>> {
+export declare class CollectionField<F extends Field, Required extends boolean> extends FormField<Required, FieldOutput<F>> {
     sealiousField: F;
-    constructor(required: boolean, sealiousField: F);
+    constructor(required: Required, sealiousField: F);
+    predicate: (v: unknown, w: unknown) => {
+        readonly match: true;
+        readonly wildcard: unknown;
+    };
     parse(ctx: Context, raw_value: FormDataValue): Promise<FieldParseResult<FieldOutput<F>>>;
     isValueValid(ctx: Context, value: FieldOutput<F>): Promise<FormFieldValidationResponse>;
     getEmptyValue(): Depromisify<ReturnType<F["decode"]>>;

package/@types/forms/fields/email.d.ts

@@ -1,6 +1,7 @@
 import { RegExpField } from "./regexp";
-export declare class EmailField extends RegExpField {
+export declare class EmailField<Required extends boolean> extends RegExpField<Required> {
     error_message: string;
     default_value: string;
-    constructor(required?: boolean, error_message?: string, default_value?: string);
+    predicate: import("@sealcode/ts-predicates").Predicate<string>;
+    constructor(required: Required, error_message?: string, default_value?: string);
 }

package/@types/forms/fields/enum.d.ts

@@ -1,10 +1,14 @@
 import { Context } from "koa";
 import { FormDataValue } from "../form";
 import { FieldParseResult, FormField } from "./field";
-export declare class EnumField extends FormField<string> {
-    options: string[];
-    error_message: (options: string[]) => string;
-    constructor(required: boolean | undefined, options: string[], error_message?: (options: string[]) => string);
+export declare class EnumField<Options extends readonly string[], Required extends boolean> extends FormField<Required, string> {
+    options: Options;
+    error_message: (options: Options) => string;
+    constructor(required: Required, options: Options, error_message?: (options: Options) => string);
+    predicate: (v: unknown, w: unknown) => {
+        readonly match: boolean;
+        readonly wildcard: Options[number];
+    };
     isValueValid(_: Context, value: unknown): Promise<{
         valid: boolean;
         message: string;

package/@types/forms/fields/field.d.ts

@@ -1,11 +1,17 @@
+import { Predicate, predicates } from "@sealcode/ts-predicates";
 import { Context } from "koa";
 import { FormDataValue } from "../form";
 export declare type FormFieldValidationResponse = {
     valid: boolean;
     message: string;
 };
-export declare type FormFieldValidationFn<ValueType> = (ctx: Context, value: ValueType, field: FormField<ValueType>) => Promise<FormFieldValidationResponse>;
+export declare type FormFieldValidationFn<ValueType> = (ctx: Context, value: ValueType, field: FormField<boolean, ValueType>) => Promise<FormFieldValidationResponse>;
 export declare type FieldParsedValue<T> = T extends FormField<infer R> ? R : never;
+export declare type GetPredicate<F extends FormField> = F extends FormField<true> ? F["predicate"] : F["predicate"] | typeof predicates.undefined;
+export declare type FieldsToShape<T extends Record<string, FormField>> = {
+    [property in keyof T]: GetPredicate<T[property]>;
+};
+export declare function fieldsToShape<Fields extends Record<string, FormField>>(obj: Fields): FieldsToShape<Fields>;
 export declare type FieldParseResult<T> = {
     parsable: false;
     error: string;
@@ -15,10 +21,11 @@ export declare type FieldParseResult<T> = {
     error: null;
     parsed_value: T;
 };
-export declare abstract class FormField<ParsedValue extends unknown = unknown> {
-    required: boolean;
+export declare abstract class FormField<Required extends boolean = boolean, ParsedValue extends unknown = unknown> {
+    readonly required: Required;
     name: string;
-    constructor(required?: boolean);
+    constructor(required: Required);
+    predicate: Predicate;
     init(fieldname: string): void;
     _validate(ctx: Context, value: ParsedValue): Promise<FormFieldValidationResponse>;
     abstract getEmptyValue(): ParsedValue;
@@ -39,3 +46,4 @@ export * from "./pick-from-list";
 export * from "./regexp";
 export * from "./email";
 export * from "./enum";
+export * from "./boolean";

package/@types/forms/fields/number.d.ts

@@ -1,9 +1,10 @@
 import { Context } from "koa";
 import { FormDataValue } from "../form";
 import { FieldParseResult, FormField } from "./field";
-export declare class NumberField<DefaultValue extends number | null = null> extends FormField<number | DefaultValue> {
+export declare class NumberField<DefaultValue extends number | null = null, Required extends boolean = boolean> extends FormField<Required, number | DefaultValue> {
     default_value: DefaultValue;
-    constructor(required: boolean | undefined, default_value: DefaultValue);
+    constructor(required: Required, default_value: DefaultValue);
+    predicate: import("@sealcode/ts-predicates").Predicate<number>;
     isValueValid(_: Context, value: unknown): Promise<{
         valid: boolean;
         message: string;

package/@types/forms/fields/pick-from-list.d.ts

@@ -1,15 +1,16 @@
 import { Context } from "koa";
 import { FormFieldValidationResponse } from "./field";
 import { SimpleFormField } from "./simple-form-field";
-export declare class PickFromListField extends SimpleFormField {
-    required: boolean;
+export declare class PickFromListField<Required extends boolean> extends SimpleFormField<Required> {
+    required: Required;
     generateOptions: (ctx: Context) => Promise<Record<string, string> | {
         [i: string]: string;
     }>;
-    customValidation: (ctx: Context, value: unknown, instance: PickFromListField) => Promise<FormFieldValidationResponse>;
-    constructor(required: boolean, generateOptions: (ctx: Context) => Promise<Record<string, string> | {
+    customValidation: (ctx: Context, value: unknown, instance: PickFromListField<Required>) => Promise<FormFieldValidationResponse>;
+    constructor(required: Required, generateOptions: (ctx: Context) => Promise<Record<string, string> | {
         [i: string]: string;
-    }>, customValidation?: (ctx: Context, value: unknown, instance: PickFromListField) => Promise<FormFieldValidationResponse>);
+    }>, customValidation?: (ctx: Context, value: unknown, instance: PickFromListField<Required>) => Promise<FormFieldValidationResponse>);
+    predicate: import("@sealcode/ts-predicates").Predicate<string>;
     isValueValid(ctx: Context, value: string): Promise<FormFieldValidationResponse>;
     valueInList(ctx: Context, value: unknown): Promise<FormFieldValidationResponse>;
     getEmptyValue(): string;

package/@types/forms/fields/regexp.d.ts

@@ -1,11 +1,12 @@
 import { Context } from "koa";
 import { FormDataValue } from "../form";
 import { FieldParseResult, FormField } from "./field";
-export declare class RegExpField extends FormField<string> {
+export declare class RegExpField<Required extends boolean> extends FormField<Required> {
     regexp: RegExp;
     error_message: string;
     default_value: string;
-    constructor(required: boolean | undefined, regexp: RegExp, error_message: string, default_value?: string);
+    constructor(required: Required, regexp: RegExp, error_message: string, default_value?: string);
+    predicate: import("@sealcode/ts-predicates").Predicate<string>;
     isValueValid(_: Context, value: unknown): Promise<{
         valid: boolean;
         message: string;

package/@types/forms/fields/simple-form-field.d.ts

@@ -1,7 +1,9 @@
 import { FieldParseResult, FormField } from "./field";
 import { FormDataValue } from "../form";
 import { Context } from "koa";
-export declare class SimpleFormField extends FormField<string | null> {
+export declare class SimpleFormField<Required extends boolean> extends FormField<Required, string | null> {
     parse(_: Context, raw_value: FormDataValue): Promise<FieldParseResult<string>>;
+    predicate: import("@sealcode/ts-predicates").Predicate<string>;
     getEmptyValue(): string;
+    constructor(required: Required);
 }

package/@types/forms/form.d.ts

@@ -4,10 +4,10 @@ import Router from "@koa/router";
 import { FlatTemplatable } from "tempstream";
 import { FormField } from "./fields/field";
 import { Fields, MountableWithFields, PageErrorMessage } from "../page/mountable-with-fields";
-export declare type FormDataPrimitive = string | string[] | undefined;
+export declare type FormDataPrimitive = string | string[] | number | undefined;
 export declare type FormDataValue = FormDataPrimitive | Record<string, FormDataPrimitive>;
 export declare type FieldValueType<F extends FormField> = F extends FormField<infer R> ? R : never;
-export declare type FormFieldsToValues<F extends Record<string, FormField<keyof F>>> = {
+export declare type FormFieldsToValues<F extends Record<string, FormField<boolean, keyof F>>> = {
     [Property in keyof F]: FieldValueType<F[Property]>;
 };
 export declare type FormMessage = {
@@ -27,10 +27,11 @@ export declare type FormReaction = {
     url: string;
     messages?: FormMessage[];
 };
-export declare abstract class Form<F extends Fields> extends MountableWithFields<F> {
+export declare abstract class Form<F extends Fields, SubmitResult extends any> extends MountableWithFields<F> {
     defaultSuccessMessage: string;
     submitButtonText: string;
     action: string;
+    useTurbo: boolean;
     canAccess(_: Context): Promise<{
         canAccess: boolean;
         message: string;
@@ -43,8 +44,8 @@ export declare abstract class Form<F extends Fields> extends MountableWithFields
     makeCloseFormTag(): FlatTemplatable;
     onValuesInvalid(ctx: Context, form_messages: FormMessage[]): Promise<FormReaction>;
     onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
-    abstract onSubmit(ctx: Context, data: FormData): void | Promise<void>;
-    onSuccess(ctx: Context, data: FormData): Promise<FormReaction>;
+    abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
+    onSuccess(ctx: Context, data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
     handlePost(ctx: Context): Promise<FormReaction>;
     mount(router: Router, path: string): void;
     extractRawValues(ctx: Context): Record<string, FormDataValue>;

package/@types/forms/multiform.d.ts

@@ -7,14 +7,14 @@ import { Fields, MountableWithFields } from "../page/mountable-with-fields";
 export declare class Multiform extends MountableWithFields {
     controls: never[];
     name: string;
-    forms: Record<string, Form<Fields>>;
+    forms: Record<string, Form<Fields, unknown>>;
     init(): void;
     extractRawValues(ctx: Context): Record<string, FormDataValue>;
     canAccess(): Promise<{
         canAccess: boolean;
         message: string;
     }>;
-    getSubformsToRender(ctx: Context): Array<readonly [string, Form<any>]>;
+    getSubformsToRender(ctx: Context): Array<readonly [string, Form<any, unknown>]>;
     renderSubform(ctx: Context, sub_form_name: string): Promise<FlatTemplatable>;
     getSubformRawValues(ctx: Context, sub_form_name: string): Record<string, FormDataValue>;
     render(ctx: Context, messages: FormMessage[], prerenderedForms?: Record<string, FlatTemplatable | undefined>): Promise<FlatTemplatable>;

package/@types/page/list.d.ts

@@ -9,8 +9,8 @@ import { FormDataValue } from "..";
 export declare const BasePagePropsShape: {};
 export declare type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
 export declare const BaseListPageFields: {
-    readonly page: NumberField<1>;
-    readonly itemsPerPage: NumberField<12>;
+    readonly page: NumberField<1, false>;
+    readonly itemsPerPage: NumberField<12, false>;
 };
 export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFields> extends Page<F> {
     abstract getItems(ctx: Context, page: number, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<ItemType[]>;

package/@types/page/mountable-with-fields.d.ts

@@ -1,14 +1,15 @@
+import { ShapeToType } from "@sealcode/ts-predicates";
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
 import { FormControl } from "../forms/controls/form-control";
-import { FormField } from "../forms/fields/field";
+import { FieldsToShape, FormField } from "../forms/fields/field";
 import { FormData, FormDataValue, FormMessage } from "../forms/form";
 import { Mountable } from "./mountable";
 export declare type PageErrorMessage = {
     type: "access" | "internal";
     message: string;
 };
-export declare type Fields = Record<string, FormField<unknown>>;
+export declare type Fields = Record<string, FormField<boolean, unknown>>;
 export declare abstract class MountableWithFields<F extends Fields = Fields> extends Mountable {
     fields: F;
     field_names_prefix: string;
@@ -29,4 +30,5 @@ export declare abstract class MountableWithFields<F extends Fields = Fields> ext
     renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
     renderMessages(_: Context, data: FormData<keyof Fields>): FlatTemplatable;
     abstract extractRawValues(ctx: Context): Record<string, FormDataValue>;
+    getParsedValues(ctx: Context): Promise<ShapeToType<FieldsToShape<F>>>;
 }

package/lib/forms/controls/big-radio-group.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BigRadioGroup = void 0;
+const tempstream_1 = require("tempstream");
+const form_field_control_1 = require("./form-field-control");
+class BigRadioGroup extends form_field_control_1.FormFieldControl {
+    constructor(field, options) {
+        super([field]);
+        this.field = field;
+        this.options = options;
+    }
+    async render(ctx, data, messages, field_name_prefix, form_id) {
+        const { raw: current_value } = await this.field.getValue(ctx, data);
+        return tempstream_1.tempstream /* HTML */ `<div class="bigradios">
+			${Object.entries(this.options).map(([key, { description }]) => {
+            const id = `${this.field.name}-radio-${key}`;
+            return tempstream_1.tempstream /* HTML */ `<input
+						type="radio"
+						name="${this.field.name}"
+						value="${key}"
+						id="${id}"
+						style="display: none"
+						${this.field.required ? "required" : ""}
+						${key == current_value ? "checked" : ""}
+					/>
+					<div class="bigradio">
+						${typeof description == "function"
+                ? description(ctx, data, messages, field_name_prefix, form_id)
+                : description}
+						<label class="bigradio__cta" for="${id}">Wybierz</label>
+					</div>`;
+        })}
+		</div>`;
+    }
+}
+exports.BigRadioGroup = BigRadioGroup;
+//# sourceMappingURL=big-radio-group.js.map

package/lib/forms/controls/big-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-radio-group.js","sourceRoot":"","sources":["../../../src/forms/controls/big-radio-group.ts"],"names":[],"mappings":";;;AACA,2CAAyD;AAGzD,6DAAwD;AAExD,MAAa,aAAc,SAAQ,qCAAgB;IAClD,YACQ,KAAgB,EAChB,OAaN;QAED,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAhBR,UAAK,GAAL,KAAK,CAAW;QAChB,YAAO,GAAP,OAAO,CAab;IAGF,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAY,EACZ,IAAmC,EACnC,QAAY,EACZ,iBAAyB,EACzB,OAAe;QAEf,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpE,OAAO,uBAAU,CAAA,UAAU,CAAC;KACzB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;YAC7D,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;YAC7C,OAAO,uBAAU,CAAA,UAAU,CAAC;;cAElB,IAAI,CAAC,KAAK,CAAC,IAAI;eACd,GAAG;YACN,EAAE;;QAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;QACrC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;;QAGrC,OAAO,WAAW,IAAI,UAAU;gBACjC,CAAC,CAAC,WAAW,CACX,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,CACN;gBACH,CAAC,CAAC,WAAW;0CACsB,EAAE;YAChC,CAAC;QACV,CAAC,CAAC;SACI,CAAC;IACT,CAAC;CACD;AAxDD,sCAwDC"}

package/lib/forms/controls/checkbox.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const tickable_1 = require("./tickable");
+class Checkbox extends tickable_1.Tickable {
+    constructor() {
+        super(...arguments);
+        this.type = "checkbox";
+    }
+    isChecked(_ctx, _data, value) {
+        return value;
+    }
+    getValueAttribute() {
+        return "";
+    }
+}
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/lib/forms/controls/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/forms/controls/checkbox.ts"],"names":[],"mappings":";;;AAEA,yCAAsC;AAEtC,MAAa,QAAS,SAAQ,mBAAiB;IAA/C;;QACC,SAAI,GAAU,UAAU,CAAC;IAa1B,CAAC;IAXA,SAAS,CACR,IAAa,EACb,KAAoC,EACpC,KAAc;QAEd,OAAO,KAAK,CAAC;IACd,CAAC;IAED,iBAAiB;QAChB,OAAO,EAAE,CAAC;IACX,CAAC;CACD;AAdD,4BAcC"}

package/lib/forms/controls/checkboxed-list-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxed-list-input.js","sourceRoot":"","sources":["../../../src/forms/controls/checkboxed-list-input.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;AAEzD,2CAAwC;AACxC,6DAA2E;AAG3E,yCAA8C;AAE9C,MAAa,mBAAoB,SAAQ,2BAAgB;IACxD,YACQ,KAAyB,EACzB,UAA6B,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;QAEzD,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAAoB;QACzB,YAAO,GAAP,OAAO,CAA2C;IAG1D,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAY,EAAE,IAAmC;QAC7D,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtE,IAAI,CAAC,kBAAE,CAAC,YAAY,EAAE,0BAAU,CAAC,KAAK,CAAC,0BAAU,CAAC,MAAM,CAAC,CAAC,EAAE;YAC3D,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC5D;QACD,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;SACzB,CAAC,CAAC;QAEH,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,OAAO,uBAAU,CAAA,UAAU,CAAC,GAAG,SAAS;YACvC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAC9C,4BAAY,CACX,CAAC,IAAI,EAAE,gCAAgB,CAAC,QAAQ,CAAC,CAAC;YAClC,UAAU,CAAC;;;cAGH,IAAI,IAAI,KAAK;gBACX,IAAI,IAAI,KAAK;UACnB,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;qBAElC,IAAI,IAAI,KAAK,KAAK,IAAI;OACpC,CACD,CACA;YACH,CAAC,CAAC,EAAE,EAAE,CAAC;IACT,CAAC;CACD;AArCD,kDAqCC"}
+{"version":3,"file":"checkboxed-list-input.js","sourceRoot":"","sources":["../../../src/forms/controls/checkboxed-list-input.ts"],"names":[],"mappings":";;;AAAA,2DAAyD;AAEzD,2CAAwC;AACxC,6DAA2E;AAG3E,yCAA8C;AAE9C,MAAa,mBAAoB,SAAQ,2BAAgB;IACxD,YACQ,KAAkC,EAClC,UAA6B,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;QAEzD,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAA6B;QAClC,YAAO,GAAP,OAAO,CAA2C;IAG1D,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAY,EAAE,IAAmC;QAC7D,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtE,IAAI,CAAC,kBAAE,CAAC,YAAY,EAAE,0BAAU,CAAC,KAAK,CAAC,0BAAU,CAAC,MAAM,CAAC,CAAC,EAAE;YAC3D,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC5D;QACD,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;SACzB,CAAC,CAAC;QAEH,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,OAAO,uBAAU,CAAA,UAAU,CAAC,GAAG,SAAS;YACvC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAC9C,4BAAY,CACX,CAAC,IAAI,EAAE,gCAAgB,CAAC,QAAQ,CAAC,CAAC;YAClC,UAAU,CAAC;;;cAGH,IAAI,IAAI,KAAK;gBACX,IAAI,IAAI,KAAK;UACnB,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;qBAElC,IAAI,IAAI,KAAK,KAAK,IAAI;OACpC,CACD,CACA;YACH,CAAC,CAAC,EAAE,EAAE,CAAC;IACT,CAAC;CACD;AArCD,kDAqCC"}

package/lib/forms/controls/controls.js

@@ -1,4 +1,14 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldGroup = exports.Textarea = exports.HiddenInput = exports.HTML = exports.FormParagraph = exports.FormHeader = exports.SimpleInput = exports.Dropdown = exports.CheckboxedListInput = exports.Frame = exports.EditableCollectionSubset = exports.FormFieldControl = exports.FormControl = void 0;
 var form_control_1 = require("./form-control");
@@ -27,4 +37,9 @@ var textarea_1 = require("./textarea");
 Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
 var field_group_1 = require("./field-group");
 Object.defineProperty(exports, "FieldGroup", { enumerable: true, get: function () { return field_group_1.FieldGroup; } });
+__exportStar(require("./derived"), exports);
+__exportStar(require("./tickable"), exports);
+__exportStar(require("./checkbox"), exports);
+__exportStar(require("./radio"), exports);
+__exportStar(require("./big-radio-group"), exports);
 //# sourceMappingURL=controls.js.map

package/lib/forms/controls/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../src/forms/controls/controls.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,2EAAwE;AAA/D,sIAAA,wBAAwB,OAAA;AACjC,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../src/forms/controls/controls.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,2EAAwE;AAA/D,sIAAA,wBAAwB,OAAA;AACjC,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,0CAAwB;AACxB,oDAAkC"}

package/lib/forms/controls/derived.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Derived = void 0;
+const crypto_1 = require("crypto");
+const tempstream_1 = require("tempstream");
+const form_control_1 = require("./form-control");
+class Derived extends form_control_1.FormControl {
+    constructor(fields, _render, consts) {
+        super();
+        this.fields = fields;
+        this._render = _render;
+        this.consts = consts;
+        this.role = "decoration";
+    }
+    render() {
+        const id = "A" + crypto_1.randomUUID(); // the A makes it always a valid id, as it cannot start with a number
+        return tempstream_1.tempstream /* HTML */ `<div>
+			<script>
+				(function () {
+					const consts = {
+						${Object.entries(this.consts || {})
+            .map(([key, value]) => {
+            return `"${key}": ${typeof value === "object"
+                ? JSON.stringify(value)
+                : value.toString()}`;
+        })
+            .join(",")},
+					};
+					const form = document.currentScript.closest("form");
+					const render = ${this._render.toString()};
+					function getValues() {
+						return Object.fromEntries(
+							${JSON.stringify(this.fields.map((field) => field.name))}.map((field_name) => {
+								let input = form.querySelector(
+									\`input[name="\${field_name}"]\`
+								);
+								if (input.type === "radio") {
+									input = form.querySelector(
+										\`input[name="\${field_name}"]:checked\`
+									);
+								}
+								return [field_name, input.value];
+							})
+						);
+					}
+					function setupWatcher(field_name) {
+						form.querySelectorAll(
+							\`input[name="\${field_name}"]\`
+						).forEach((input) => {
+							input.onchange = () => {
+								document.querySelector("#${id}").innerHTML =
+									render(getValues(), consts);
+							};
+						});
+					}
+					${JSON.stringify(this.fields.map((field) => field.name))}.forEach(setupWatcher);
+					setTimeout(
+						() =>
+							(document.querySelector("#${id}").innerHTML =
+								render(getValues(), consts)),
+						0
+					);
+				})();
+			</script>
+			<div id="${id}">${this._render({}, this.consts)}</div>
+		</div>`;
+    }
+}
+exports.Derived = Derived;
+//# sourceMappingURL=derived.js.map

package/lib/forms/controls/derived.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"derived.js","sourceRoot":"","sources":["../../../src/forms/controls/derived.ts"],"names":[],"mappings":";;;AAAA,mCAAoC;AACpC,2CAAyD;AAEzD,iDAA6C;AAE7C,MAAa,OAEX,SAAQ,0BAAW;IAGpB,YACQ,MAAmB,EACnB,OAGI,EACJ,MAAc;QAErB,KAAK,EAAE,CAAC;QAPD,WAAM,GAAN,MAAM,CAAa;QACnB,YAAO,GAAP,OAAO,CAGH;QACJ,WAAM,GAAN,MAAM,CAAQ;QARtB,SAAI,GAAU,YAAY,CAAC;IAW3B,CAAC;IAED,MAAM;QACL,MAAM,EAAE,GAAG,GAAG,GAAG,mBAAU,EAAE,CAAC,CAAC,qEAAqE;QACpG,OAAO,uBAAU,CAAA,UAAU,CAAC;;;;QAItB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;aACjC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACrB,OAAO,IAAI,GAAG,MACb,OAAO,KAAK,KAAK,QAAQ;gBACxB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;gBACvB,CAAC,CAAE,KAAgB,CAAC,QAAQ,EAC9B,EAAE,CAAC;QACJ,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,CAAC;;;sBAGK,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;SAGpC,IAAI,CAAC,SAAS,CACf,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;;;;;;;;;;;;;;;;;mCAkB2B,EAAE;;;;;OAK9B,IAAI,CAAC,SAAS,CACf,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;;mCAG6B,EAAE;;;;;;cAMvB,EAAE,KAAK,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC;SACzC,CAAC;IACT,CAAC;CACD;AA3ED,0BA2EC"}