@omegagrid/form 0.2.5

package/dist/ui/controls/textInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.js","sourceRoot":"","sources":["../../../src/ui/controls/textInput.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAAwC;AACxC,6BAAgC;AAChC,qDAAkD;AAClD,+CAA4C;AAGrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,yBAAmB;IAA/C;;QA2BN,WAAM,GAAG,GAAG,EAAE;;YAAC,OAAA,IAAA,UAAI,EAAA;;;aAGP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;kBAC/B,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CAAC,WAAW,mCAAI,EAAE;cACvC,IAAI,CAAC,QAAQ;;EAEzB,CAAA;SAAA,CAAC;IAEH,CAAC;IArBA,QAAQ;;QACP,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,EAAE,CAAC;YAClF,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAa;QACrB,IAAI,CAAC,WAAW,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;;AAzBW,sCAAa;AAElB,oBAAM,GAAG,CAAC,GAAG,yBAAW,CAAC,MAAM,EAAE,IAAA,SAAG,EAAA;;;;;;aAM/B,mBAAS,CAAC,mBAAmB;kBACxB,mBAAS,CAAC,mBAAmB;;;;EAI7C,CAAC,AAXW,CAWV;wBAbS,aAAa;IADzB,IAAA,6BAAa,EAAC,mBAAmB,CAAC;GACtB,aAAa,CAoCzB"}

package/dist/ui/form.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from "lit";
+import { FormSettings, FormValues } from "../types";
+import { FormModel } from "../model/formModel";
+import { IControl, ControlEvent } from "./controls/baseControl";
+import { FormAdapter } from "../model";
+export declare class FormEvent extends Event {
+    key: string;
+    value: unknown;
+    constructor(type: string, args?: Partial<FormEvent>);
+}
+export declare class Form extends LitElement {
+    static styles: import("lit").CSSResult[];
+    key: string | number;
+    adapter: FormAdapter;
+    model: FormModel;
+    caption: string;
+    controlNodes: NodeListOf<IControl>;
+    controls: Map<string, IControl>;
+    rowElms: HTMLTableRowElement[];
+    values: FormValues;
+    private errorCounts;
+    setSourceData(sourceData: FormSettings): void;
+    resetValues(): void;
+    setValue(key: string, value: unknown): void;
+    reset(): Promise<void>;
+    validate(): void;
+    isValid(): boolean;
+    initAdapter(): Promise<void>;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
+    updated(): void;
+    _onValueChange(e: ControlEvent<unknown>): void;
+    render: () => import("lit-html").TemplateResult;
+}
+//# sourceMappingURL=form.d.ts.map

package/dist/ui/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/ui/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAmB,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAYvC,qBAAa,SAAU,SAAQ,KAAK;IAEnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;gBAEH,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;CAInD;AAED,qBAKa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,GAAG,EAAE,MAAM,GAAC,MAAM,CAAC;IAGnB,OAAO,EAAE,WAAW,CAAC;IAGrB,KAAK,EAAE,SAAS,CAAC;IAGjB,OAAO,EAAE,MAAM,CAAC;IAGhB,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAGhC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAG/B,MAAM,EAAE,UAAU,CAAM;IAExB,OAAO,CAAC,WAAW,CAA8B;IAEjD,aAAa,CAAC,UAAU,EAAE,YAAY;IAItC,WAAW;IAMX,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAM9B,KAAK;IAKX,QAAQ;IAKR,OAAO;IAQD,WAAW;IAQX,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAUxD,OAAO;IAsBP,cAAc,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC;IASvC,MAAM,0CA6CJ;CAEF"}

package/dist/ui/form.js

