@omegagrid/form 0.10.2 → 0.10.5

package/dist/constants.d.ts

@@ -0,0 +1,52 @@
+import { FormButtonConfig, FormButtonType } from './types';
+declare const _default: {
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+    DEFAULT_NUMBER_FORMAT: string;
+    BUTTON_HEIGHT: number;
+    FONT_SIZE: number;
+    FLOATING_WINDOW_MAX_WIDTH: number;
+    DEFAULT_FORM_CELL_PADDING: number;
+    DEFAULT_FORM_ROW_HEIGHT: number;
+    DEFAULT_FORM_LINE_HEIGHT: number;
+    BUTTON_CONFIG: Map<FormButtonType, FormButtonConfig>;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3D,wBAYC"}

package/dist/constants.js

@@ -0,0 +1,15 @@
+import { constants as coreConstants, ColorTypes } from '@omegagrid/core';
+export default {
+    DEFAULT_FORM_CELL_PADDING: 2,
+    DEFAULT_FORM_ROW_HEIGHT: 24,
+    DEFAULT_FORM_LINE_HEIGHT: 22,
+    BUTTON_CONFIG: new Map([
+        ['save', { text: 'Save', color: ColorTypes.Accent, default: true }],
+        ['reset', { text: 'Reset', color: ColorTypes.Gray }],
+        ['validate', { text: 'Validate', color: ColorTypes.Gray }],
+        ['storno', { text: 'Storno', color: ColorTypes.Gray }],
+        ['close', { text: 'Close', color: ColorTypes.Gray }]
+    ]),
+    ...coreConstants
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzE,eAAe;IACd,yBAAyB,EAAE,CAAC;IAC5B,uBAAuB,EAAE,EAAE;IAC3B,wBAAwB,EAAE,EAAE;IAC5B,aAAa,EAAE,IAAI,GAAG,CAAmC;QACxD,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;QACjE,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,EAAC,CAAC;QAClD,CAAC,UAAU,EAAE,EAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,EAAC,CAAC;QACxD,CAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,EAAC,CAAC;QACpD,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,EAAC,CAAC;KAClD,CAAC;IACF,GAAG,aAAa;CAChB,CAAA","sourcesContent":["import { constants as coreConstants, ColorTypes } from '@omegagrid/core';\nimport { FormButtonConfig, FormButtonType } from './types';\n\nexport default {\n\tDEFAULT_FORM_CELL_PADDING: 2,\n\tDEFAULT_FORM_ROW_HEIGHT: 24,\n\tDEFAULT_FORM_LINE_HEIGHT: 22,\n\tBUTTON_CONFIG: new Map<FormButtonType, FormButtonConfig>([\n\t\t['save', {text: 'Save', color: ColorTypes.Accent, default: true}],\n\t\t['reset', {text: 'Reset', color: ColorTypes.Gray}],\n\t\t['validate', {text: 'Validate', color: ColorTypes.Gray}],\n\t\t['storno', {text: 'Storno', color: ColorTypes.Gray}],\n\t\t['close', {text: 'Close', color: ColorTypes.Gray}]\n\t]),\n\t...coreConstants\n}"]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ui';
+export * from './types';
+export * from './model';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './ui';
+export * from './types';
+export * from './model';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC","sourcesContent":["export * from './ui';\nexport * from './types';\nexport * from './model';"]}

package/dist/model/formAdapter.d.ts

@@ -0,0 +1,14 @@
+import { ComponentAdapter } from '@omegagrid/core';
+import { Form } from '../ui';
+import { FormSettings, FormColumn, FormControlProperties, FormRow, FormValues, FormAlert } from '../types';
+import { FormContainerOptions } from '../types';
+export declare abstract class FormAdapter extends ComponentAdapter<Form> {
+    getForms(): FormSettings[] | Promise<FormSettings[]>;
+    getRows(id: string | number): FormRow[] | Promise<FormRow[]>;
+    getColumns(id: string | number): FormColumn[] | Promise<FormColumn[]>;
+    abstract getControls(id: string | number): FormControlProperties[] | Promise<FormControlProperties[]>;
+    save(values: Map<string | number, FormValues>): boolean | FormAlert[] | Promise<boolean | FormAlert[]>;
+    getOptions(): FormContainerOptions | Promise<FormContainerOptions>;
+    onAction(action: string): void;
+}
+//# sourceMappingURL=formAdapter.d.ts.map

package/dist/model/formAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formAdapter.d.ts","sourceRoot":"","sources":["../../src/model/formAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,qBAAqB,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,8BAAsB,WAAY,SAAQ,gBAAgB,CAAC,IAAI,CAAC;IAE/D,QAAQ,IAAI,YAAY,EAAE,GAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IAIlD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAC,MAAM,GAAG,OAAO,EAAE,GAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAIxD,UAAU,CAAC,EAAE,EAAE,MAAM,GAAC,MAAM,GAAG,UAAU,EAAE,GAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IAIjE,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAC,MAAM,GAAG,qBAAqB,EAAE,GAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAEjG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAC,MAAM,EAAE,UAAU,CAAC,GAAG,OAAO,GAAC,SAAS,EAAE,GAAC,OAAO,CAAC,OAAO,GAAC,SAAS,EAAE,CAAC;IAI9F,UAAU,IAAI,oBAAoB,GAAC,OAAO,CAAC,oBAAoB,CAAC;IAIhE,QAAQ,CAAC,MAAM,EAAE,MAAM;CAEvB"}

package/dist/model/formAdapter.js

@@ -0,0 +1,21 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ComponentAdapter } from '@omegagrid/core';
+export class FormAdapter extends ComponentAdapter {
+    getForms() {
+        return [{ key: 0 }];
+    }
+    getRows(id) {
+        return [];
+    }
+    getColumns(id) {
+        return [];
+    }
+    save(values) {
+        return true;
+    }
+    getOptions() {
+        return {};
+    }
+    onAction(action) { }
+}
+//# sourceMappingURL=formAdapter.js.map

package/dist/model/formAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formAdapter.js","sourceRoot":"","sources":["../../src/model/formAdapter.ts"],"names":[],"mappings":"AAAA,sDAAsD;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,OAAgB,WAAY,SAAQ,gBAAsB;IAE/D,QAAQ;QACP,OAAO,CAAC,EAAC,GAAG,EAAE,CAAC,EAAC,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,EAAiB;QACxB,OAAO,EAAE,CAAC;IACX,CAAC;IAED,UAAU,CAAC,EAAiB;QAC3B,OAAO,EAAE,CAAC;IACX,CAAC;IAID,IAAI,CAAC,MAAsC;QAC1C,OAAO,IAAI,CAAC;IACb,CAAC;IAED,UAAU;QACT,OAAO,EAAE,CAAC;IACX,CAAC;IAED,QAAQ,CAAC,MAAc,IAAI,CAAC;CAE5B","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { ComponentAdapter } from '@omegagrid/core';\nimport { Form } from '../ui';\nimport { FormSettings, FormColumn, FormControlProperties, FormRow, FormValues, FormAlert } from '../types';\nimport { FormContainerOptions } from '../types';\n\nexport abstract class FormAdapter extends ComponentAdapter<Form> {\n\n\tgetForms(): FormSettings[]|Promise<FormSettings[]> {\n\t\treturn [{key: 0}];\n\t}\n\n\tgetRows(id: string|number): FormRow[]|Promise<FormRow[]> {\n\t\treturn [];\n\t}\n\n\tgetColumns(id: string|number): FormColumn[]|Promise<FormColumn[]> {\n\t\treturn [];\n\t}\n\n\tabstract getControls(id: string|number): FormControlProperties[]|Promise<FormControlProperties[]>;\n\n\tsave(values: Map<string|number, FormValues>): boolean|FormAlert[]|Promise<boolean|FormAlert[]> {\n\t\treturn true;\n\t}\n\n\tgetOptions(): FormContainerOptions|Promise<FormContainerOptions> {\n\t\treturn {};\n\t}\n\n\tonAction(action: string) { }\n\n}"]}

package/dist/model/formControlModel.d.ts

@@ -0,0 +1,9 @@
+import { FormControlProperties } from "../types";
+export declare class FormControlModel {
+    readonly props: FormControlProperties;
+    readonly dependencies: FormControlModel[];
+    errors: string[];
+    constructor(props: FormControlProperties);
+    get key(): string;
+}
+//# sourceMappingURL=formControlModel.d.ts.map

package/dist/model/formControlModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formControlModel.d.ts","sourceRoot":"","sources":["../../src/model/formControlModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,qBAAa,gBAAgB;aAMA,KAAK,EAAE,qBAAqB;IAJxD,SAAgB,YAAY,EAAE,gBAAgB,EAAE,CAAM;IAE/C,MAAM,EAAE,MAAM,EAAE,CAAM;gBAED,KAAK,EAAE,qBAAqB;IAExD,IAAI,GAAG,WAA4B;CAEnC"}

package/dist/model/formControlModel.js

@@ -0,0 +1,9 @@
+export class FormControlModel {
+    constructor(props) {
+        this.props = props;
+        this.dependencies = [];
+        this.errors = [];
+    }
+    get key() { return this.props.key; }
+}
+//# sourceMappingURL=formControlModel.js.map

package/dist/model/formControlModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formControlModel.js","sourceRoot":"","sources":["../../src/model/formControlModel.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,gBAAgB;IAM5B,YAA4B,KAA4B;QAA5B,UAAK,GAAL,KAAK,CAAuB;QAJxC,iBAAY,GAAuB,EAAE,CAAC;QAE/C,WAAM,GAAa,EAAE,CAAC;IAE+B,CAAC;IAE7D,IAAI,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA,CAAC,CAAC;CAEnC","sourcesContent":["import { FormControlProperties } from \"../types\";\n\nexport class FormControlModel {\n\n\tpublic readonly dependencies: FormControlModel[] = [];\n\n\tpublic errors: string[] = [];\n\n\tconstructor(public readonly props: FormControlProperties) { }\n\n\tget key() { return this.props.key }\n\n}"]}

