@sealcode/sealgen 0.8.0 → 0.8.2

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

@@ -0,0 +1,20 @@
+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 {
+    field: PickFromListField<boolean>;
+    options: {
+        id?: string;
+        label?: string;
+    };
+    constructor(field: PickFromListField<boolean>, options: {
+        id?: string;
+        label?: string;
+    });
+    getListID(): string;
+    getInputAttributes(ctx: Context, data: Record<string, FormDataValue>, field_prefix: string, form_id: string): Promise<{
+        list: string;
+    }>;
+    postInput(ctx: Context): Promise<string>;
+}

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

@@ -0,0 +1,21 @@
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { EnumMultipleField, FormField } from "../fields/field";
+import { FormDataValue, FormMessage } from "../form";
+import { CheckboxWithValue } from "./checkbox";
+import { FormFieldControl } from "./controls";
+export declare type DefaultCheckboxOptions = {
+    id?: string;
+    label?: string;
+    hide_errors?: boolean;
+    readonly?: boolean;
+    name?: string;
+    checkboxNameToLabel?: (name: string) => 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>;
+}

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

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

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

@@ -0,0 +1,12 @@
+import { Context } from "koa";
+import { FlatTemplatable } from "tempstream";
+import { FormDataValue, FormMessage } from "../form";
+import { CheckboxWithValue } from "./checkbox";
+import { CheckboxGroup, DefaultCheckboxOptions } from "./checkbox-group";
+export declare class CollapsibleCheckboxGroup extends CheckboxGroup<DefaultCheckboxOptions & {
+    textWhenOpen?: string;
+    textWhenClosed?: string;
+    groupID?: string;
+}> {
+    wrapGroup(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string, checkboxes: CheckboxWithValue[]): Promise<FlatTemplatable>;
+}

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

@@ -0,0 +1,21 @@
+import { FlatTemplatable } from "tempstream";
+import { FieldGroup } from "./field-group";
+import { FormControl } from "./form-control";
+declare type CollapsibleFieldGroupOptions = {
+    label?: string;
+    classes?: string;
+    openOnStart?: boolean;
+    textWhenOpen?: string;
+    textWhenClosed?: string;
+    groupID?: string;
+};
+export declare class CollapsibleFieldGroup extends FieldGroup {
+    controls: FormControl[];
+    options: CollapsibleFieldGroupOptions;
+    collapseID: string;
+    constructor(controls: FormControl[], options?: CollapsibleFieldGroupOptions);
+    getGroupLabelProps(): string;
+    preLabelContainer(): FlatTemplatable;
+    postLabel(): FlatTemplatable;
+}
+export {};

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

@@ -16,3 +16,7 @@ export * from "./tickable";
 export * from "./checkbox";
 export * from "./radio";
 export * from "./big-radio-group";
+export * from "./checkbox-group";
+export * from "./collapsible-field-group";
+export * from "./collapsible-checkbox-group";
+export * from "./autocomplete";

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

@@ -1,17 +1,25 @@
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
-import { FormDataValue } from "../form";
+import { FormDataValue, FormMessage } from "../form";
 import { FormControl } from "./form-control";
-export declare class FieldGroup extends FormControl {
+import { FormFieldControl } from "./form-field-control";
+export declare class FieldGroup extends FormFieldControl {
     controls: FormControl[];
     options: {
         label?: string;
         classes?: string;
+        containerID?: string;
     };
     constructor(controls: FormControl[], options?: {
         label?: string;
         classes?: string;
+        containerID?: string;
     });
-    render(ctx: Context, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
-    role: "decoration";
+    preLabel(): FlatTemplatable;
+    preLabelContainer(): FlatTemplatable;
+    postLabel(): FlatTemplatable;
+    preFields(): FlatTemplatable;
+    postFields(): FlatTemplatable;
+    getGroupLabelProps(): FlatTemplatable;
+    render(ctx: Context, data: Record<string, FormDataValue>, messages: FormMessage[], field_prefix: string, form_id: string): Promise<FlatTemplatable>;
 }

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

@@ -1,7 +1,7 @@
 import { Context } from "koa";
 import { FlatTemplatable } from "tempstream";
 import { FormField } from "../fields/field";
-import { FormDataValue } from "../form";
+import { FormDataValue, FormMessage } from "../form";
 import { FormFieldControl } from "./controls";
 export declare class SimpleInput extends FormFieldControl {
     field: FormField;
@@ -27,5 +27,12 @@ export declare class SimpleInput extends FormFieldControl {
         readonly?: boolean;
         step?: number;
     });
-    render<Fields extends Record<string, FormField>>(ctx: Context, data: Record<string, FormDataValue>, _: unknown[], field_prefix: string, form_id: string): 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;
+    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>;
 }

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

@@ -3,20 +3,17 @@ import { FlatTemplatable } from "tempstream";
 import { FormField } from "../fields/field";
 import { FormDataValue } from "../form";
 import { FormFieldControl } from "./controls";
+export declare type TickableOptions = {
+    id?: string;
+    name?: string;
+    label?: string;
+    hide_errors?: boolean;
+    readonly?: boolean;
+};
 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;
-    });
+    options: TickableOptions;
+    constructor(field: FormField<boolean, T>, options?: TickableOptions);
     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;

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