@@ -0,0 +1,195 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = exports.FormEvent = void 0;
+const lit_1 = require("lit");
+const static_html_js_1 = require("lit/static-html.js");
+const decorators_js_1 = require("lit/decorators.js");
+const style_map_js_1 = require("lit/directives/style-map.js");
+const map_js_1 = require("lit/directives/map.js");
+const types_1 = require("../types");
+const formModel_1 = require("../model/formModel");
+const core_1 = require("@omegagrid/core");
+const form_style_1 = require("./form.style");
+const controlTypeMap = new Map([
+    [types_1.FormControlType.Label, (0, static_html_js_1.literal) `og-form-label`],
+    [types_1.FormControlType.TextInput, (0, static_html_js_1.literal) `og-form-textinput`],
+    [types_1.FormControlType.ColorInput, (0, static_html_js_1.literal) `og-form-colorinput`],
+    [types_1.FormControlType.Checkbox, (0, static_html_js_1.literal) `og-form-checkbox`],
+    [types_1.FormControlType.List, (0, static_html_js_1.literal) `og-form-list`],
+    [types_1.FormControlType.Button, (0, static_html_js_1.literal) `og-form-button`],
+    [types_1.FormControlType.NumericInput, (0, static_html_js_1.literal) `og-form-numericinput`],
+]);
+class FormEvent extends Event {
+    constructor(type, args) {
+        super(`form.${type}`, { bubbles: true, cancelable: true, composed: true });
+        Object.assign(this, args || {});
+    }
+}
+exports.FormEvent = FormEvent;
+let Form = class Form extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.values = {};
+        this.errorCounts = {};
+        this.render = () => {
+            if (!this.model)
+                return (0, static_html_js_1.html) ``;
+            const columns = (0, map_js_1.map)(this.model.columns, column => {
+                const colStyle = (0, style_map_js_1.styleMap)({ width: (column === null || column === void 0 ? void 0 : column.width) ? core_1.dom.numToPixels(column.width) : 'auto' });
+                return (0, static_html_js_1.html) `<col style="${colStyle}">`;
+            });
+            const rows = (0, map_js_1.map)(this.model.controls, (row, r) => {
+                const rowStyle = (0, style_map_js_1.styleMap)({
+                    height: (this.model.rows && this.model.rows[r] && this.model.rows[r].height
+                        ? core_1.dom.numToPixels(this.model.rows[r].height) : null)
+                });
+                return (0, static_html_js_1.html) `
+				<tr class="row" style="${rowStyle}">
+					${(0, map_js_1.map)(row, (control) => (0, static_html_js_1.html) `
+					<td colspan="${(control === null || control === void 0 ? void 0 : control.props.cs) || 1}" rowspan="${(control === null || control === void 0 ? void 0 : control.props.rs) || 1}">
+						${control ? (0, static_html_js_1.html) `
+							<${controlTypeMap.get(control.props.type)}
+								id="${control.props.key}"
+								@change=${this._onValueChange}
+								class="control"
+								.value="${this.values && this.values[control.props.key] != null ? this.values[control.props.key] : control.props.value}"
+								.model="${control}"
+								.formModel="${this.model}"
+								.adapter="${control.props.adapter || this.model.options.treeAdapter}">
+							</${controlTypeMap.get(control.props.type)}>
+							${(0, map_js_1.map)(control.errors, err => (0, static_html_js_1.html) `
+								<div class="error">${err}</div>
+							`)}
+						` : ``}
+					</td>
+					`)}
+				</tr>
+			`;
+            });
+            return (0, static_html_js_1.html) `
+			${this.caption ? (0, static_html_js_1.html) `<div class="title">${this.caption}</div>` : ``}
+			<div class="body">${this.model ? (0, static_html_js_1.html) `
+				<table>
+					<colgroup>${columns}</colgroup>
+					<tbody>${rows}</tbody>
+				</table>
+			` : ``}</div>
+		`;
+        };
+    }
+    setSourceData(sourceData) {
+        this.model = new formModel_1.FormModel(sourceData);
+    }
+    resetValues() {
+        var _a;
+        const values = {};
+        (_a = this.model) === null || _a === void 0 ? void 0 : _a.controlMap.forEach(c => values[c.key] = c.props.value);
+        this.values = values;
+    }
+    setValue(key, value) {
+        this.values[key] = value;
+        const control = this.shadowRoot.querySelector(`#${key}`);
+        control.value = value;
+    }
+    async reset() {
+        this.resetValues();
+        this.controls.forEach(c => c.reset());
+    }
+    validate() {
+        this.controls.forEach(c => c.validate());
+        this.requestUpdate();
+    }
+    isValid() {
+        this.validate();
+        for (const c of this.controlNodes) {
+            if (!c.isValid)
+                return false;
+        }
+        return true;
+    }
+    async initAdapter() {
+        this.model = new formModel_1.FormModel({
+            rows: await this.adapter.getRows(this.key),
+            columns: await this.adapter.getColumns(this.key),
+            controls: await this.adapter.getControls(this.key)
+        });
+    }
+    async willUpdate(changedProps) {
+        if (changedProps.has('adapter')) {
+            await this.initAdapter();
+        }
+        if (changedProps.has('model')) {
+            this.resetValues();
+        }
+    }
+    updated() {
+        var _a;
+        this.controls = new Map();
+        this.controlNodes.forEach(c => this.controls.set(c.id, c));
+        (_a = this.model) === null || _a === void 0 ? void 0 : _a.controls.forEach((row, r) => row.forEach((control, c) => {
+            const cs = control.props.cs || 1;
+            const rs = control.props.rs || 1;
+            if (cs > 1 || rs > 1) {
+                for (let ri = r; ri <= r + rs - 1; ri++) {
+                    for (let ci = c; ci <= c + cs - 1; ci++) {
+                        const cell = this.rowElms[ri].children[ci];
+                        if (cell) {
+                            if (ci != c || ri != r)
+                                core_1.dom.hideCell(cell);
+                            else
+                                core_1.dom.showCell(cell);
+                        }
+                    }
+                }
+            }
+            else {
+                core_1.dom.showCell(this.rowElms[r].children[c]);
+            }
+        }));
+    }
+    _onValueChange(e) {
+        this.values[e.model.key] = e.value;
+        if (this.errorCounts[e.model.key] != e.model.errors.length) {
+            this.requestUpdate();
+        }
+        this.errorCounts[e.model.key] = e.model.errors.length;
+        this.dispatchEvent(new FormEvent('change', { key: e.model.key, value: e.value }));
+    }
+};
+exports.Form = Form;
+Form.styles = [form_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)()
+], Form.prototype, "key", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Form.prototype, "adapter", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Form.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Form.prototype, "caption", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('.control')
+], Form.prototype, "controlNodes", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('.row')
+], Form.prototype, "rowElms", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Form.prototype, "values", void 0);
+exports.Form = Form = __decorate([
+    (0, decorators_js_1.customElement)('og-form'),
+    (0, core_1.stylable)({ vars: [
+            'accent-color', 'accent-color-highlight', 'text-color', 'text-color-2',
+            'font-size', 'text-color-reversed', 'form-*'
+        ] })
+], Form);
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

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