package/dist/model/formModel.d.ts

@@ -0,0 +1,17 @@
+import { FormColumn, FormOptions, FormRow, FormSettings } from "../types";
+import { FormControlModel } from "./formControlModel";
+export declare class FormModel {
+    options: FormOptions;
+    controls: FormControlModel[][];
+    rows: FormRow[];
+    columns: FormColumn[];
+    private _rowCount;
+    private _colCount;
+    get rowCount(): number;
+    get colCount(): number;
+    readonly controlMap: Map<string, FormControlModel>;
+    get(key: string): FormControlModel;
+    constructor(sourceData: FormSettings);
+    populate(sourceData: FormSettings): void;
+}
+//# sourceMappingURL=formModel.d.ts.map

package/dist/model/formModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formModel.d.ts","sourceRoot":"","sources":["../../src/model/formModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qBAAa,SAAS;IAErB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAC/B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IAEtB,IAAI,QAAQ,WAA4B;IACxC,IAAI,QAAQ,WAA4B;IAExC,SAAgB,UAAU,gCAAuC;IAEjE,GAAG,CAAC,GAAG,EAAE,MAAM;gBAEH,UAAU,EAAE,YAAY;IAIpC,QAAQ,CAAC,UAAU,EAAE,YAAY;CA+BjC"}