@@ -0,0 +1,18 @@
+import { Context } from "koa";
+import { FormDataValue } from "../form";
+import { FieldParseResult, FormField } from "./field";
+export declare class EnumMultipleField<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, values: string[]): Promise<{
+        valid: boolean;
+        message: string;
+    }>;
+    parse(_: Context, value: FormDataValue): Promise<FieldParseResult<string[]>>;
+    getEmptyValue(): string[];
+}

package/@types/forms/fields/existing-sealious-value.d.ts

@@ -0,0 +1,6 @@
+import { Field } from "sealious";
+import { PickFromListField } from "./pick-from-list";
+export declare class ExistingSealiousValue<Required extends boolean> extends PickFromListField<Required> {
+    constructor(required: Required, field: Field);
+    getEmptyValue(): string;
+}

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

@@ -13,19 +13,20 @@ export declare type FieldsToShape<T extends Record<string, FormField>> = {
 };
 export declare function fieldsToShape<Fields extends Record<string, FormField>>(obj: Fields): FieldsToShape<Fields>;
 export declare type FieldParseResult<T> = {
-    parsable: false;
-    error: string;
-    parsed_value: null;
-} | {
     parsable: true;
     error: null;
     parsed_value: T;
+} | {
+    parsable: false;
+    error: string;
+    parsed_value: null;
 };
 export declare abstract class FormField<Required extends boolean = boolean, ParsedValue extends unknown = unknown> {
     readonly required: Required;
     name: string;
     constructor(required: Required);
     predicate: Predicate;
+    mapToFilter: (parsed: ParsedValue) => unknown;
     init(fieldname: string): void;
     _validate(ctx: Context, value: ParsedValue): Promise<FormFieldValidationResponse>;
     abstract getEmptyValue(): ParsedValue;
@@ -37,6 +38,7 @@ export declare abstract class FormField<Required extends boolean = boolean, Pars
         parsed: ParsedValue;
         raw: FormDataValue;
     }>;
+    setMapToFilter(fn: (parsed: ParsedValue) => unknown): this;
 }
 export * from "./simple-form-field";
 export * from "./checkboxed-list";
@@ -47,3 +49,5 @@ export * from "./regexp";
 export * from "./email";
 export * from "./enum";
 export * from "./boolean";
+export * from "./enum-multiple";
+export * from "./existing-sealious-value";

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

@@ -0,0 +1,13 @@
+import { FormField } from "./field";
+export declare class ProxyFormField<T> extends FormField<boolean, T> {
+    name: string;
+    empty_value: T;
+    parsed_value: T;
+    constructor(required: boolean, name: string, empty_value: T, parsed_value: T);
+    getEmptyValue(): T;
+    parse(): Promise<{
+        readonly parsable: true;
+        readonly error: null;
+        readonly parsed_value: T;
+    }>;
+}

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

@@ -3,7 +3,7 @@ import { Collection, CollectionItem, ItemList } from "sealious";
 import { Templatable, FlatTemplatable } from "tempstream";
 import { Page } from "./page";
 import { ShapeToType } from "@sealcode/ts-predicates";
-import { FormFieldControl } from "../forms/controls/controls";
+import { FormControl } from "../forms/controls/controls";
 import { FormField, NumberField } from "../forms/fields/field";
 import { FormDataValue } from "..";
 export declare const BasePagePropsShape: {};
