@omegagrid/form 0.10.0 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/form",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "license": "UNLICENSED",
   "description": "Universal form component",
   "main": "./dist/index.js",
@@ -27,10 +27,10 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/calendar": "^0.10.0",
-    "@omegagrid/core": "^0.10.0",
-    "@omegagrid/localize": "^0.10.0",
-    "@omegagrid/tree": "^0.10.0",
+    "@omegagrid/calendar": "^0.10.2",
+    "@omegagrid/core": "^0.10.2",
+    "@omegagrid/localize": "^0.10.2",
+    "@omegagrid/tree": "^0.10.2",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",
     "ts-debounce": "^4.0.0"

package/dist/constants.d.ts

@@ -1,52 +0,0 @@
-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

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

@@ -1,15 +0,0 @@
-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

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

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

package/dist/index.d.ts.map

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

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

package/dist/index.js.map

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

@@ -1,14 +0,0 @@
-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

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

@@ -1,21 +0,0 @@
-/* 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

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

@@ -1,9 +0,0 @@
-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

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

@@ -1,9 +0,0 @@
-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

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

@@ -1,17 +0,0 @@
-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

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

@@ -1,42 +0,0 @@
-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

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

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

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

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

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

package/dist/model/index.js.map

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

@@ -1,3 +0,0 @@
-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

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

@@ -1,17 +0,0 @@
-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

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

@@ -1,99 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACrH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,eAAe;IAC1B,SAAS,SAAS;IAClB,MAAM,WAAW;IACjB,YAAY,WAAW;IACvB,SAAS,SAAS;IAClB,iBAAiB,aAAa;IAC9B,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,UAAU,UAAU;IACpB,SAAS,SAAS;CAClB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAqB,KAAK,gBAAgB,GAAC,OAAO,GAAC,OAAO,CAAC,gBAAgB,GAAC,OAAO,CAAC,CAAC;CACxH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAA;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACxB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,YAAY,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAC,OAAO,GAAC,UAAU,GAAC,QAAQ,GAAC,OAAO,GAAC,gBAAgB,CAAC;AAEzF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/types.js

@@ -1,14 +0,0 @@
-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

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

@@ -1,32 +0,0 @@
-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

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

@@ -1,97 +0,0 @@
-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

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

@@ -1,16 +0,0 @@
-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

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