package/dist/model/formModel.js

@@ -0,0 +1,42 @@
+import { FormControlModel } from "./formControlModel";
+export class FormModel {
+    get rowCount() { return this._rowCount; }
+    get colCount() { return this._colCount; }
+    get(key) { return this.controlMap.get(key); }
+    constructor(sourceData) {
+        this._rowCount = 0;
+        this._colCount = 0;
+        this.controlMap = new Map();
+        this.populate(sourceData);
+    }
+    populate(sourceData) {
+        this.options = sourceData.options ?? {};
+        this.controlMap.clear();
+        this.controls = [];
+        this.rows = sourceData.rows || [];
+        this.columns = sourceData.columns || [];
+        this._rowCount = this.rows.length;
+        this._colCount = this.columns.length;
+        sourceData.controls.forEach(c => {
+            this._rowCount = Math.max(this._rowCount, c.row + 1);
+            this._colCount = Math.max(this._colCount, c.col + 1);
+            if (this._rowCount > this.rows.length)
+                this.rows.push({});
+            if (this._colCount > this.columns.length)
+                this.columns.push({});
+            c.key = c.key ?? ((c.row * this._colCount) + c.col).toString();
+            this.controlMap.set(c.key, new FormControlModel(c));
+        });
+        this.controls = [...Array(this.rowCount)].map(() => Array(this.colCount));
+        this.controlMap.forEach(c => {
+            this.controls[c.props.row][c.props.col] = c;
+            if (c.props.dependsOn) {
+                this.controlMap.get(c.props.dependsOn).dependencies.push(c);
+            }
+            if (c.props.for && this.controlMap.get(c.props.for)?.props.required) {
+                c.props.required = true;
+            }
+        });
+    }
+}
+//# sourceMappingURL=formModel.js.map