@@ -17,10 +17,10 @@ export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFi
     abstract getTotalPages(ctx: Context, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<number>;
     abstract renderItem(ctx: Context, item: ItemType): Promise<FlatTemplatable>;
     filterFields: Record<string, FormField>;
-    filterControls: FormFieldControl[];
+    filterControls: FormControl[];
     init(): void;
     renderListContainer(_: Context, content: Templatable): FlatTemplatable;
-    renderItems(ctx: Context, values?: Record<string, FormDataValue>): Promise<FlatTemplatable>;
+    renderItems(ctx: Context, values?: Record<string, FormDataValue>, items?: ItemType[]): Promise<FlatTemplatable>;
     render(ctx: Context): Promise<FlatTemplatable>;
     renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
     private renderPageButton;

package/@types/utils/input-wrapper.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
 import { Readable } from "stream";
+import { FlatTemplatable } from "tempstream";
 export declare function getRequiredClass(isRequired: boolean): string;
-export declare function inputWrapper(modifiers: string[], input: string): Readable;
+export declare function inputWrapper(modifiers: string[], input: FlatTemplatable): Readable;

package/lib/forms/controls/autocomplete.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Autocomplete = void 0;
+const simple_input_1 = require("./simple-input");
+class Autocomplete extends simple_input_1.SimpleInput {
+    constructor(field, options) {
+        super(field);
+        this.field = field;
+        this.options = options;
+    }
+    getListID() {
+        return this.getID() + "_list";
+    }
+    async getInputAttributes(ctx, data, field_prefix, form_id) {
+        return {
+            ...(await super.getInputAttributes(ctx, data, field_prefix, form_id)),
+            list: this.getListID(),
+        };
+    }
+    async postInput(ctx) {
+        return /* HTML */ `<datalist id="${this.getListID()}">
+			${Object.entries(await this.field.generateOptions(ctx)).map(([key, value]) => /* HTML */ `<option>${key}</option>`)}
+		</datalist>`;
+    }
+}
+exports.Autocomplete = Autocomplete;
+//# sourceMappingURL=autocomplete.js.map

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

@@ -0,0 +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,OAAwC;QAE/C,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,UAAK,GAAL,KAAK,CAA4B;QACjC,YAAO,GAAP,OAAO,CAAiC;IAGhD,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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = void 0;
+const proxy_field_1 = require("../fields/proxy-field");
+const checkbox_1 = require("./checkbox");
+const controls_1 = require("./controls");
+class CheckboxGroup extends controls_1.FormFieldControl {
+    constructor(field, options = {}) {
+        super([field]);
+        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);
+    }
+    async render(ctx, data, messages, field_prefix, form_id) {
+        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)), {
+            id: this.field.name + "__" + option,
+            label: (this.options.checkboxNameToLabel ||
+                ((s) => s))(option),
+        }, option));
+        return this.wrapGroup(ctx, data, messages, field_prefix, form_id, checkboxes);
+    }
+}
+exports.CheckboxGroup = CheckboxGroup;
+//# sourceMappingURL=checkbox-group.js.map

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

@@ -0,0 +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"}