package/dist/ui/form.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=form.style.d.ts.map

package/dist/ui/form.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.style.d.ts","sourceRoot":"","sources":["../../src/ui/form.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAiCjB,CAAC"}

package/dist/ui/form.style.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	:host {
+		display: block;
+		background-color: var(--form-background-color);
+		font-size: var(--font-size);
+	}
+
+	* {
+		box-sizing: border-box;
+	}
+
+	.body {
+		padding: 11px;
+	}
+
+	table {
+		border-collapse: collapse;
+		width: 100%;
+		table-layout: fixed;
+	}
+
+	table tr {
+		height: 20px;
+	}
+
+	table td {
+		padding: 2px 0;
+		overflow: hidden;
+	}
+
+	.error {
+		color: red;
+	}
+`;
+//# sourceMappingURL=form.style.js.map

package/dist/ui/form.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.style.js","sourceRoot":"","sources":["../../src/ui/form.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC"}

package/dist/ui/formContainer.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { Overlay } from '@omegagrid/core';
+import { FormAlert, FormButtonType, FormContainerOptions, FormSettings, FormValues } from '../types';
+import { FormAdapter } from '../model';
+import { Form } from './form';
+export declare class FormContainer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    config: FormSettings[];
+    options: FormContainerOptions;
+    collapsibleForms: boolean;
+    adapter: FormAdapter;
+    alerts: FormAlert[];
+    overlay: Overlay;
+    forms: NodeListOf<Form>;
+    private _saving;
+    constructor();
+    connectedCallback(): void;
+    get values(): Map<string | number, FormValues>;
+    setSourceData(config: FormSettings[], options?: Partial<FormContainerOptions>): void;
+    reset(dispatchEvent?: boolean): void;
+    isValid(): boolean;
+    save(dispatchEvent?: boolean): Promise<void>;
+    _onButtonClick: (type: FormButtonType) => void;
+    initAdapter(): Promise<void>;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=formContainer.d.ts.map

package/dist/ui/formContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContainer.d.ts","sourceRoot":"","sources":["../../src/ui/formContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,OAAO,EAAY,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACrG,OAAO,EAAE,WAAW,EAAa,MAAM,UAAU,CAAC;AAGlD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAGzC,qBAEa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BAAW;IAGxB,MAAM,EAAE,YAAY,EAAE,CAAC;IAGvB,OAAO,EAAE,oBAAoB,CAAiB;IAG9C,gBAAgB,UAAS;IAGzB,OAAO,EAAE,WAAW,CAAC;IAGrB,MAAM,EAAE,SAAS,EAAE,CAAC;IAGpB,OAAO,EAAE,OAAO,CAAC;IAGjB,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAExB,OAAO,CAAC,OAAO,CAAS;;IASxB,iBAAiB;IAKjB,IAAI,MAAM,qCAIT;IAED,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAK7E,KAAK,CAAC,aAAa,UAAO;IAK1B,OAAO;IAID,IAAI,CAAC,aAAa,UAAO;IAoB/B,cAAc,SAAU,cAAc,UAMrC;IAEK,WAAW;IAKX,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMxD,MAAM,6CAkDL;CAED"}

package/dist/ui/formContainer.js

@@ -0,0 +1,178 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContainer = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const core_1 = require("@omegagrid/core");
+const model_1 = require("../model");
+const constants_1 = __importDefault(require("../constants"));
+const options_1 = require("../options");
+const form_1 = require("./form");
+const formContainer_style_1 = require("./formContainer.style");
+let FormContainer = class FormContainer extends lit_1.LitElement {
+    constructor() {
+        super();
+        this.options = (0, options_1.initOptions)();
+        this.collapsibleForms = false;
+        this._saving = false;
+        this._onButtonClick = (type) => {
+            switch (type) {
+                case 'save':
+                    this.save();
+                    break;
+                case 'reset':
+                    this.reset();
+                    break;
+                case 'close':
+                    this.dispatchEvent(new Event('close'));
+                    break;
+            }
+        };
+        this.render = () => {
+            const buttons = this.options.buttons.length > 0
+                ? (0, lit_1.html) `<div class="buttons">${(0, map_js_1.map)(this.options.buttons, type => {
+                    const btn = constants_1.default.BUTTON_CONFIG.get(type);
+                    return (0, lit_1.html) `
+					<og-button 
+						.text="${btn.text}"
+						.color="${btn.color}"
+						@click="${() => this._onButtonClick(type)}"
+						?default="${btn.default}">
+					</og-button>
+				`;
+                })}</div>` : null;
+            const alerts = (0, map_js_1.map)(this.alerts, alert => (0, lit_1.html) `
+			<og-alert .text="${alert.text}" .type="${alert.type}"></og-alert>
+		`);
+            return (0, lit_1.html) `
+			${this.options.caption ? (0, lit_1.html) `<div class="title">${this.options.caption}</div>` : ``}
+			${this.options.buttonsPosition == 'top' ? buttons : ``}
+			${this.options.alertsPosition == 'top' ? alerts : ``}
+			<og-overlay defaultLoader></og-overlay>
+			<og-container>
+				<div slot="content">
+					${(0, map_js_1.map)(this.config, (f, index) => {
+                var _a;
+                const form = (0, lit_1.html) `
+							<og-form
+								slot="body"
+								key=${(_a = f.key) !== null && _a !== void 0 ? _a : index.toString()}
+								.adapter=${this.adapter}
+								.model=${this.adapter == null ? new model_1.FormModel(f) : null}
+								.rows=${f.rows}
+								.columns=${f.columns}>
+							</og-form>
+						`;
+                return f.caption ? (0, lit_1.html) `
+							<og-panel ?collapsible="${this.collapsibleForms}">
+								${f.caption ? (0, lit_1.html) `<div slot="header">${f.caption}</div>` : ``}
+								${form}
+							</og-panel>
+						` : (0, lit_1.html) `
+							<div>${form}</div>
+						`;
+            })}
+				</div>
+			</og-container>
+			${this.options.alertsPosition == 'bottom' ? alerts : ``}
+			${this.options.buttonsPosition == 'bottom' ? buttons : ``}
+		`;
+        };
+        this.addEventListener('keydown', (e) => {
+            if (e.key == 'Enter')
+                this.save();
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.tabIndex = 0;
+    }
+    get values() {
+        const values = new Map();
+        this.forms.forEach((f, i) => { var _a; return values.set((_a = this.config[i].key) !== null && _a !== void 0 ? _a : i, f.values); });
+        return values;
+    }
+    setSourceData(config, options) {
+        this.config = config;
+        this.options = (0, options_1.initOptions)(options, this.options);
+    }
+    reset(dispatchEvent = true) {
+        this.forms.forEach(f => f.reset());
+        if (dispatchEvent)
+            this.dispatchEvent(new form_1.FormEvent('reset'));
+    }
+    isValid() {
+        return Array.from(this.forms.values()).every(f => f.isValid());
+    }
+    async save(dispatchEvent = true) {
+        if (this._saving)
+            return;
+        if (!this.isValid())
+            return;
+        this._saving = true;
+        if (this.adapter) {
+            this.overlay.show(this);
+            const result = await this.adapter.save(this.values);
+            if (Array.isArray(result)) {
+                this.alerts = result;
+                this.requestUpdate();
+            }
+            this.overlay.hide();
+            if (dispatchEvent) {
+                this.dispatchEvent(new form_1.FormEvent('save'));
+                if (result === true && this.options.closeAfterSave)
+                    this.dispatchEvent(new Event('close'));
+            }
+        }
+        else if (dispatchEvent)
+            this.dispatchEvent(new form_1.FormEvent('save'));
+        this._saving = false;
+    }
+    async initAdapter() {
+        this.config = await this.adapter.getForms();
+        this.options = (0, options_1.initOptions)(await this.adapter.getOptions(), this.options);
+    }
+    async willUpdate(changedProps) {
+        if (changedProps.has('adapter')) {
+            await this.initAdapter();
+        }
+    }
+};
+exports.FormContainer = FormContainer;
+FormContainer.styles = [formContainer_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], FormContainer.prototype, "config", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], FormContainer.prototype, "options", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], FormContainer.prototype, "collapsibleForms", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], FormContainer.prototype, "adapter", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], FormContainer.prototype, "alerts", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-overlay')
+], FormContainer.prototype, "overlay", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('og-form')
+], FormContainer.prototype, "forms", void 0);
+exports.FormContainer = FormContainer = __decorate([
+    (0, decorators_js_1.customElement)('og-form-container'),
+    (0, core_1.stylable)({ vars: ['accent-*', 'text-*', 'font-size', 'form-*', 'button-*', 'border-*'] })
+], FormContainer);
+//# sourceMappingURL=formContainer.js.map

package/dist/ui/formContainer.js.map

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

package/dist/ui/formContainer.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=formContainer.style.d.ts.map

package/dist/ui/formContainer.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContainer.style.d.ts","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA0CjB,CAAC"}

package/dist/ui/formContainer.style.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: flex;
+		flex-direction: column;
+		position: relative;
+	}
+
+	.title {
+		background-color: var(--accent-color);
+		line-height: 40px;
+		padding: 0 10px;
+		color: var(--text-color-reversed);
+		flex: 0;
+	}
+
+	og-container {
+		flex: 1;
+	}
+
+	.form-title {
+		padding: 5px;
+	}
+
+	.buttons {
+		display: flex;
+		flex-direction: row;
+		gap: 4px;
+		justify-content: flex-end;
+		padding: 4px;
+		border-top: 1px solid var(--border-color);
+		height: 30px;
+		line-height: 30px;
+	}
+
+	.buttons og-button {
+		min-width: 80px;
+		text-align: center;
+	}
+`;
+//# sourceMappingURL=formContainer.style.js.map

package/dist/ui/formContainer.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContainer.style.js","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CvB,CAAC"}

package/dist/ui/index.d.ts

@@ -0,0 +1,4 @@
+export * from './form';
+export * from './formContainer';
+export * from './controls';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+__exportStar(require("./form"), exports);
+__exportStar(require("./formContainer"), exports);
+__exportStar(require("./controls"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,kDAAgC;AAChC,6CAA2B"}