package/dist/model/formModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formModel.js","sourceRoot":"","sources":["../../src/model/formModel.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormColumn, FormOptions, FormRow, FormSettings } from \"../types\";\nimport { FormControlModel } from \"./formControlModel\";\n\nexport class FormModel {\n\n\toptions: FormOptions;\n\tcontrols: FormControlModel[][];\n\trows: FormRow[];\n\tcolumns: FormColumn[];\n\n\tprivate _rowCount = 0;\n\tprivate _colCount = 0;\n\n\tget rowCount() { return this._rowCount }\n\tget colCount() { return this._colCount }\n\n\tpublic readonly controlMap = new Map<string, FormControlModel>();\n\n\tget(key: string) { return this.controlMap.get(key) }\n\n\tconstructor(sourceData: FormSettings) {\n\t\tthis.populate(sourceData);\n\t}\n\n\tpopulate(sourceData: FormSettings) {\n\t\tthis.options = sourceData.options ?? {};\n\t\tthis.controlMap.clear();\n\t\tthis.controls = [];\n\t\tthis.rows = sourceData.rows || [];\n\t\tthis.columns = sourceData.columns || [];\n\t\tthis._rowCount = this.rows.length;\n\t\tthis._colCount = this.columns.length;\n\n\t\tsourceData.controls.forEach(c => {\n\t\t\tthis._rowCount = Math.max(this._rowCount, c.row + 1);\n\t\t\tthis._colCount = Math.max(this._colCount, c.col + 1);\n\t\t\tif (this._rowCount > this.rows.length) this.rows.push({});\n\t\t\tif (this._colCount > this.columns.length) this.columns.push({});\n\t\t\tc.key = c.key ?? ((c.row * this._colCount) + c.col).toString();\n\t\t\tthis.controlMap.set(c.key, new FormControlModel(c));\n\t\t});\n\n\t\tthis.controls = [...Array(this.rowCount)].map(() => Array(this.colCount));\n\t\tthis.controlMap.forEach(c => {\n\t\t\tthis.controls[c.props.row][c.props.col] = c\n\t\t\tif (c.props.dependsOn) {\n\t\t\t\tthis.controlMap.get(c.props.dependsOn).dependencies.push(c);\n\t\t\t}\n\n\t\t\tif (c.props.for && this.controlMap.get(c.props.for)?.props.required) {\n\t\t\t\tc.props.required = true;\n\t\t\t}\n\t\t});\n\t}\n\n}"]}

package/dist/model/index.d.ts

@@ -0,0 +1,4 @@
+export * from './formAdapter';
+export * from './formModel';
+export * from './formControlModel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

package/dist/model/index.js

@@ -0,0 +1,4 @@
+export * from './formAdapter';
+export * from './formModel';
+export * from './formControlModel';
+//# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './formAdapter';\nexport * from './formModel';\nexport * from './formControlModel';"]}

package/dist/options.d.ts

@@ -0,0 +1,3 @@
+import { FormContainerOptions } from './types';
+export declare function initOptions(options?: Partial<FormContainerOptions>, origOptions?: FormContainerOptions): FormContainerOptions;
+//# sourceMappingURL=options.d.ts.map

package/dist/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAU/C,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,WAAW,GAAE,oBAA2B,GAAG,oBAAoB,CAOnI"}

package/dist/options.js

@@ -0,0 +1,17 @@
+import { initCommonOptions } from "@omegagrid/core";
+const DEFAULT_OPTIONS = {
+    caption: null,
+    buttonsPosition: 'bottom',
+    alertsPosition: 'bottom',
+    buttons: [],
+    closeAfterSave: true
+};
+export function initOptions(options, origOptions = null) {
+    return {
+        ...initCommonOptions(options, origOptions),
+        ...DEFAULT_OPTIONS,
+        ...origOptions,
+        ...options,
+    };
+}
+//# sourceMappingURL=options.js.map

package/dist/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,eAAe,GAAkC;IACtD,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,QAAQ;IACzB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,EAAE;IACX,cAAc,EAAE,IAAI;CACpB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,OAAuC,EAAE,cAAoC,IAAI;IAC5G,OAAO;QACN,GAAG,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC1C,GAAG,eAAe;QAClB,GAAG,WAAW;QACd,GAAG,OAAO;KACV,CAAC;AACH,CAAC","sourcesContent":["import { initCommonOptions } from \"@omegagrid/core\";\nimport { FormContainerOptions } from './types';\n\nconst DEFAULT_OPTIONS: Partial<FormContainerOptions> = {\n\tcaption: null,\n\tbuttonsPosition: 'bottom',\n\talertsPosition: 'bottom',\n\tbuttons: [],\n\tcloseAfterSave: true\n};\n\nexport function initOptions(options?: Partial<FormContainerOptions>, origOptions: FormContainerOptions = null): FormContainerOptions {\n\treturn {\n\t\t...initCommonOptions(options, origOptions),\n\t\t...DEFAULT_OPTIONS,\n\t\t...origOptions,\n\t\t...options,\n\t};\n}"]}

