@easydata/crud 1.4.13 → 1.4.18

package/dist/lib/form/entity_form_builder.js

@@ -1,441 +1,441 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { DataRow, DataType, EasyDataTable, EditorTag, EntityAttrKind, i18n, utils as dataUtils, ValueEditor } from '@easydata/core';
-import { browserUtils, DefaultDateTimePicker, DefaultDialogService, domel, EasyGrid } from '@easydata/ui';
-import * as crudUtils from '../utils/utils';
-import { EntityEditForm } from './entity_edit_form';
-import { TextFilterWidget } from '../widgets/text_filter_widget';
-var isIE = browserUtils.IsIE();
-var EntityEditFormBuilder = /** @class */ (function () {
-    function EntityEditFormBuilder(context, params) {
-        this.context = context;
-        this.params = params;
-        this.params = params || {};
-        this.reset();
-    }
-    EntityEditFormBuilder.prototype.reset = function () {
-        this.form = new EntityEditForm(this.context);
-    };
-    EntityEditFormBuilder.prototype.setupLookupField = function (parent, attr, readOnly, value) {
-        var _this = this;
-        var lookupEntity = this.context.getMetaData().getRootEntity()
-            .subEntities.filter(function (ent) { return ent.id == attr.lookupEntity; })[0];
-        var dataAttr = this.context.getMetaData().getAttributeById(attr.dataAttr);
-        if (!dataAttr)
-            return;
-        readOnly = readOnly || !dataAttr.isEditable;
-        value = this.params.values
-            ? this.params.values.getValue(dataAttr.id)
-            : undefined;
-        var horizClass = isIE
-            ? 'kfrm-fields-ie is-horizontal'
-            : 'kfrm-fields is-horizontal';
-        var inputEl;
-        domel(parent)
-            .addChild('div', function (b) {
-            b
-                .addClass(horizClass)
-                .addChild('input', function (b) {
-                inputEl = b.toDOM();
-                b.attr('readonly', '');
-                b.name(dataAttr.id);
-                b.type(_this.resolveInputType(dataAttr.dataType));
-                b.value(dataUtils.IsDefinedAndNotNull(value)
-                    ? value.toString() : '');
-            });
-            if (!readOnly)
-                b.addChild('button', function (b) { return b
-                    .addClass('kfrm-button')
-                    .attr('title', i18n.getText('NavigationBtnTitle'))
-                    .addText('...')
-                    .on('click', function (ev) {
-                    var lookupTable = new EasyDataTable({
-                        loader: {
-                            loadChunk: function (chunkParams) { return _this.context.getDataLoader()
-                                .loadChunk(__assign(__assign({}, chunkParams), { id: lookupEntity.id })); }
-                        }
-                    });
-                    _this.context.getDataLoader()
-                        .loadChunk({ offset: 0, limit: 1000, needTotal: true, sourceId: lookupEntity.id })
-                        .then(function (data) {
-                        var _a;
-                        var _loop_1 = function (col) {
-                            var attrs = lookupEntity.attributes.filter(function (attr) {
-                                return attr.id == col.id && (attr.isPrimaryKey || attr.showInLookup);
-                            });
-                            if (attrs.length) {
-                                lookupTable.columns.add(col);
-                            }
-                        };
-                        for (var _i = 0, _b = data.table.columns.getItems(); _i < _b.length; _i++) {
-                            var col = _b[_i];
-                            _loop_1(col);
-                        }
-                        lookupTable.setTotal(data.total);
-                        for (var _c = 0, _d = data.table.getCachedRows(); _c < _d.length; _c++) {
-                            var row = _d[_c];
-                            lookupTable.addRow(row);
-                        }
-                        var ds = new DefaultDialogService();
-                        var gridSlot = null;
-                        var selectedSlot = null;
-                        var widgetSlot;
-                        var slot = domel('div')
-                            .addClass("kfrm-form")
-                            .addChild('div', function (b) { return b
-                            .addClass("kfrm-field")
-                            .addChild('label', function (b) { return b
-                            .addText(i18n.getText('LookupSelectedItem'))
-                            .toDOM(); })
-                            .addChild('div', function (b) { return selectedSlot = b
-                            .addText('None')
-                            .toDOM(); }); })
-                            .addChild('div', function (b) { return widgetSlot = b.toDOM(); })
-                            .addChild('div', function (b) { return b
-                            .addClass('kfrm-control')
-                            .addChild('div', function (b) { return gridSlot = b.toDOM(); }); })
-                            .toDOM();
-                        var selectedValue = inputEl.value;
-                        var getValue = function (row, colId) {
-                            if (row instanceof DataRow) {
-                                return row.getValue(colId);
-                            }
-                            var property = colId.substring(colId.lastIndexOf('.') + 1);
-                            return row[property];
-                        };
-                        var updateSelectedValue = function (row) {
-                            selectedSlot.innerHTML = lookupTable.columns
-                                .getItems()
-                                .map(function (col) {
-                                return "<b>" + col.label + ":</b> " + getValue(row, col.id);
-                            })
-                                .join(', ');
-                        };
-                        if (selectedValue) {
-                            var attr_1 = lookupEntity.getFirstPrimaryAttr();
-                            var key = attr_1.id.substring(attr_1.id.lastIndexOf('.') + 1);
-                            _this.context.fetchRecord((_a = {}, _a[key] = selectedValue, _a), lookupEntity.id)
-                                .then(function (data) {
-                                if (data.entity) {
-                                    updateSelectedValue(data.entity);
-                                }
-                            })
-                                .catch(function (error) {
-                                console.error(error);
-                            });
-                        }
-                        var lookupGrid = new EasyGrid({
-                            slot: gridSlot,
-                            dataTable: lookupTable,
-                            fixHeightOnFirstRender: true,
-                            paging: {
-                                pageSize: 10
-                            },
-                            onActiveRowChanged: function (ev) {
-                                lookupGrid.getData().getRow(ev.rowIndex)
-                                    .then(function (row) {
-                                    selectedValue = row.getValue(attr.lookupDataAttr);
-                                    updateSelectedValue(row);
-                                });
-                            }
-                        });
-                        ds.open({
-                            title: i18n.getText('LookupDlgCaption')
-                                .replace('{entity}', lookupEntity.caption),
-                            body: slot,
-                            arrangeParents: true,
-                            beforeOpen: function () {
-                                var dataFilter = _this.context.createFilter(lookupEntity.id, lookupGrid.getData(), true);
-                                new TextFilterWidget(widgetSlot, lookupGrid, dataFilter, { instantMode: true, focus: true });
-                            },
-                            onSubmit: function () {
-                                inputEl.value = selectedValue;
-                                return true;
-                            },
-                            onDestroy: function () {
-                                lookupGrid.destroy();
-                                // return focus on button
-                                b.toDOM().focus();
-                            }
-                        });
-                    });
-                }); });
-        });
-    };
-    EntityEditFormBuilder.prototype.setupDateTimeField = function (parent, attr, value, readOnly, hidden) {
-        var _this = this;
-        var horizClass = isIE
-            ? 'kfrm-fields-ie is-horizontal'
-            : 'kfrm-fields is-horizontal';
-        var editFormat = crudUtils.getEditDateTimeFormat(attr.dataType);
-        var inputEl;
-        var btnEl;
-        var mask = editFormat
-            .replace('yyyy', '9999')
-            .replace('MM', '99')
-            .replace('dd', '99')
-            .replace('HH', '99')
-            .replace('mm', '99')
-            .replace('ss', '99');
-        domel(parent)
-            .addChild('div', function (b) {
-            b
-                .addClass(horizClass)
-                .addChild('input', function (b) {
-                inputEl = b.toDOM();
-                b.name(attr.id);
-                b.type(hidden ? 'hidden' : _this.resolveInputType(attr.dataType));
-                if (readOnly) {
-                    b.attr('readonly', '');
-                }
-                else {
-                    b.mask(mask);
-                    b.on('keypress', function (ev) { return _this.applySumbit(ev); })
-                        .on('input', function (ev) {
-                        b.removeClass('is-invalid');
-                        try {
-                            var newDate = dataUtils.strToDateTime(inputEl.value, editFormat);
-                        }
-                        catch (e) {
-                            b.addClass('is-invalid');
-                        }
-                        finally {
-                        }
-                    })
-                        .on('blur', function (ev) {
-                        if (inputEl.value === mask.replace(/[9]/g, '_')) {
-                            inputEl.value = '';
-                        }
-                    });
-                }
-                b.value((dataUtils.IsDefinedAndNotNull(value)
-                    ? dataUtils.dateTimeToStr(value, editFormat)
-                    : ''));
-            });
-            if (!readOnly)
-                b.addChild('button', function (b) { return btnEl = b
-                    .addClass('kfrm-button')
-                    .attr('title', i18n.getText(attr.dataType !== DataType.Time
-                    ? 'CalendarBtnTitle'
-                    : 'TimerBtnTitle'))
-                    .addChild('i', function (b) { return b.addClass(attr.dataType !== DataType.Time
-                    ? 'ed-calendar-icon'
-                    : 'ed-timer-icon'); })
-                    .on('click', function (ev) {
-                    var value;
-                    try {
-                        value = inputEl.value.length
-                            ? attr.dataType !== DataType.Time
-                                ? dataUtils.strToDateTime(inputEl.value, editFormat)
-                                : dataUtils.strToTime(inputEl.value)
-                            : new Date(new Date().setSeconds(0));
-                    }
-                    catch (_a) {
-                        value = new Date(new Date().setSeconds(0));
-                    }
-                    var pickerOptions = {
-                        zIndex: 9999999999,
-                        showCalendar: attr.dataType !== DataType.Time,
-                        showTimePicker: attr.dataType !== DataType.Date,
-                        onApply: function (dateTime) {
-                            dateTime.setSeconds(0);
-                            dateTime.setMilliseconds(0);
-                            inputEl.value = dataUtils.dateTimeToStr(dateTime, editFormat);
-                        }
-                    };
-                    var dtp = new DefaultDateTimePicker(pickerOptions);
-                    dtp.setDateTime(value);
-                    dtp.show(ev.target);
-                }).toDOM(); });
-        });
-    };
-    EntityEditFormBuilder.prototype.setupListField = function (parent, attr, value, values, readOnly) {
-        var _this = this;
-        domel(parent)
-            .addChild('div', function (b) { return b
-            .addClass('kfrm-select full-width')
-            .addChild('select', function (b) {
-            if (readOnly)
-                b.attr('readonly', '');
-            b.attr('name', attr.id);
-            b.on('keypress', function (ev) { return _this.applySumbit(ev); });
-            if (values) {
-                for (var i = 0; i < values.length; i++) {
-                    var val = values[i];
-                    b.addOption({
-                        value: val.id,
-                        title: val.text,
-                        selected: i === 0
-                    });
-                }
-            }
-            b.value(value);
-        }); });
-    };
-    EntityEditFormBuilder.prototype.setupFileField = function (parent, attr, readOnly, accept) {
-        var _this = this;
-        domel(parent)
-            .addChild('input', function (b) {
-            if (readOnly)
-                b.attr('readonly', '');
-            b.name(attr.id)
-                .type(_this.resolveInputType(attr.dataType));
-            b.attr('accept', accept);
-        });
-    };
-    EntityEditFormBuilder.prototype.setupTextField = function (parent, attr, value, readOnly, hidden) {
-        var _this = this;
-        domel(parent)
-            .addChild('input', function (b) {
-            if (readOnly) {
-                b.attr('readonly', '');
-            }
-            b.type(hidden ? 'hidden' : _this.resolveInputType(attr.dataType));
-            b.name(attr.id)
-                .type(_this.resolveInputType(attr.dataType));
-            if (attr.dataType == DataType.Bool) {
-                if (value)
-                    b.attr('checked', '');
-            }
-            else {
-                b.on('keypress', function (ev) { return _this.applySumbit(ev); })
-                    .value(dataUtils.IsDefinedAndNotNull(value)
-                    ? value.toString()
-                    : '');
-            }
-        });
-    };
-    EntityEditFormBuilder.prototype.setupTextArea = function (parent, attr, value, readOnly) {
-        // feature: modify size in value editor ??
-        domel(parent)
-            .addChild('textarea', function (b) {
-            if (readOnly)
-                b.attr('readonly', '');
-            b.attr('name', attr.id);
-            b.setStyle('height', "120px");
-            b.value(dataUtils.IsDefinedAndNotNull(value)
-                ? value.toString()
-                : '');
-        });
-    };
-    EntityEditFormBuilder.prototype.addFormField = function (parent, attr) {
-        var value = (this.params.values && attr.kind !== EntityAttrKind.Lookup)
-            ? this.params.values.getValue(attr.id)
-            : !this.params.isEditForm
-                ? attr.defaultValue
-                : undefined;
-        var editor = this.resolveEditor(attr);
-        var readOnly = this.params.isEditForm && (attr.isPrimaryKey || !attr.isEditable);
-        var required = !attr.isNullable;
-        if (isIE) {
-            parent = domel('div', parent)
-                .addClass('kfrm-field-ie')
-                .toDOM();
-        }
-        domel(parent)
-            .addChild('label', function (b) {
-            b.attr('for', attr.id);
-            b.addHtml(attr.caption + " " + (required ? '<sup style="color: red">*</sup>' : '') + ": ");
-            if (attr.description) {
-                b.addChild('div', function (b) { return b
-                    .attr('title', attr.description)
-                    .addClass('question-mark')
-                    .setStyle('vertical-align', 'middle')
-                    .setStyle('display', 'inline-block'); });
-            }
-        });
-        var hidden = attr.isPrimaryKey;
-        if (attr.kind === EntityAttrKind.Lookup) {
-            this.setupLookupField(parent, attr, readOnly, value);
-            return;
-        }
-        switch (editor.tag) {
-            case EditorTag.DateTime:
-                this.setupDateTimeField(parent, attr, value, readOnly, hidden);
-                break;
-            case EditorTag.List:
-                this.setupListField(parent, attr, value, editor.values, readOnly);
-                break;
-            case EditorTag.File:
-                this.setupFileField(parent, attr, readOnly, editor.accept);
-                break;
-            case EditorTag.Edit:
-            default:
-                if (editor.multiline) {
-                    this.setupTextArea(parent, attr, value, readOnly);
-                }
-                else {
-                    this.setupTextField(parent, attr, value, readOnly, hidden);
-                }
-                break;
-        }
-    };
-    EntityEditFormBuilder.prototype.resolveInputType = function (dataType) {
-        if (dataType === DataType.Bool)
-            return 'checkbox';
-        if (dataType === DataType.Blob)
-            return 'file';
-        return 'text';
-    };
-    EntityEditFormBuilder.prototype.resolveEditor = function (attr) {
-        var editor = attr.defaultEditor || new ValueEditor();
-        if (editor.tag == EditorTag.Unknown) {
-            if (dataUtils.getDateDataTypes().indexOf(attr.dataType) >= 0) {
-                editor.tag = EditorTag.DateTime;
-            }
-            else {
-                editor.tag = EditorTag.Edit;
-            }
-        }
-        return editor;
-    };
-    EntityEditFormBuilder.prototype.applySumbit = function (ev) {
-        if (ev.keyCode === 13) {
-            this.sumbitCallback && this.sumbitCallback();
-            return false;
-        }
-        return false;
-    };
-    EntityEditFormBuilder.prototype.onSubmit = function (sumbitCallback) {
-        this.sumbitCallback = sumbitCallback;
-        return this;
-    };
-    EntityEditFormBuilder.prototype.build = function () {
-        var fb;
-        var formHtml = domel('div')
-            .addClass('kfrm-form')
-            .addChild('div', function (b) { return b
-            .addClass("errors-block")
-            .toDOM(); })
-            .addChild('div', function (b) {
-            b.addClass("" + (isIE
-                ? 'kfrm-fields-ie col-ie-1-4 label-align-right'
-                : 'kfrm-fields col-a-1 label-align-right'));
-            fb = b;
-        })
-            .toDOM();
-        this.form['setHtmlInt'](formHtml);
-        for (var _i = 0, _a = this.context.getActiveEntity().attributes; _i < _a.length; _i++) {
-            var attr = _a[_i];
-            if (!this.params.isEditForm && !attr.showOnCreate)
-                continue;
-            if (!attr.isPrimaryKey && this.params.isEditForm && !attr.showOnEdit) {
-                continue;
-            }
-            this.addFormField(fb.toDOM(), attr);
-        }
-        return this.form;
-    };
-    return EntityEditFormBuilder;
-}());
-export { EntityEditFormBuilder };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { DataRow, DataType, EasyDataTable, EditorTag, EntityAttrKind, i18n, utils as dataUtils, ValueEditor } from '@easydata/core';
+import { browserUtils, DefaultDateTimePicker, DefaultDialogService, domel, EasyGrid } from '@easydata/ui';
+import * as crudUtils from '../utils/utils';
+import { EntityEditForm } from './entity_edit_form';
+import { TextFilterWidget } from '../widgets/text_filter_widget';
+var isIE = browserUtils.IsIE();
+var EntityEditFormBuilder = /** @class */ (function () {
+    function EntityEditFormBuilder(context, params) {
+        this.context = context;
+        this.params = params;
+        this.params = params || {};
+        this.reset();
+    }
+    EntityEditFormBuilder.prototype.reset = function () {
+        this.form = new EntityEditForm(this.context);
+    };
+    EntityEditFormBuilder.prototype.setupLookupField = function (parent, attr, readOnly, value) {
+        var _this = this;
+        var lookupEntity = this.context.getMetaData().getRootEntity()
+            .subEntities.filter(function (ent) { return ent.id == attr.lookupEntity; })[0];
+        var dataAttr = this.context.getMetaData().getAttributeById(attr.dataAttr);
+        if (!dataAttr)
+            return;
+        readOnly = readOnly || !dataAttr.isEditable;
+        value = this.params.values
+            ? this.params.values.getValue(dataAttr.id)
+            : undefined;
+        var horizClass = isIE
+            ? 'kfrm-fields-ie is-horizontal'
+            : 'kfrm-fields is-horizontal';
+        var inputEl;
+        domel(parent)
+            .addChild('div', function (b) {
+            b
+                .addClass(horizClass)
+                .addChild('input', function (b) {
+                inputEl = b.toDOM();
+                b.attr('readonly', '');
+                b.name(dataAttr.id);
+                b.type(_this.resolveInputType(dataAttr.dataType));
+                b.value(dataUtils.IsDefinedAndNotNull(value)
+                    ? value.toString() : '');
+            });
+            if (!readOnly)
+                b.addChild('button', function (b) { return b
+                    .addClass('kfrm-button')
+                    .attr('title', i18n.getText('NavigationBtnTitle'))
+                    .addText('...')
+                    .on('click', function (ev) {
+                    var lookupTable = new EasyDataTable({
+                        loader: {
+                            loadChunk: function (chunkParams) { return _this.context.getDataLoader()
+                                .loadChunk(__assign(__assign({}, chunkParams), { id: lookupEntity.id })); }
+                        }
+                    });
+                    _this.context.getDataLoader()
+                        .loadChunk({ offset: 0, limit: 1000, needTotal: true, sourceId: lookupEntity.id })
+                        .then(function (data) {
+                        var _a;
+                        var _loop_1 = function (col) {
+                            var attrs = lookupEntity.attributes.filter(function (attr) {
+                                return attr.id == col.id && (attr.isPrimaryKey || attr.showInLookup);
+                            });
+                            if (attrs.length) {
+                                lookupTable.columns.add(col);
+                            }
+                        };
+                        for (var _i = 0, _b = data.table.columns.getItems(); _i < _b.length; _i++) {
+                            var col = _b[_i];
+                            _loop_1(col);
+                        }
+                        lookupTable.setTotal(data.total);
+                        for (var _c = 0, _d = data.table.getCachedRows(); _c < _d.length; _c++) {
+                            var row = _d[_c];
+                            lookupTable.addRow(row);
+                        }
+                        var ds = new DefaultDialogService();
+                        var gridSlot = null;
+                        var selectedSlot = null;
+                        var widgetSlot;
+                        var slot = domel('div')
+                            .addClass("kfrm-form")
+                            .addChild('div', function (b) { return b
+                            .addClass("kfrm-field")
+                            .addChild('label', function (b) { return b
+                            .addText(i18n.getText('LookupSelectedItem'))
+                            .toDOM(); })
+                            .addChild('div', function (b) { return selectedSlot = b
+                            .addText('None')
+                            .toDOM(); }); })
+                            .addChild('div', function (b) { return widgetSlot = b.toDOM(); })
+                            .addChild('div', function (b) { return b
+                            .addClass('kfrm-control')
+                            .addChild('div', function (b) { return gridSlot = b.toDOM(); }); })
+                            .toDOM();
+                        var selectedValue = inputEl.value;
+                        var getValue = function (row, colId) {
+                            if (row instanceof DataRow) {
+                                return row.getValue(colId);
+                            }
+                            var property = colId.substring(colId.lastIndexOf('.') + 1);
+                            return row[property];
+                        };
+                        var updateSelectedValue = function (row) {
+                            selectedSlot.innerHTML = lookupTable.columns
+                                .getItems()
+                                .map(function (col) {
+                                return "<b>".concat(col.label, ":</b> ").concat(getValue(row, col.id));
+                            })
+                                .join(', ');
+                        };
+                        if (selectedValue) {
+                            var attr_1 = lookupEntity.getFirstPrimaryAttr();
+                            var key = attr_1.id.substring(attr_1.id.lastIndexOf('.') + 1);
+                            _this.context.fetchRecord((_a = {}, _a[key] = selectedValue, _a), lookupEntity.id)
+                                .then(function (data) {
+                                if (data.entity) {
+                                    updateSelectedValue(data.entity);
+                                }
+                            })
+                                .catch(function (error) {
+                                console.error(error);
+                            });
+                        }
+                        var lookupGrid = new EasyGrid({
+                            slot: gridSlot,
+                            dataTable: lookupTable,
+                            fixHeightOnFirstRender: true,
+                            paging: {
+                                pageSize: 10
+                            },
+                            onActiveRowChanged: function (ev) {
+                                lookupGrid.getData().getRow(ev.rowIndex)
+                                    .then(function (row) {
+                                    selectedValue = row.getValue(attr.lookupDataAttr);
+                                    updateSelectedValue(row);
+                                });
+                            }
+                        });
+                        ds.open({
+                            title: i18n.getText('LookupDlgCaption')
+                                .replace('{entity}', lookupEntity.caption),
+                            body: slot,
+                            arrangeParents: true,
+                            beforeOpen: function () {
+                                var dataFilter = _this.context.createFilter(lookupEntity.id, lookupGrid.getData(), true);
+                                new TextFilterWidget(widgetSlot, lookupGrid, dataFilter, { instantMode: true, focus: true });
+                            },
+                            onSubmit: function () {
+                                inputEl.value = selectedValue;
+                                return true;
+                            },
+                            onDestroy: function () {
+                                lookupGrid.destroy();
+                                // return focus on button
+                                b.toDOM().focus();
+                            }
+                        });
+                    });
+                }); });
+        });
+    };
+    EntityEditFormBuilder.prototype.setupDateTimeField = function (parent, attr, value, readOnly, hidden) {
+        var _this = this;
+        var horizClass = isIE
+            ? 'kfrm-fields-ie is-horizontal'
+            : 'kfrm-fields is-horizontal';
+        var editFormat = crudUtils.getEditDateTimeFormat(attr.dataType);
+        var inputEl;
+        var btnEl;
+        var mask = editFormat
+            .replace('yyyy', '9999')
+            .replace('MM', '99')
+            .replace('dd', '99')
+            .replace('HH', '99')
+            .replace('mm', '99')
+            .replace('ss', '99');
+        domel(parent)
+            .addChild('div', function (b) {
+            b
+                .addClass(horizClass)
+                .addChild('input', function (b) {
+                inputEl = b.toDOM();
+                b.name(attr.id);
+                b.type(hidden ? 'hidden' : _this.resolveInputType(attr.dataType));
+                if (readOnly) {
+                    b.attr('readonly', '');
+                }
+                else {
+                    b.mask(mask);
+                    b.on('keypress', function (ev) { return _this.applySumbit(ev); })
+                        .on('input', function (ev) {
+                        b.removeClass('is-invalid');
+                        try {
+                            var newDate = dataUtils.strToDateTime(inputEl.value, editFormat);
+                        }
+                        catch (e) {
+                            b.addClass('is-invalid');
+                        }
+                        finally {
+                        }
+                    })
+                        .on('blur', function (ev) {
+                        if (inputEl.value === mask.replace(/[9]/g, '_')) {
+                            inputEl.value = '';
+                        }
+                    });
+                }
+                b.value((dataUtils.IsDefinedAndNotNull(value)
+                    ? dataUtils.dateTimeToStr(value, editFormat)
+                    : ''));
+            });
+            if (!readOnly)
+                b.addChild('button', function (b) { return btnEl = b
+                    .addClass('kfrm-button')
+                    .attr('title', i18n.getText(attr.dataType !== DataType.Time
+                    ? 'CalendarBtnTitle'
+                    : 'TimerBtnTitle'))
+                    .addChild('i', function (b) { return b.addClass(attr.dataType !== DataType.Time
+                    ? 'ed-calendar-icon'
+                    : 'ed-timer-icon'); })
+                    .on('click', function (ev) {
+                    var value;
+                    try {
+                        value = inputEl.value.length
+                            ? attr.dataType !== DataType.Time
+                                ? dataUtils.strToDateTime(inputEl.value, editFormat)
+                                : dataUtils.strToTime(inputEl.value)
+                            : new Date(new Date().setSeconds(0));
+                    }
+                    catch (_a) {
+                        value = new Date(new Date().setSeconds(0));
+                    }
+                    var pickerOptions = {
+                        zIndex: 9999999999,
+                        showCalendar: attr.dataType !== DataType.Time,
+                        showTimePicker: attr.dataType !== DataType.Date,
+                        onApply: function (dateTime) {
+                            dateTime.setSeconds(0);
+                            dateTime.setMilliseconds(0);
+                            inputEl.value = dataUtils.dateTimeToStr(dateTime, editFormat);
+                        }
+                    };
+                    var dtp = new DefaultDateTimePicker(pickerOptions);
+                    dtp.setDateTime(value);
+                    dtp.show(ev.target);
+                }).toDOM(); });
+        });
+    };
+    EntityEditFormBuilder.prototype.setupListField = function (parent, attr, value, values, readOnly) {
+        var _this = this;
+        domel(parent)
+            .addChild('div', function (b) { return b
+            .addClass('kfrm-select full-width')
+            .addChild('select', function (b) {
+            if (readOnly)
+                b.attr('readonly', '');
+            b.attr('name', attr.id);
+            b.on('keypress', function (ev) { return _this.applySumbit(ev); });
+            if (values) {
+                for (var i = 0; i < values.length; i++) {
+                    var val = values[i];
+                    b.addOption({
+                        value: val.id,
+                        title: val.text,
+                        selected: i === 0
+                    });
+                }
+            }
+            b.value(value);
+        }); });
+    };
+    EntityEditFormBuilder.prototype.setupFileField = function (parent, attr, readOnly, accept) {
+        var _this = this;
+        domel(parent)
+            .addChild('input', function (b) {
+            if (readOnly)
+                b.attr('readonly', '');
+            b.name(attr.id)
+                .type(_this.resolveInputType(attr.dataType));
+            b.attr('accept', accept);
+        });
+    };
+    EntityEditFormBuilder.prototype.setupTextField = function (parent, attr, value, readOnly, hidden) {
+        var _this = this;
+        domel(parent)
+            .addChild('input', function (b) {
+            if (readOnly) {
+                b.attr('readonly', '');
+            }
+            b.type(hidden ? 'hidden' : _this.resolveInputType(attr.dataType));
+            b.name(attr.id)
+                .type(_this.resolveInputType(attr.dataType));
+            if (attr.dataType == DataType.Bool) {
+                if (value)
+                    b.attr('checked', '');
+            }
+            else {
+                b.on('keypress', function (ev) { return _this.applySumbit(ev); })
+                    .value(dataUtils.IsDefinedAndNotNull(value)
+                    ? value.toString()
+                    : '');
+            }
+        });
+    };
+    EntityEditFormBuilder.prototype.setupTextArea = function (parent, attr, value, readOnly) {
+        // feature: modify size in value editor ??
+        domel(parent)
+            .addChild('textarea', function (b) {
+            if (readOnly)
+                b.attr('readonly', '');
+            b.attr('name', attr.id);
+            b.setStyle('height', "120px");
+            b.value(dataUtils.IsDefinedAndNotNull(value)
+                ? value.toString()
+                : '');
+        });
+    };
+    EntityEditFormBuilder.prototype.addFormField = function (parent, attr) {
+        var value = (this.params.values && attr.kind !== EntityAttrKind.Lookup)
+            ? this.params.values.getValue(attr.id)
+            : !this.params.isEditForm
+                ? attr.defaultValue
+                : undefined;
+        var editor = this.resolveEditor(attr);
+        var readOnly = this.params.isEditForm && (attr.isPrimaryKey || !attr.isEditable);
+        var required = !attr.isNullable;
+        if (isIE) {
+            parent = domel('div', parent)
+                .addClass('kfrm-field-ie')
+                .toDOM();
+        }
+        domel(parent)
+            .addChild('label', function (b) {
+            b.attr('for', attr.id);
+            b.addHtml("".concat(attr.caption, " ").concat(required ? '<sup style="color: red">*</sup>' : '', ": "));
+            if (attr.description) {
+                b.addChild('div', function (b) { return b
+                    .attr('title', attr.description)
+                    .addClass('question-mark')
+                    .setStyle('vertical-align', 'middle')
+                    .setStyle('display', 'inline-block'); });
+            }
+        });
+        var hidden = attr.isPrimaryKey;
+        if (attr.kind === EntityAttrKind.Lookup) {
+            this.setupLookupField(parent, attr, readOnly, value);
+            return;
+        }
+        switch (editor.tag) {
+            case EditorTag.DateTime:
+                this.setupDateTimeField(parent, attr, value, readOnly, hidden);
+                break;
+            case EditorTag.List:
+                this.setupListField(parent, attr, value, editor.values, readOnly);
+                break;
+            case EditorTag.File:
+                this.setupFileField(parent, attr, readOnly, editor.accept);
+                break;
+            case EditorTag.Edit:
+            default:
+                if (editor.multiline) {
+                    this.setupTextArea(parent, attr, value, readOnly);
+                }
+                else {
+                    this.setupTextField(parent, attr, value, readOnly, hidden);
+                }
+                break;
+        }
+    };
+    EntityEditFormBuilder.prototype.resolveInputType = function (dataType) {
+        if (dataType === DataType.Bool)
+            return 'checkbox';
+        if (dataType === DataType.Blob)
+            return 'file';
+        return 'text';
+    };
+    EntityEditFormBuilder.prototype.resolveEditor = function (attr) {
+        var editor = attr.defaultEditor || new ValueEditor();
+        if (editor.tag == EditorTag.Unknown) {
+            if (dataUtils.getDateDataTypes().indexOf(attr.dataType) >= 0) {
+                editor.tag = EditorTag.DateTime;
+            }
+            else {
+                editor.tag = EditorTag.Edit;
+            }
+        }
+        return editor;
+    };
+    EntityEditFormBuilder.prototype.applySumbit = function (ev) {
+        if (ev.keyCode === 13) {
+            this.sumbitCallback && this.sumbitCallback();
+            return false;
+        }
+        return false;
+    };
+    EntityEditFormBuilder.prototype.onSubmit = function (sumbitCallback) {
+        this.sumbitCallback = sumbitCallback;
+        return this;
+    };
+    EntityEditFormBuilder.prototype.build = function () {
+        var fb;
+        var formHtml = domel('div')
+            .addClass('kfrm-form')
+            .addChild('div', function (b) { return b
+            .addClass("errors-block")
+            .toDOM(); })
+            .addChild('div', function (b) {
+            b.addClass("".concat(isIE
+                ? 'kfrm-fields-ie col-ie-1-4 label-align-right'
+                : 'kfrm-fields col-a-1 label-align-right'));
+            fb = b;
+        })
+            .toDOM();
+        this.form['setHtmlInt'](formHtml);
+        for (var _i = 0, _a = this.context.getActiveEntity().attributes; _i < _a.length; _i++) {
+            var attr = _a[_i];
+            if (!this.params.isEditForm && !attr.showOnCreate)
+                continue;
+            if (!attr.isPrimaryKey && this.params.isEditForm && !attr.showOnEdit) {
+                continue;
+            }
+            this.addFormField(fb.toDOM(), attr);
+        }
+        return this.form;
+    };
+    return EntityEditFormBuilder;
+}());
+export { EntityEditFormBuilder };
 //# sourceMappingURL=entity_form_builder.js.map