package/lib/forms/controls/checkbox.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
+exports.CheckboxWithValue = exports.Checkbox = void 0;
 const tickable_1 = require("./tickable");
 class Checkbox extends tickable_1.Tickable {
     constructor() {
@@ -15,4 +15,15 @@ class Checkbox extends tickable_1.Tickable {
     }
 }
 exports.Checkbox = Checkbox;
+class CheckboxWithValue extends Checkbox {
+    constructor(field, options, value) {
+        super(field, options);
+        this.field = field;
+        this.value = value;
+    }
+    getValueAttribute() {
+        return this.value;
+    }
+}
+exports.CheckboxWithValue = CheckboxWithValue;
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +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"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/forms/controls/checkbox.ts"],"names":[],"mappings":";;;AAEA,yCAAuD;AAGvD,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;AAED,MAAa,iBAAkB,SAAQ,QAAQ;IAC9C,YACQ,KAAkC,EACzC,OAAwB,EACjB,KAAa;QAEpB,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAJf,UAAK,GAAL,KAAK,CAA6B;QAElC,UAAK,GAAL,KAAK,CAAQ;IAGrB,CAAC;IAED,iBAAiB;QAChB,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;CACD;AAZD,8CAYC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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) {
+        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);
+    }
+}
+exports.CollapsibleCheckboxGroup = CollapsibleCheckboxGroup;
+//# sourceMappingURL=collapsible-checkbox-group.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleFieldGroup = void 0;
+const field_group_1 = require("./field-group");
+const crypto_1 = require("crypto");
+class CollapsibleFieldGroup extends field_group_1.FieldGroup {
+    constructor(controls, options = {}) {
+        super([]);
+        this.controls = controls;
+        this.options = options;
+        if (this.options.groupID == undefined) {
+            this.options.groupID = "A" + crypto_1.randomUUID(); // "A" is needed as ids always have to start with a letter
+        }
+        this.collapseID = this.options.groupID + "collapse";
+    }
+    getGroupLabelProps() {
+        return super.getGroupLabelProps() + ` for="${this.collapseID}"`;
+    }
+    preLabelContainer() {
+        return /* HTML */ `<style>
+				input#${this.collapseID} {
+					display: none;
+				}
+
+				input#${this.collapseID} ~ .field-group__fields {
+					display: none;
+				}
+
+				input#${this.collapseID}:checked ~ .field-group__fields {
+					display: block;
+				}
+
+				input#${this.collapseID}
+					~ .field-group__label-container
+					.field-group__collapse-label-text--open {
+					display: none;
+				}
+
+				input#${this.collapseID}:checked
+					~ .field-group__label-container
+					.field-group__collapse-label-text--open {
+					display: inline-block;
+				}
+
+				input#${this.collapseID}
+					~ .field-group__label-container
+					.field-group__collapse-label-text--closed {
+					display: inline-block;
+				}
+
+				input#${this.collapseID}:checked
+					~ .field-group__label-container
+					.field-group__collapse-label-text--closed {
+					display: none;
+				}
+			</style>
+			<input
+				type="checkbox"
+				id="${this.collapseID}"
+				${this.options.openOnStart ? "checked" : ""}
+			/>`;
+    }
+    postLabel() {
+        return /* HTML */ `<label
+			class="field-group__collapse-label"
+			for="${this.collapseID}"
+		>
+			<span
+				class="field-group__collapse-label-text field-group__collapse-label-text--open"
+			>
+				${this.options.textWhenOpen || "close"}
+			</span>
+			<span
+				class="field-group__collapse-label-text field-group__collapse-label-text--closed"
+			>
+				${this.options.textWhenClosed || "open"}
+			</span>
+		</label>`;
+    }
+}
+exports.CollapsibleFieldGroup = CollapsibleFieldGroup;
+//# sourceMappingURL=collapsible-field-group.js.map

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

@@ -0,0 +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"}

package/lib/forms/controls/controls.js

@@ -42,4 +42,8 @@ __exportStar(require("./tickable"), exports);
 __exportStar(require("./checkbox"), exports);
 __exportStar(require("./radio"), exports);
 __exportStar(require("./big-radio-group"), exports);