package/dist/types.d.ts

@@ -0,0 +1,99 @@
+import { ComponentAdapter, CommonOptions, ColorTypes, AlertType, VerticalPosition, IconSpec } from "@omegagrid/core";
+import { TreeAdapter } from "@omegagrid/tree";
+export declare enum FormControlType {
+    TextInput = "text",
+    Button = "button",
+    NumericInput = "number",
+    DateInput = "date",
+    CalendarDateInput = "calendar",
+    Checkbox = "checkbox",
+    Label = "label",
+    List = "list",
+    ColorInput = "color",
+    FileInput = "file"
+}
+export type ValidationResult = {
+    valid: boolean;
+    message?: string;
+};
+export type FormControlProperties = {
+    /** Row index within form grid */
+    row: number;
+    /** Column index within form grid */
+    col: number;
+    /** Unique field identifier */
+    key?: string;
+    /** Key of bound form control */
+    for?: string;
+    /** Value validation pattern */
+    pattern?: RegExp;
+    /** Form control type */
+    type?: FormControlType;
+    /** Required field */
+    required?: boolean;
+    /** Readonly control */
+    readOnly?: boolean;
+    /** Current control value */
+    value?: unknown;
+    /** Key of parent element */
+    dependsOn?: string;
+    /** Component adapter where applicable (eg. TreeSelect) */
+    adapter?: ComponentAdapter;
+    /** Component item definition */
+    content?: unknown;
+    /** colspan */
+    cs?: number;
+    /** rowspan */
+    rs?: number;
+    /** control-specific options */
+    options?: Record<string, unknown>;
+    placeholder?: string;
+    caption?: string;
+    /** validation callback */
+    validate?: (value: unknown, props: FormControlProperties) => ValidationResult | boolean | Promise<ValidationResult | boolean>;
+};
+export type FormAlert = {
+    text: string;
+    type: AlertType;
+};
+export type FormRow = {
+    height?: number;
+};
+export type FormColumn = {
+    width?: number;
+};
+export type FormGridModel = {
+    rows: FormRow[];
+    columns: FormColumn[];
+};
+export type FormOptions = {
+    treeAdapter?: TreeAdapter;
+};
+export type FormContainerOptions = {
+    caption?: string;
+    buttonsPosition?: VerticalPosition;
+    alertsPosition?: VerticalPosition;
+    buttons?: FormButtonType[];
+    formOptions?: FormOptions;
+    closeAfterSave?: boolean;
+} & CommonOptions;
+export type FormSettings = {
+    key?: string | number;
+    caption?: string;
+    treeAdapter?: TreeAdapter;
+    controls?: FormControlProperties[];
+    columns?: FormColumn[];
+    rows?: FormRow[];
+    options?: FormOptions;
+};
+export type FormButtonConfig = {
+    key?: string;
+    icon?: IconSpec | string;
+    text: string;
+    default?: boolean;
+    color?: ColorTypes;
+};
+export type FormButtonType = "save" | "reset" | "validate" | "storno" | "close" | FormButtonConfig;
+export type FormAction = FormButtonType;
+export type FormValues = Record<string, unknown>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/types.js

