@sealcode/sealgen 0.8.3 → 0.8.5

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

@@ -2,7 +2,7 @@ import { Context } from "koa";
 import { PickFromListField } from "../fields/pick-from-list";
 import { FormDataValue } from "../form";
 import { SimpleInput } from "./simple-input";
-export declare class Autocomplete extends SimpleInput {
+export declare class Autocomplete extends SimpleInput<string | null> {
     field: PickFromListField<boolean>;
     options: {
         id?: string;

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

@@ -11,11 +11,12 @@ export declare type DefaultCheckboxOptions = {
     readonly?: boolean;
     name?: string;
     checkboxNameToLabel?: (name: string) => string;
+    classes?: string[];
 };
 export declare class CheckboxGroup<Options extends DefaultCheckboxOptions = DefaultCheckboxOptions> extends FormFieldControl {
     field: EnumMultipleField<readonly string[], boolean>;
     options: Options;
     constructor(field: EnumMultipleField<readonly string[], boolean>, options?: Options);
-    wrapGroup(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, checkboxes: CheckboxWithValue[]): Promise<FlatTemplatable>;
-    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string): Promise<FlatTemplatable>;
+    wrapGroup(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, checkboxes: CheckboxWithValue[], show_field_errors: boolean): Promise<FlatTemplatable>;
+    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, show_field_errors: boolean): Promise<FlatTemplatable>;
 }

package/@types/forms/controls/collapsible-checkbox-group.d.ts

@@ -8,5 +8,5 @@ export declare class CollapsibleCheckboxGroup extends CheckboxGroup<DefaultCheck
     textWhenClosed?: string;
     groupID?: string;
 }> {
-    wrapGroup(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, checkboxes: CheckboxWithValue[]): Promise<FlatTemplatable>;
+    wrapGroup(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, checkboxes: CheckboxWithValue[], show_field_errors: boolean): Promise<FlatTemplatable>;
 }

package/@types/forms/controls/collapsible-field-group.d.ts