+__exportStar(require("./checkbox-group"), exports);
+__exportStar(require("./collapsible-field-group"), exports);
+__exportStar(require("./collapsible-checkbox-group"), exports);
+__exportStar(require("./autocomplete"), 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"}
+{"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"}

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

@@ -2,22 +2,53 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldGroup = void 0;
 const tempstream_1 = require("tempstream");
-const form_control_1 = require("./form-control");
-class FieldGroup extends form_control_1.FormControl {
+const form_field_control_1 = require("./form-field-control");
+class FieldGroup extends form_field_control_1.FormFieldControl {
     constructor(controls, options = {}) {
-        super();
+        super([]);
         this.controls = controls;
         this.options = options;
-        this.role = "decoration";
     }
-    async render(ctx, data) {
+    preLabel() {
+        return "";
+    }
+    preLabelContainer() {
+        return "";
+    }
+    postLabel() {
+        return "";
+    }
+    preFields() {
+        return "";
+    }
+    postFields() {
+        return "";
+    }
+    getGroupLabelProps() {
+        return `class="field-group__label"`;
+    }
+    async render(ctx, data, messages, field_prefix, form_id) {
         const { label, classes } = this.options;
         return tempstream_1.tempstream /* HTML */ `
-			<div class="field-group ${classes || ""}">
-				${label ? `<label>${label}</label>` : ""}
+			<div
+				class="field-group ${classes || ""}"
+				${this.options.containerID
+            ? `id="${this.options.containerID}"`
+            : ""}
+			>
+				${this.preLabelContainer()}
+				<div class="field-group__label-container">
+					${this.preLabel()}
+					${label
+            ? `<label ${this.getGroupLabelProps()}>${label}</label>`
+            : ""}
+					${this.postLabel()}
+				</div>
+				${this.preFields()}
 				<div class="field-group__fields">
-					${this.controls.map((control) => control.render(ctx, data, [], "", ""))}
+					${this.controls.map((control) => control.render(ctx, data, messages, field_prefix, form_id))}
 				</div>
+				${this.postFields()}
 			</div>
 		`;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"field-group.js","sourceRoot":"","sources":["../../../src/forms/controls/field-group.ts"],"names":[],"mappings":";;;AACA,2CAAyD;AAEzD,iDAA6C;AAE7C,MAAa,UAAW,SAAQ,0BAAW;IAC1C,YACQ,QAAuB,EACvB,UAAgD,EAAE;QAEzD,KAAK,EAAE,CAAC;QAHD,aAAQ,GAAR,QAAQ,CAAe;QACvB,YAAO,GAAP,OAAO,CAA2C;QAsB1D,SAAI,GAAU,YAAY,CAAC;IAnB3B,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAY,EACZ,IAAmC;QAEnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAExC,OAAO,uBAAU,CAAA,UAAU,CAAC;6BACD,OAAO,IAAI,EAAE;MACpC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE;;OAErC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC/B,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CACrC;;;GAGH,CAAC;IACH,CAAC;CAED;AA1BD,gCA0BC"}
+{"version":3,"file":"field-group.js","sourceRoot":"","sources":["../../../src/forms/controls/field-group.ts"],"names":[],"mappings":";;;AACA,2CAAyD;AAGzD,6DAAwD;AAExD,MAAa,UAAW,SAAQ,qCAAgB;IAC/C,YACQ,QAAuB,EACvB,UAIH,EAAE;QAEN,KAAK,CAAC,EAAE,CAAC,CAAC;QAPH,aAAQ,GAAR,QAAQ,CAAe;QACvB,YAAO,GAAP,OAAO,CAIR;IAGP,CAAC;IAED,QAAQ;QACP,OAAO,EAAE,CAAC;IACX,CAAC;IAED,iBAAiB;QAChB,OAAO,EAAE,CAAC;IACX,CAAC;IAED,SAAS;QACR,OAAO,EAAE,CAAC;IACX,CAAC;IAED,SAAS;QACR,OAAO,EAAE,CAAC;IACX,CAAC;IAED,UAAU;QACT,OAAO,EAAE,CAAC;IACX,CAAC;IAED,kBAAkB;QACjB,OAAO,4BAA4B,CAAC;IACrC,CAAC;IAED,KAAK,CAAC,MAAM,CACX,GAAY,EACZ,IAAmC,EACnC,QAAuB,EACvB,YAAoB,EACpB,OAAe;QAEf,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAExC,OAAO,uBAAU,CAAA,UAAU,CAAC;;yBAEL,OAAO,IAAI,EAAE;MAChC,IAAI,CAAC,OAAO,CAAC,WAAW;YACzB,CAAC,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG;YACpC,CAAC,CAAC,EAAE;;MAEH,IAAI,CAAC,iBAAiB,EAAE;;OAEvB,IAAI,CAAC,QAAQ,EAAE;OACf,KAAK;YACN,CAAC,CAAC,UAAU,IAAI,CAAC,kBAAkB,EAAE,IAAI,KAAK,UAAU;YACxD,CAAC,CAAC,EAAE;OACH,IAAI,CAAC,SAAS,EAAE;;MAEjB,IAAI,CAAC,SAAS,EAAE;;OAEf,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC/B,OAAO,CAAC,MAAM,CACb,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,CACP,CACD;;MAEA,IAAI,CAAC,UAAU,EAAE;;GAEpB,CAAC;IACH,CAAC;CACD;AA5ED,gCA4EC"}