@@ -0,0 +1,14 @@
+export var FormControlType;
+(function (FormControlType) {
+    FormControlType["TextInput"] = "text";
+    FormControlType["Button"] = "button";
+    FormControlType["NumericInput"] = "number";
+    FormControlType["DateInput"] = "date";
+    FormControlType["CalendarDateInput"] = "calendar";
+    FormControlType["Checkbox"] = "checkbox";
+    FormControlType["Label"] = "label";
+    FormControlType["List"] = "list";
+    FormControlType["ColorInput"] = "color";
+    FormControlType["FileInput"] = "file";
+})(FormControlType || (FormControlType = {}));
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,eAWX;AAXD,WAAY,eAAe;IAC1B,qCAAkB,CAAA;IAClB,oCAAiB,CAAA;IACjB,0CAAuB,CAAA;IACvB,qCAAkB,CAAA;IAClB,iDAA8B,CAAA;IAC9B,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,gCAAa,CAAA;IACb,uCAAoB,CAAA;IACpB,qCAAkB,CAAA;AACnB,CAAC,EAXW,eAAe,KAAf,eAAe,QAW1B","sourcesContent":["import { ComponentAdapter, CommonOptions, ColorTypes, AlertType, VerticalPosition, IconSpec } from \"@omegagrid/core\";\nimport { TreeAdapter } from \"@omegagrid/tree\";\n\nexport enum FormControlType {\n\tTextInput = 'text',\n\tButton = 'button',\n\tNumericInput = 'number',\n\tDateInput = 'date',\n\tCalendarDateInput = 'calendar',\n\tCheckbox = 'checkbox',\n\tLabel = 'label',\n\tList = 'list',\n\tColorInput = 'color',\n\tFileInput = 'file',\n}\n\nexport type ValidationResult = {\n\tvalid: boolean;\n\tmessage?: string;\n};\n\nexport type FormControlProperties = {\n\t/** Row index within form grid */\n\trow: number,\n\t/** Column index within form grid */\n\tcol: number,\n\t/** Unique field identifier */\n\tkey?: string,\n\t/** Key of bound form control */\n\tfor?: string,\n\t/** Value validation pattern */\n\tpattern?: RegExp,\n\t/** Form control type */\n\ttype?: FormControlType,\n\t/** Required field */\n\trequired?: boolean,\n\t/** Readonly control */\n\treadOnly?: boolean,\n\t/** Current control value */\n\tvalue?: unknown,\n\t/** Key of parent element */\n\tdependsOn?: string,\n\t/** Component adapter where applicable (eg. TreeSelect) */\n\tadapter?: ComponentAdapter,\n\t/** Component item definition */\n\tcontent?: unknown,\n\t/** colspan */\n\tcs?: number,\n\t/** rowspan */\n\trs?: number,\n\t/** control-specific options */\n\toptions?: Record<string, unknown>,\n\tplaceholder?: string,\n\tcaption?: string,\n\n\t/** validation callback */\n\tvalidate?: (value: unknown, props: FormControlProperties) => ValidationResult|boolean|Promise<ValidationResult|boolean>,\n};\n\nexport type FormAlert = {\n\ttext: string,\n\ttype: AlertType\n};\n\nexport type FormRow = {\n\theight?: number\n}\n\nexport type FormColumn = {\n\twidth?: number\n}\n\nexport type FormGridModel = {\n\trows: FormRow[],\n\tcolumns: FormColumn[],\n}\n\nexport type FormOptions = {\n\ttreeAdapter?: TreeAdapter\n}\n\nexport type FormContainerOptions = {\n\tcaption?: string,\n\tbuttonsPosition?: VerticalPosition,\n\talertsPosition?: VerticalPosition,\n\tbuttons?: FormButtonType[],\n\tformOptions?: FormOptions,\n\tcloseAfterSave?: boolean\n} & CommonOptions;\n\nexport type FormSettings = {\n\tkey?: string|number,\n\tcaption?: string,\n\ttreeAdapter?: TreeAdapter,\n\tcontrols?: FormControlProperties[],\n\tcolumns?: FormColumn[],\n\trows?: FormRow[],\n\toptions?: FormOptions\n}\n\nexport type FormButtonConfig = {\n\tkey?: string,\n\ticon?: IconSpec|string,\n\ttext: string,\n\tdefault?: boolean,\n\tcolor?: ColorTypes\n}\n\nexport type FormButtonType = \"save\"|\"reset\"|\"validate\"|\"storno\"|\"close\"|FormButtonConfig;\n\nexport type FormAction = FormButtonType;\n\nexport type FormValues = Record<string, unknown>;"]}

package/dist/ui/controls/baseControl.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { ComponentAdapter } from '@omegagrid/core';
+import { FormControlModel, FormModel } from '../../model';
+export declare class ControlEvent<TValue> extends Event {
+    readonly model: FormControlModel;
+    readonly value: TValue;
+    constructor(type: string, model: FormControlModel, value: TValue);
+}
+export interface IControl<TValue = unknown, TAdapter extends ComponentAdapter = null> extends HTMLElement {
+    model: FormControlModel;
+    adapter: TAdapter;
+    value: TValue;
+    reset(dispatchEvent?: boolean): Promise<void>;
+    validate(): Promise<void>;
+    get isValid(): boolean;
+}
+export declare abstract class BaseControl<TValue = unknown, TAdapter extends ComponentAdapter = null> extends LitElement implements IControl<TValue, TAdapter> {
+    static styles: import("lit").CSSResult[];
+    model: FormControlModel;
+    formModel: FormModel;
+    adapter: TAdapter;
+    private _value;
+    get value(): TValue;
+    set value(value: TValue);
+    required: boolean;
+    protected updateValue(value: TValue, dispatchEvent?: boolean): Promise<void>;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): void;
+    reset(dispatchEvent?: boolean): Promise<void>;
+    validate(): Promise<void>;
+    get isValid(): boolean;
+}
+//# sourceMappingURL=baseControl.d.ts.map