@@ -3,7 +3,7 @@ import { FieldGroup } from "./field-group";
 import { FormControl } from "./form-control";
 declare type CollapsibleFieldGroupOptions = {
     label?: string;
-    classes?: string;
+    classes?: string[];
     openOnStart?: boolean;
     textWhenOpen?: string;
     textWhenClosed?: string;

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

@@ -20,3 +20,6 @@ export * from "./checkbox-group";
 export * from "./collapsible-field-group";
 export * from "./collapsible-checkbox-group";
 export * from "./autocomplete";
+export * from "./file";
+export * from "./multiple-files";
+export * from "./number";

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

@@ -1,9 +1,9 @@
-/// <reference types="node" />
 import { Context } from "koa";
-import { FormField, PickFromListField } from "../fields/field";
+import { FlatTemplatable } from "tempstream";
+import { PickFromListField } from "../fields/field";
 import { FormDataValue } from "../form";
-import { FormFieldControl } from "./controls";
-export declare class Dropdown extends FormFieldControl {
+import { SimpleInput } from "./simple-input";
+export declare class Dropdown extends SimpleInput<string | null> {
     field: PickFromListField<boolean>;
     options: {
         label: string;
@@ -15,5 +15,6 @@ export declare class Dropdown extends FormFieldControl {
         autosubmit?: boolean;
         autocomplete?: boolean;
     });
-    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>): Promise<import("stream").Readable>;
+    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<Record<string, string | boolean>>;
+    renderInput(ctx: Context, attributes_str: string, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
 }

package/@types/forms/controls/field-group.d.ts

@@ -7,12 +7,12 @@ export declare class FieldGroup extends FormFieldControl {
     controls: FormControl[];
     options: {
         label?: string;
-        classes?: string;
+        classes?: string[];
         containerID?: string;
     };
     constructor(controls: FormControl[], options?: {
         label?: string;
-        classes?: string;
+        classes?: string[];
         containerID?: string;
     });
     preLabel(): FlatTemplatable;
@@ -21,5 +21,5 @@ export declare class FieldGroup extends FormFieldControl {
     preFields(): FlatTemplatable;
     postFields(): FlatTemplatable;
     getGroupLabelProps(): FlatTemplatable;
-    render(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string): Promise<FlatTemplatable>;
+    render(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, show_field_errors: boolean): Promise<FlatTemplatable>;
 }

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

@@ -0,0 +1,14 @@
+import { Context } from "koa";
+import { FileContainer } from "../fields/file";
+import { FormDataValue } from "../form";
+import { SimpleInput } from "./simple-input";
+export declare class File extends SimpleInput<FileContainer> {
+    getType(): string;
+    preInput(ctx: Context, data: Record<string, FormDataValue>): Promise<string>;
+    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<{
+        name: string;
+        required: boolean | "";
+        value: boolean;
+        onchange: string;
+    }>;
+}

package/@types/forms/controls/form-control.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="koa__router" />
+import Router from "@koa/router";
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
 import { FormDataValue, FormMessage } from "../form";
 export declare abstract class FormControl {
-    abstract render(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_name_prefix: string, form_id: string): FlatTemplatable | Promise<FlatTemplatable>;
+    abstract render(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_name_prefix: string, form_id: string, validate: boolean): FlatTemplatable | Promise<FlatTemplatable>;
     abstract role: "input" | "decoration" | "messages" | "submit";
+    mount(router: Router): void;
 }

package/@types/forms/controls/form-field-control.d.ts

@@ -10,5 +10,5 @@ export declare abstract class FormFieldControl extends FormControl {
     fields: FormField[];
     role: "input";
     constructor(fields: FormField[]);
-    abstract render(ctx: Context, data: Record<string, FormDataValue>, messages: [], field_name_prefix: string, form_id: string): FlatTemplatable | Promise<FlatTemplatable>;
+    abstract render(ctx: Context, data: Record<string, FormDataValue>, messages: [], field_name_prefix: string, form_id: string, validate: boolean): FlatTemplatable | Promise<FlatTemplatable>;
 }

package/@types/forms/controls/multiple-files.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="koa__router" />
+/// <reference types="node" />
+import Router from "@koa/router";
+import { Collection, CollectionItem, File as SealiousFile, Field as SealiousField } from "sealious";
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { MultipleFiles as MultipleFilesField } from "../fields/multiple-files";
+import { FormDataValue } from "../form";
+import { FormFieldControl } from "./form-field-control";
+export declare type MultipleFilesOptions = {
+    label?: string;
+    uploadLabel?: string;
+};
+export declare class MultipleFiles extends FormFieldControl {
+    field: MultipleFilesField;
+    options: MultipleFilesOptions;
+    constructor(field: MultipleFilesField, options?: MultipleFilesOptions);
+    mount(router: Router): void;
+    deleteFileAssociation(ctx: Context, file_item_id: string): Promise<void>;
+    addFileAssociation(ctx: Context, file: SealiousFile): Promise<void>;
+    getFrameRelativeURL(): string;
+    getFrameID(): string;
+    renderFrame(ctx: Context, content?: FlatTemplatable): import("stream").Readable;
+    render(ctx: Context, _data: Record<string, FormDataValue>, _messages: [], field_name_prefix: string, form_id: string, validate: boolean): FlatTemplatable | Promise<FlatTemplatable>;
+    getReferencingCollection(): Collection;
+    getFileField(): SealiousField | null;
+    extractFileFromItem(item: CollectionItem): Promise<SealiousFile | null>;
+    renderFileItem(fileItem: CollectionItem, file: SealiousFile): Promise<FlatTemplatable>;
+    getFileItems(ctx: Context): Promise<CollectionItem<any>[]>;
+    renderFrameContent(ctx: Context): Promise<FlatTemplatable>;
+}

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

@@ -0,0 +1,17 @@
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { NumberField } from "../fields/field";
+import { FormDataValue } from "../form";
+import { SimpleInput, SimpleInputOptions } from "./simple-input";
+export declare type NumberOptions = SimpleInputOptions & Partial<{
+    step: number;
+    suffix: string;
+}>;
+export declare class Number extends SimpleInput<number | null> {
+    field: NumberField;
+    options: NumberOptions;
+    constructor(field: NumberField, options: NumberOptions);
+    getType(): string;
+    postInput(_: Context): Promise<FlatTemplatable>;
+    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<Record<string, string | boolean>>;
+}

package/@types/forms/controls/simple-input.d.ts

@@ -3,36 +3,29 @@ import { FlatTemplatable } from "tempstream";
 import { FormField } from "../fields/field";
 import { FormDataValue, FormMessage } from "../form";
 import { FormFieldControl } from "./controls";
-export declare class SimpleInput extends FormFieldControl {
-    field: FormField;
-    options: {
-        id?: string;
-        label?: string;
-        autocomplete?: boolean;
-        hide_errors?: boolean;
-        type?: "color" | "date" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-        value?: string;
-        placeholder?: string;
-        readonly?: boolean;
-        step?: number;
-    };
-    constructor(field: FormField, options?: {
-        id?: string;
-        label?: string;
-        autocomplete?: boolean;
-        hide_errors?: boolean;
-        type?: "color" | "date" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-        value?: string;
-        placeholder?: string;
-        readonly?: boolean;
-        step?: number;
-    });
+export declare type SimpleInputOptions = {
+    id?: string;
+    label?: string;
+    autocomplete?: boolean;
+    hide_errors?: boolean;
+    type?: "color" | "date" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
+    value?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    step?: number;
+};
+export declare class SimpleInput<ParsedValue, Options extends SimpleInputOptions = SimpleInputOptions> extends FormFieldControl {
+    field: FormField<boolean, ParsedValue>;
+    options: SimpleInputOptions;
+    constructor(field: FormField<boolean, ParsedValue>, options?: Options);
+    preInput(_ctx: Context, _data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
     getType(): string;
     getLabel(): string;
     getID(): string;
     getPlaceholder(): string;
-    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<Record<string, string | true>>;
-    renderAttributes(attrs: Record<string, string | true>): string;
+    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<Record<string, string | boolean>>;
+    renderAttributes(attrs: Record<string, string | boolean>): string;
     postInput(ctx: Context): Promise<FlatTemplatable>;
-    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, _messages: FormMessage[], field_prefix: string, form_id: string): Promise<FlatTemplatable>;
+    renderInput(ctx: Context, attributes_str: string, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, _messages: FormMessage[], field_prefix: string, form_id: string, show_errors: boolean): Promise<FlatTemplatable>;
 }

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

@@ -1,19 +1,21 @@
 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 Textarea extends FormFieldControl {
-    field: FormField;
-    options: {
+import { SimpleInput, SimpleInputOptions } from "./simple-input";
+export declare class Textarea<Required extends boolean> extends SimpleInput<string> {
+    field: FormField<boolean, string>;
+    options: SimpleInputOptions & {
         label?: string;
         rows?: number;
         cols?: number;
+        description?: string;
     };
-    constructor(field: FormField, options?: {
+    constructor(field: FormField<boolean, string>, options?: SimpleInputOptions & {
         label?: string;
         rows?: number;
         cols?: number;
+        description?: string;
     });
-    render(ctx: Context, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    renderDescription(): string;
+    renderInput(ctx: Context, attributes: string, data: Record<string, FormDataValue>): Promise<string>;
 }

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

@@ -27,7 +27,7 @@ export declare abstract class FormField<Required extends boolean = boolean, Pars
     constructor(required: Required);
     predicate: Predicate;
     mapToFilter: (parsed: ParsedValue) => unknown;
-    init(fieldname: string): void;
+    init(fieldname: string): Promise<void>;
     _validate(ctx: Context, value: ParsedValue): Promise<FormFieldValidationResponse>;
     abstract getEmptyValue(): ParsedValue;
     isValueValid(ctx: Context, value: ParsedValue): Promise<FormFieldValidationResponse>;
@@ -39,6 +39,7 @@ export declare abstract class FormField<Required extends boolean = boolean, Pars
         raw: FormDataValue;
     }>;
     setMapToFilter(fn: (parsed: ParsedValue) => unknown): this;
+    getDatabaseValue(ctx: Context, data: Record<string, FormDataValue>): Promise<unknown>;
 }
 export * from "./simple-form-field";
 export * from "./checkboxed-list";
@@ -51,3 +52,5 @@ export * from "./enum";
 export * from "./boolean";
 export * from "./enum-multiple";
 export * from "./existing-sealious-value";
+export * from "./file";
+export * from "./multiple-files";

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

@@ -0,0 +1,16 @@
+import { Context } from "koa";
+import { File as SealiousFile } from "sealious";
+import { FormDataValue } from "../form";
+import { FieldParseResult, FormField } from "./field";
+export declare type FileContainer = {
+    old: SealiousFile | null;
+    new: SealiousFile | null;
+};
+export declare class File<Required extends boolean> extends FormField<Required, FileContainer> {
+    parse(ctx: Context, raw_value: FormDataValue): Promise<FieldParseResult<FileContainer>>;
+    getDatabaseValue(ctx: Context, data: Record<string, FormDataValue>): Promise<SealiousFile | undefined>;
+    getEmptyValue(): {
+        old: null;
+        new: null;
+    };
+}

package/@types/forms/fields/files-multiple.d.ts

@@ -0,0 +1,12 @@
+import { FieldTypes as SealiousFieldTypes } from "sealious";
+import { FormField } from "./field";
+export declare class MultipleFilesField extends FormField<false> {
+    collection_field: SealiousFieldTypes.ReverseSingleReference;
+    constructor(collection_field: SealiousFieldTypes.ReverseSingleReference);
+    getEmptyValue(): undefined;
+    parse(): Promise<{
+        readonly parsed_value: undefined;
+        readonly parsable: true;
+        readonly error: null;
+    }>;
+}

package/@types/forms/fields/multiple-files.d.ts

@@ -0,0 +1,14 @@
+import { Context } from "koa";
+import { FieldTypes as SealiousFieldTypes } from "sealious";
+import { FormField } from "./field";
+export declare class MultipleFiles extends FormField<false> {
+    collection_field: SealiousFieldTypes.ReverseSingleReference;
+    getItemId: (ctx: Context) => Promise<string> | string;
+    constructor(collection_field: SealiousFieldTypes.ReverseSingleReference, getItemId: (ctx: Context) => Promise<string> | string);
+    getEmptyValue(): undefined;
+    parse(): Promise<{
+        readonly parsed_value: undefined;
+        readonly parsable: true;
+        readonly error: null;
+    }>;
+}

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

@@ -3,7 +3,16 @@ import { FormDataValue } from "../form";
 import { FieldParseResult, FormField } from "./field";
 export declare class NumberField<DefaultValue extends number | null = null, Required extends boolean = boolean> extends FormField<Required, number | DefaultValue> {
     default_value: DefaultValue;
-    constructor(required: Required, default_value: DefaultValue);
+    options: Partial<{
+        max: number;
+        min: number;
+        decimalDigits: number;
+    }>;
+    constructor(required: Required, default_value: DefaultValue, options?: Partial<{
+        max: number;
+        min: number;
+        decimalDigits: number;
+    }>);
     predicate: import("@sealcode/ts-predicates").Predicate<number>;
     isValueValid(_: Context, value: unknown): Promise<{
         valid: boolean;

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

@@ -1,11 +1,12 @@
 /// <reference types="koa__router" />
 import { Context } from "koa";
+import { File as SealiousFile } from "sealious";
 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[] | number | undefined;
-export declare type FormDataValue = FormDataPrimitive | Record<string, FormDataPrimitive>;
+export declare type FormDataValue = FormDataPrimitive | Record<string, FormDataPrimitive> | SealiousFile;
 export declare type FieldValueType<F extends FormField> = F extends FormField<infer R> ? R : never;
 export declare type FormFieldsToValues<F extends Record<string, FormField<boolean, keyof F>>> = {
     [Property in keyof F]: FieldValueType<F[Property]>;
@@ -32,21 +33,23 @@ export declare abstract class Form<F extends Fields, SubmitResult extends any> e
     submitButtonText: string;
     action: string;
     useTurbo: boolean;
+    form_id: string;
     canAccess(_: Context): Promise<{
         canAccess: boolean;
         message: string;
     }>;
     renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
     makeSubmitButton(): FlatTemplatable;
-    render(ctx: Context, data: FormData): Promise<FlatTemplatable>;
+    render(ctx: Context, data: FormData, show_field_errors: boolean): Promise<FlatTemplatable>;
     makeFormClasses(_ctx: Context): Promise<string[]>;
     makeOpenFormTag(ctx: Context): FlatTemplatable;
     makeCloseFormTag(): FlatTemplatable;
-    onValuesInvalid(ctx: Context, form_messages: FormMessage[]): Promise<FormReaction>;
+    onValuesInvalid(ctx: Context, form_messages: FormMessage[], _field_errors: Partial<Record<keyof Fields, string>>): Promise<FormReaction>;
     onError(ctx: Context, data: FormData, error: unknown): Promise<FormReaction>;
     abstract onSubmit(ctx: Context, data: FormData): SubmitResult | Promise<SubmitResult>;
     onSuccess(ctx: Context, data: FormData, _submitResult: SubmitResult): Promise<FormReaction>;
+    getRawValuesOnSuccess(ctx: Context): Promise<Record<string, FormDataValue>>;
     handlePost(ctx: Context): Promise<FormReaction>;
     mount(router: Router, path: string): void;
-    extractRawValues(ctx: Context): Record<string, FormDataValue>;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
 }

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

@@ -9,15 +9,15 @@ export declare class Multiform extends MountableWithFields {
     name: string;
     forms: Record<string, Form<Fields, unknown>>;
     init(): void;
-    extractRawValues(ctx: Context): Record<string, FormDataValue>;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
     canAccess(): Promise<{
         canAccess: boolean;
         message: string;
     }>;
     getSubformsToRender(ctx: Context): Array<readonly [string, Form<any, unknown>]>;
-    renderSubform(ctx: Context, sub_form_name: string): Promise<FlatTemplatable>;
+    renderSubform(ctx: Context, sub_form_name: string, show_field_errors: boolean): Promise<FlatTemplatable>;
     getSubformRawValues(ctx: Context, sub_form_name: string): Record<string, FormDataValue>;
-    render(ctx: Context, messages: FormMessage[], prerenderedForms?: Record<string, FlatTemplatable | undefined>): Promise<FlatTemplatable>;
+    render(ctx: Context, messages: FormMessage[], prerenderedForms: Record<string, FlatTemplatable | undefined> | undefined, show_field_errors: boolean): Promise<FlatTemplatable>;
     makeBottomScript(): string;
     mount(router: Router, path: string): void;
 }

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

@@ -25,7 +25,7 @@ export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFi
     renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
     private renderPageButton;
     getFilterValues(ctx: Context): Promise<Record<string, unknown>>;
-    renderFilters(ctx: Context): FlatTemplatable;
+    renderFilters(ctx: Context): Promise<FlatTemplatable>;
 }
 export declare abstract class SealiousItemListPage<C extends Collection, F extends typeof BaseListPageFields> extends ListPage<CollectionItem<C>, F> {
     collection: C;

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

@@ -26,9 +26,10 @@ export declare abstract class MountableWithFields<F extends Fields = Fields> ext
         field_errors: Partial<Record<keyof Fields, string>>;
         form_messages: FormMessage[];
     }>;
-    renderControls(ctx: Context, data: FormData<keyof Fields>): FlatTemplatable;
+    renderControls(ctx: Context, data: FormData<keyof Fields>, validate: boolean): FlatTemplatable;
     renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
     renderMessages(_: Context, data: FormData<keyof Fields>): FlatTemplatable;
-    abstract extractRawValues(ctx: Context): Record<string, FormDataValue>;
+    abstract extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
     getParsedValues(ctx: Context): Promise<ShapeToType<FieldsToShape<F>>>;
+    getDatabaseValues(ctx: Context): Promise<ShapeToType<FieldsToShape<F>>>;
 }

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

@@ -15,5 +15,5 @@ export declare abstract class Page<F extends Fields = Record<string, never>> ext
     }>;
     renderError(_: Context, error: PageErrorMessage): Promise<FlatTemplatable>;
     abstract render(ctx: Context): Promise<FlatTemplatable>;
-    extractRawValues(ctx: Context): Record<string, FormDataValue>;
+    extractRawValues(ctx: Context): Promise<Record<string, FormDataValue>>;
 }

package/@types/sanitize.d.ts

@@ -1 +1 @@
-export declare function attribute(raw: string): string;
+export declare function attribute(raw: string | number): string;

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/forms/controls/autocomplete.ts"],"names":[],"mappings":";;;AAOA,iDAA6C;AAE7C,MAAa,YAAa,SAAQ,0BAAW;IAC5C,YACQ,KAAiC,EACjC,OAA8D;QAErE,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,UAAK,GAAL,KAAK,CAA4B;QACjC,YAAO,GAAP,OAAO,CAAuD;IAGtE,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,kBAAkB,CACvB,GAAY,EACZ,IAAmC,EACnC,YAAoB,EACpB,OAAe;QAEf,OAAO;YACN,GAAG,CAAC,MAAM,KAAK,CAAC,kBAAkB,CACjC,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,OAAO,CACP,CAAC;YACF,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE;SACtB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAY;QAC3B,OAAO,UAAU,CAAC,iBAAiB,IAAI,CAAC,SAAS,EAAE;KAChD,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC1D,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,GAAG,WAAW,CACtD;cACU,CAAC;IACd,CAAC;CACD;AApCD,oCAoCC"}
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/forms/controls/autocomplete.ts"],"names":[],"mappings":";;;AAGA,iDAA6C;AAE7C,MAAa,YAAa,SAAQ,0BAA0B;IAC3D,YACQ,KAAiC,EACjC,OAA8D;QAErE,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,UAAK,GAAL,KAAK,CAA4B;QACjC,YAAO,GAAP,OAAO,CAAuD;IAGtE,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,kBAAkB,CACvB,GAAY,EACZ,IAAmC,EACnC,YAAoB,EACpB,OAAe;QAEf,OAAO;YACN,GAAG,CAAC,MAAM,KAAK,CAAC,kBAAkB,CACjC,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,OAAO,CACP,CAAC;YACF,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE;SACtB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAY;QAC3B,OAAO,UAAU,CAAC,iBAAiB,IAAI,CAAC,SAAS,EAAE;KAChD,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC1D,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,GAAG,WAAW,CACtD;cACU,CAAC;IACd,CAAC;CACD;AApCD,oCAoCC"}

package/lib/forms/controls/checkbox-group.js

@@ -10,17 +10,23 @@ class CheckboxGroup extends controls_1.FormFieldControl {
         this.field = field;
         this.options = options;
     }
-    wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes) {
-        return new controls_1.FieldGroup(checkboxes, { label: this.options.label }).render(ctx, data, messages, field_prefix, form_id);
+    wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes, show_field_errors) {
+        return new controls_1.FieldGroup(checkboxes, {
+            label: this.options.label,
+            classes: [
+                ...(this.options.classes || []),
+                "field-group--checkboxes",
+            ],
+        }).render(ctx, data, messages, field_prefix, form_id, show_field_errors);
     }
-    async render(ctx, data, messages, field_prefix, form_id) {
+    async render(ctx, data, messages, field_prefix, form_id, show_field_errors) {
         const { parsed: values } = await this.field.getValue(ctx, data);
-        const checkboxes = this.field.options.map((option) => new checkbox_1.CheckboxWithValue(new proxy_field_1.ProxyFormField(false, this.field.name + "[]", false, values.includes(option)), {
+        const checkboxes = this.field.options.map((option) => new checkbox_1.CheckboxWithValue(new proxy_field_1.ProxyFormField(false, this.field.name, false, values.includes(option)), {
             id: this.field.name + "__" + option,
             label: (this.options.checkboxNameToLabel ||
                 ((s) => s))(option),
         }, option));
-        return this.wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes);
+        return this.wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes, show_field_errors);
     }
 }
 exports.CheckboxGroup = CheckboxGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../src/forms/controls/checkbox-group.ts"],"names":[],"mappings":";;;AAGA,uDAAuD;AAEvD,yCAA+C;AAC/C,yCAA0D;AAW1D,MAAa,aAEX,SAAQ,2BAAgB;IACzB,YACQ,KAAoD,EACpD,UAAmB,EAAa;QAEvC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAA+C;QACpD,YAAO,GAAP,OAAO,CAAyB;IAGxC,CAAC;IAED,SAAS,CACR,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe,EACf,UAA+B;QAE/B,OAAO,IAAI,qBAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CACtE,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,CACP,CAAC;IACH,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe;QAEf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CACxC,CAAC,MAAM,EAAE,EAAE,CACV,IAAI,4BAAiB,CACpB,IAAI,4BAAc,CACjB,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,EACtB,KAAK,EACL,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CACvB,EACD;YACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,MAAM;YACnC,KAAK,EAAE,CACN,IAAI,CAAC,OAAO,CAAC,mBAAmB;gBAChC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAClB,CAAC,MAAM,CAAC;SACT,EACD,MAAM,CACN,CACF,CAAC;QACF,OAAO,IAAI,CAAC,SAAS,CACpB,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,UAAU,CACV,CAAC;IACH,CAAC;CACD;AA/DD,sCA+DC"}
+{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../src/forms/controls/checkbox-group.ts"],"names":[],"mappings":";;;AAGA,uDAAuD;AAEvD,yCAA+C;AAC/C,yCAA0D;AAY1D,MAAa,aAEX,SAAQ,2BAAgB;IACzB,YACQ,KAAoD,EACpD,UAAmB,EAAa;QAEvC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAA+C;QACpD,YAAO,GAAP,OAAO,CAAyB;IAGxC,CAAC;IAED,SAAS,CACR,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe,EACf,UAA+B,EAC/B,iBAA0B;QAE1B,OAAO,IAAI,qBAAU,CAAC,UAAU,EAAE;YACjC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACzB,OAAO,EAAE;gBACR,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;gBAC/B,yBAAyB;aACzB;SACD,CAAC,CAAC,MAAM,CACR,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,iBAAiB,CACjB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe,EACf,iBAA0B;QAE1B,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CACxC,CAAC,MAAM,EAAE,EAAE,CACV,IAAI,4BAAiB,CACpB,IAAI,4BAAc,CACjB,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,KAAK,EACL,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CACvB,EACD;YACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,MAAM;YACnC,KAAK,EAAE,CACN,IAAI,CAAC,OAAO,CAAC,mBAAmB;gBAChC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAClB,CAAC,MAAM,CAAC;SACT,EACD,MAAM,CACN,CACF,CAAC;QACF,OAAO,IAAI,CAAC,SAAS,CACpB,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,CACjB,CAAC;IACH,CAAC;CACD;AAzED,sCAyEC"}

package/lib/forms/controls/collapsible-checkbox-group.js

@@ -4,13 +4,13 @@ exports.CollapsibleCheckboxGroup = void 0;
 const checkbox_group_1 = require("./checkbox-group");
 const collapsible_field_group_1 = require("./collapsible-field-group");
 class CollapsibleCheckboxGroup extends checkbox_group_1.CheckboxGroup {
-    wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes) {
+    wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes, show_field_errors) {
         return new collapsible_field_group_1.CollapsibleFieldGroup(checkboxes, {
             label: this.options.label,
             textWhenOpen: this.options.textWhenOpen,
             textWhenClosed: this.options.textWhenClosed,
             groupID: this.options.groupID,
-        }).render(ctx, data, messages, field_prefix, form_id);
+        }).render(ctx, data, messages, field_prefix, form_id, show_field_errors);
     }
 }
 exports.CollapsibleCheckboxGroup = CollapsibleCheckboxGroup;

package/lib/forms/controls/collapsible-checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-checkbox-group.js","sourceRoot":"","sources":["../../../src/forms/controls/collapsible-checkbox-group.ts"],"names":[],"mappings":";;;AAKA,qDAAyE;AACzE,uEAAkE;AAElE,MAAa,wBAAyB,SAAQ,8BAM7C;IACA,SAAS,CACR,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe,EACf,UAA+B;QAE/B,OAAO,IAAI,+CAAqB,CAAC,UAAU,EAAE;YAC5C,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACzB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;YACvC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc;YAC3C,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;SAC7B,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;CACD;AAtBD,4DAsBC"}
+{"version":3,"file":"collapsible-checkbox-group.js","sourceRoot":"","sources":["../../../src/forms/controls/collapsible-checkbox-group.ts"],"names":[],"mappings":";;;AAKA,qDAAyE;AACzE,uEAAkE;AAElE,MAAa,wBAAyB,SAAQ,8BAM7C;IACA,SAAS,CACR,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe,EACf,UAA+B,EAC/B,iBAA0B;QAE1B,OAAO,IAAI,+CAAqB,CAAC,UAAU,EAAE;YAC5C,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACzB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;YACvC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc;YAC3C,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;SAC7B,CAAC,CAAC,MAAM,CACR,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,iBAAiB,CACjB,CAAC;IACH,CAAC;CACD;AA9BD,4DA8BC"}

package/lib/forms/controls/collapsible-field-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-field-group.js","sourceRoot":"","sources":["../../../src/forms/controls/collapsible-field-group.ts"],"names":[],"mappings":";;;AAGA,+CAA2C;AAC3C,mCAAoC;AAYpC,MAAa,qBAAsB,SAAQ,wBAAU;IAEpD,YACQ,QAAuB,EACvB,UAAwC,EAAE;QAEjD,KAAK,CAAC,EAAE,CAAC,CAAC;QAHH,aAAQ,GAAR,QAAQ,CAAe;QACvB,YAAO,GAAP,OAAO,CAAmC;QAGjD,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,SAAS,EAAE;YACtC,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,GAAG,mBAAU,EAAE,CAAC,CAAC,0DAA0D;SACrG;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC;IACrD,CAAC;IAED,kBAAkB;QACjB,OAAO,KAAK,CAAC,kBAAkB,EAAE,GAAG,SAAS,IAAI,CAAC,UAAU,GAAG,CAAC;IACjE,CAAC;IAED,iBAAiB;QAChB,OAAO,UAAU,CAAC;YACR,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;;;UAQjB,IAAI,CAAC,UAAU;MACnB,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;MACzC,CAAC;IACN,CAAC;IAED,SAAS;QACR,OAAO,UAAU,CAAC;;UAEV,IAAI,CAAC,UAAU;;;;;MAKnB,IAAI,CAAC,OAAO,CAAC,YAAY,IAAI,OAAO;;;;;MAKpC,IAAI,CAAC,OAAO,CAAC,cAAc,IAAI,MAAM;;WAEhC,CAAC;IACX,CAAC;CACD;AA/ED,sDA+EC"}
+{"version":3,"file":"collapsible-field-group.js","sourceRoot":"","sources":["../../../src/forms/controls/collapsible-field-group.ts"],"names":[],"mappings":";;;AACA,+CAA2C;AAC3C,mCAAoC;AAYpC,MAAa,qBAAsB,SAAQ,wBAAU;IAEpD,YACQ,QAAuB,EACvB,UAAwC,EAAE;QAEjD,KAAK,CAAC,EAAE,CAAC,CAAC;QAHH,aAAQ,GAAR,QAAQ,CAAe;QACvB,YAAO,GAAP,OAAO,CAAmC;QAGjD,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,SAAS,EAAE;YACtC,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,GAAG,mBAAU,EAAE,CAAC,CAAC,0DAA0D;SACrG;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC;IACrD,CAAC;IAED,kBAAkB;QACjB,OAAO,KAAK,CAAC,kBAAkB,EAAE,GAAG,SAAS,IAAI,CAAC,UAAU,GAAG,CAAC;IACjE,CAAC;IAED,iBAAiB;QAChB,OAAO,UAAU,CAAC;YACR,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;YAIf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;YAMf,IAAI,CAAC,UAAU;;;;;;;;UAQjB,IAAI,CAAC,UAAU;MACnB,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;MACzC,CAAC;IACN,CAAC;IAED,SAAS;QACR,OAAO,UAAU,CAAC;;UAEV,IAAI,CAAC,UAAU;;;;;MAKnB,IAAI,CAAC,OAAO,CAAC,YAAY,IAAI,OAAO;;;;;MAKpC,IAAI,CAAC,OAAO,CAAC,cAAc,IAAI,MAAM;;WAEhC,CAAC;IACX,CAAC;CACD;AA/ED,sDA+EC"}

package/lib/forms/controls/controls.js

@@ -46,4 +46,7 @@ __exportStar(require("./checkbox-group"), exports);
 __exportStar(require("./collapsible-field-group"), exports);
 __exportStar(require("./collapsible-checkbox-group"), exports);
 __exportStar(require("./autocomplete"), exports);
+__exportStar(require("./file"), exports);
+__exportStar(require("./multiple-files"), exports);
+__exportStar(require("./number"), 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;AACnB,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,0CAAwB;AACxB,oDAAkC;AAClC,mDAAiC;AACjC,4DAA0C;AAC1C,+DAA6C;AAC7C,iDAA+B"}
+{"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;AAClC,mDAAiC;AACjC,4DAA0C;AAC1C,+DAA6C;AAC7C,iDAA+B;AAC/B,yCAAuB;AACvB,mDAAiC;AACjC,2CAAyB"}

package/lib/forms/controls/derived.js

@@ -26,16 +26,17 @@ class Derived extends form_control_1.FormControl {
         })
             .join(",")},
 					};
-					const form = document.currentScript.closest("form");
+					const form_container =
+						document.currentScript.closest(".form-container");
 					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(
+								let input = form_container.querySelector(
 									\`input[name="\${field_name}"]\`
 								);
 								if (input.type === "radio") {
-									input = form.querySelector(
+									input = form_container.querySelector(
 										\`input[name="\${field_name}"]:checked\`
 									);
 								}
@@ -44,14 +45,14 @@ class Derived extends form_control_1.FormControl {
 						);
 					}
 					function setupWatcher(field_name) {
-						form.querySelectorAll(
-							\`input[name="\${field_name}"]\`
-						).forEach((input) => {
-							input.onchange = () => {
-								document.querySelector("#${id}").innerHTML =
-									render(getValues(), consts);
-							};
-						});
+						form_container
+							.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(

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

@@ -1 +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"}
+{"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;;;;sBAIK,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;;;;;;;;;;;;;;;;;;oCAkB4B,EAAE;;;;;OAK/B,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;AA5ED,0BA4EC"}