package/dist/ui/controls/baseControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseControl.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/baseControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG1D,qBAAa,YAAY,CAAC,MAAM,CAAE,SAAQ,KAAK;aAG7B,KAAK,EAAE,gBAAgB;aACvB,KAAK,EAAE,MAAM;gBAF7B,IAAI,EAAE,MAAM,EACI,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,MAAM;CAI9B;AAED,MAAM,WAAW,QAAQ,CAAC,MAAM,GAAG,OAAO,EAAE,QAAQ,SAAS,gBAAgB,GAAG,IAAI,CAAE,SAAQ,WAAW;IACxG,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,QAAQ,IAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,OAAO,IAAK,OAAO,CAAC;CACxB;AAED,8BAAsB,WAAW,CAAC,MAAM,GAAG,OAAO,EAAE,QAAQ,SAAS,gBAAgB,GAAG,IAAI,CAC3F,SAAQ,UAAW,YAAW,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAExD,MAAM,CAAC,MAAM,4BAcV;IAGH,KAAK,EAAE,gBAAgB,CAAC;IAGxB,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,EAAE,QAAQ,CAAC;IAElB,OAAO,CAAC,MAAM,CAAgB;IAC9B,IACI,KAAK,IACQ,MAAM,CADY;IACnC,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAGD,QAAQ,UAAS;cAED,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAO;IAQ/D,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IASnD,KAAK,CAAC,aAAa,UAAO;IAM1B,QAAQ;IAgBd,IAAI,OAAO,YAA2C;CAEtD"}

package/dist/ui/controls/baseControl.js

@@ -0,0 +1,97 @@
+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;
+};
+import { css, LitElement } from 'lit';
+import { property } from "lit/decorators.js";
+export class ControlEvent extends Event {
+    constructor(type, model, value) {
+        super(type, { bubbles: true, cancelable: true, composed: true });
+        this.model = model;
+        this.value = value;
+    }
+}
+export class BaseControl extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._value = null;
+        this.required = false;
+    }
+    get value() { return this._value; }
+    set value(value) {
+        const oldValue = this._value;
+        this._value = value;
+        if (oldValue !== value) {
+            this.requestUpdate('value', oldValue);
+        }
+    }
+    async updateValue(value, dispatchEvent = true) {
+        this._value = value;
+        await this.validate();
+        if (dispatchEvent) {
+            this.dispatchEvent(new ControlEvent('change', this.model, value));
+        }
+    }
+    willUpdate(changedProps) {
+        if (changedProps.has('model')) {
+            if (this.value === null) {
+                this.value = this.model.props.value;
+            }
+            this.required = this.model.props.required;
+        }
+    }
+    async reset(dispatchEvent = true) {
+        const oldValue = this._value;
+        await this.updateValue(this.model.props.value, dispatchEvent);
+        this.requestUpdate('value', oldValue);
+    }
+    async validate() {
+        if (!this.model)
+            return;
+        this.model.errors = [];
+        if (this.required && (this.value == null || this.value === '')) {
+            this.model.errors = ['this field is required'];
+        }
+        else if (this.model.props?.validate) {
+            const result = await this.model.props.validate(this.value, this.model.props);
+            const validationResult = typeof result == 'boolean' ? { valid: result } : result;
+            if (!validationResult.valid) {
+                this.model.errors.push(validationResult.message || 'Invalid value');
+            }
+        }
+    }
+    get isValid() { return this.model.errors.length == 0; }
+}
+BaseControl.styles = [css `
+		:host {
+			display: block;
+			box-sizing: border-box;
+		}
+
+		* {
+			box-sizing: border-box;
+		}
+
+		:host([required]) {
+			border: 2px solid var(--og-accent-color);
+			border-radius: var(--og-base-radius);
+		}
+	`];
+__decorate([
+    property({ type: Object })
+], BaseControl.prototype, "model", void 0);
+__decorate([
+    property({ type: Object })
+], BaseControl.prototype, "formModel", void 0);
+__decorate([
+    property({ type: Object })
+], BaseControl.prototype, "adapter", void 0);
+__decorate([
+    property({ type: Object })
+], BaseControl.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BaseControl.prototype, "required", void 0);
+//# sourceMappingURL=baseControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"baseControl.js","sourceRoot":"","sources":["../../../src/ui/controls/baseControl.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, LitElement } from 'lit';\nimport { property } from \"lit/decorators.js\";\nimport { ComponentAdapter } from '@omegagrid/core';\nimport { FormControlModel, FormModel } from '../../model';\nimport { ValidationResult } from '../../types';\n\nexport class ControlEvent<TValue> extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly model: FormControlModel,\n\t\tpublic readonly value: TValue\n\t) {\n\t\tsuper(type, {bubbles: true, cancelable: true, composed: true});\n\t}\n}\n\nexport interface IControl<TValue = unknown, TAdapter extends ComponentAdapter = null> extends HTMLElement {\n\tmodel: FormControlModel;\n\tadapter: TAdapter;\n\tvalue: TValue;\n\treset(dispatchEvent?: boolean): Promise<void>;\n\tvalidate() : Promise<void>;\n\tget isValid() : boolean;\n}\n\nexport abstract class BaseControl<TValue = unknown, TAdapter extends ComponentAdapter = null> \n\textends LitElement implements IControl<TValue, TAdapter> {\n\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host([required]) {\n\t\t\tborder: 2px solid var(--og-accent-color);\n\t\t\tborder-radius: var(--og-base-radius);\n\t\t}\n\t`];\n\n\t@property({type: Object})\n\tmodel: FormControlModel;\n\n\t@property({type: Object})\n\tformModel: FormModel;\n\n\t@property({type: Object})\n\tadapter: TAdapter;\n\n\tprivate _value: TValue = null;\n\t@property({type: Object})\n\tget value() { return this._value; }\n\tset value(value: TValue) {\n\t\tconst oldValue = this._value;\n\t\tthis._value = value;\n\t\tif (oldValue !== value) {\n\t\t\tthis.requestUpdate('value', oldValue);\n\t\t}\n\t}\n\t\n\t@property({type: Boolean, reflect: true})\n\trequired = false;\n\n\tprotected async updateValue(value: TValue, dispatchEvent = true) {\n\t\tthis._value = value;\n\t\tawait this.validate();\n\t\tif (dispatchEvent) {\n\t\t\tthis.dispatchEvent(new ControlEvent<TValue>('change', this.model, value));\n\t\t}\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>): void {\n\t\tif (changedProps.has('model')) {\n\t\t\tif (this.value === null) {\n\t\t\t\tthis.value = this.model.props.value as TValue;\n\t\t\t}\n\t\t\tthis.required = this.model.props.required;\n\t\t}\n\t}\n\n\tasync reset(dispatchEvent = true) {\n\t\tconst oldValue = this._value;\n\t\tawait this.updateValue(this.model.props.value as TValue, dispatchEvent);\n\t\tthis.requestUpdate('value', oldValue);\n\t}\n\n\tasync validate() {\n\t\tif (!this.model) return;\n\n\t\tthis.model.errors = [];\n\n\t\tif (this.required && (this.value == null || this.value === '')) {\n\t\t\tthis.model.errors = ['this field is required'];\n\t\t} else if (this.model.props?.validate) {\n\t\t\tconst result = await this.model.props.validate(this.value, this.model.props);\n\t\t\tconst validationResult = typeof result == 'boolean' ? {valid: result} as ValidationResult : result;\n\t\t\tif (!validationResult.valid) {\n\t\t\t\tthis.model.errors.push(validationResult.message || 'Invalid value');\n\t\t\t}\n\t\t}\n\t}\n\n\tget isValid() { return this.model.errors.length == 0 }\n\t\n}"]}

package/dist/ui/controls/button.d.ts

@@ -0,0 +1,16 @@
+import { Button as CoreButton } from "@omegagrid/core";
+import { FormControlModel } from "../../model";
+import { IControl } from "./baseControl";
+export declare class FormButton extends CoreButton implements IControl<string> {
+    static styles: import("lit").CSSResult[];
+    model: FormControlModel;
+    adapter: null;
+    value: string;
+    constructor();
+    protected updateValue(value: string, dispatchEvent?: boolean): void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    reset(): Promise<void>;
+    validate(): Promise<void>;
+    get isValid(): boolean;
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/ui/controls/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,IAAI,UAAU,EAAmB,MAAM,iBAAiB,CAAC;AAGnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEvD,qBAEa,UAAW,SAAQ,UAAW,YAAW,QAAQ,CAAC,MAAM,CAAC;IAErE,MAAM,CAAC,MAAM,4BAKV;IAGH,KAAK,EAAE,gBAAgB,CAAC;IAGxB,OAAO,EAAE,IAAI,CAAC;IAGd,KAAK,EAAE,MAAM,CAAQ;;IAUrB,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAO;IASzD,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAuB5C,KAAK;IAIL,QAAQ;IAId,IAAI,OAAO,YAA4C;CAEvD"}