diff --git a/demos/_demo-data/create-db.php b/demos/_demo-data/create-db.php
index 931ef89ff8..201fe4aaaa 100644
--- a/demos/_demo-data/create-db.php
+++ b/demos/_demo-data/create-db.php
@@ -358,7 +358,7 @@ public function import(array $rowsMulti)
 $model->addField('name', ['type' => 'string']);
 $model->addField('type', ['type' => 'string']);
 $model->addField('is_folder', ['type' => 'boolean']);
-$model->addField('parent_folder_id', ['type' => 'integer']);
+$model->addField('parent_folder_id', ['type' => 'bigint']);
 (new Migrator($model))->create();
 (new Migrator($model))->createForeignKey([$model->getField('atk_fp_file__parent_folder_id'), $model->getField('atk_fp_file__id')]);
 $model->import([
@@ -1125,7 +1125,7 @@ public function import(array $rowsMulti)
 
 $model = new ImportModelWithPrefixedFields($db, ['table' => 'product_sub_category']);
 $model->addField('name', ['type' => 'string']);
-$model->addField('product_category_id', ['type' => 'integer']);
+$model->addField('product_category_id', ['type' => 'bigint']);
 $productSubcategoryIdField = $model->getField('atk_fp_6f3c91cf51e02fd5__id');
 (new Migrator($model))->create();
 (new Migrator($model))->createForeignKey([$model->getField('atk_fp_6f3c91cf51e02fd5__product_category_id'), $productCategoryIdField]);
@@ -1144,8 +1144,8 @@ public function import(array $rowsMulti)
 $model = new ImportModelWithPrefixedFields($db, ['table' => 'product']);
 $model->addField('name', ['type' => 'string']);
 $model->addField('brand', ['type' => 'string']);
-$model->addField('product_category_id', ['type' => 'integer']);
-$model->addField('product_sub_category_id', ['type' => 'integer']);
+$model->addField('product_category_id', ['type' => 'bigint']);
+$model->addField('product_sub_category_id', ['type' => 'bigint']);
 (new Migrator($model))->create();
 (new Migrator($model))->createForeignKey([$model->getField('atk_fp_product__product_category_id'), $productCategoryIdField]);
 (new Migrator($model))->createForeignKey([$model->getField('atk_fp_product__6f3c91cf51e02fd5_id'), $productSubcategoryIdField]);
@@ -1163,7 +1163,7 @@ public function import(array $rowsMulti)
 $model->addField('item', ['type' => 'string']);
 $model->addField('inv_date', ['type' => 'date']);
 $model->addField('inv_time', ['type' => 'time']);
-$model->addField('country_id', ['type' => 'integer']);
+$model->addField('country_id', ['type' => 'bigint']);
 $model->addField('qty', ['type' => 'integer']);
 $model->addField('box', ['type' => 'integer']);
 (new Migrator($model))->create();
diff --git a/demos/init-app.php b/demos/init-app.php
index 2f161a12cc..97c96b0666 100644
--- a/demos/init-app.php
+++ b/demos/init-app.php
@@ -47,7 +47,7 @@ public function typecastAttributeSaveField(Field $field, $value): ?string
             if ($field->type === WrappedIdType::NAME) {
                 return $value === null
                     ? null
-                    : $this->typecastAttributeSaveField(new Field(['type' => 'integer']), $value->getId() + 218_000_000);
+                    : $this->typecastAttributeSaveField(new Field(['type' => 'bigint']), $value->getId() + 218_000_000);
             }
 
             return parent::typecastAttributeSaveField($field, $value);
@@ -57,7 +57,7 @@ public function typecastAttributeSaveField(Field $field, $value): ?string
         public function typecastAttributeLoadField(Field $field, ?string $value)
         {
             if ($field->type === WrappedIdType::NAME) {
-                $value = $this->typecastAttributeLoadField(new Field(['type' => 'integer']), $value);
+                $value = $this->typecastAttributeLoadField(new Field(['type' => 'bigint']), $value);
 
                 return $value === null
                     ? null
diff --git a/demos/init-db.php b/demos/init-db.php
index 22c5e75ef0..bc8516bfe3 100644
--- a/demos/init-db.php
+++ b/demos/init-db.php
@@ -65,7 +65,7 @@ public function getName(): string
     #[\Override]
     public function getSQLDeclaration(array $fieldDeclaration, AbstractPlatform $platform): string
     {
-        return DbalType::getType('integer')->getSQLDeclaration($fieldDeclaration, $platform);
+        return DbalType::getType('bigint')->getSQLDeclaration($fieldDeclaration, $platform);
     }
 
     #[\Override]
@@ -75,7 +75,7 @@ public function convertToDatabaseValue($value, AbstractPlatform $platform): ?int
             return null;
         }
 
-        return DbalType::getType('integer')->convertToDatabaseValue($value->getId(), $platform);
+        return DbalType::getType('bigint')->convertToDatabaseValue($value->getId(), $platform);
     }
 
     #[\Override]
@@ -85,7 +85,7 @@ public function convertToPHPValue($value, AbstractPlatform $platform): ?object
             return null;
         }
 
-        return new WrappedId(DbalType::getType('integer')->convertToPHPValue($value, $platform));
+        return new WrappedId((int) DbalType::getType('bigint')->convertToPHPValue($value, $platform)); // once DBAL 3.x support is dropped, the explicit cast should no longer be needed
     }
 
     #[\Override]
@@ -675,13 +675,13 @@ protected function init(): void
             'expr' => function (Model /* TODO self is not working because of clone in Multiline */ $row) {
                 return $row->expr('{' . $this->fieldName()->qty . '} * {' . $this->fieldName()->box . '}'); // @phpstan-ignore method.notFound
             },
-            'type' => 'integer',
+            'type' => 'bigint',
         ]);
         $this->addCalculatedField($this->fieldName()->total_php, [
             'expr' => static function (self $row) {
                 return $row->qty * $row->box;
             },
-            'type' => 'integer',
+            'type' => 'bigint',
         ]);
     }
 }
diff --git a/docs/multiline.md b/docs/multiline.md
index ea539b4133..58f47d2f66 100644
--- a/docs/multiline.md
+++ b/docs/multiline.md
@@ -159,7 +159,7 @@ class InventoryItem extends \Atk4\Data\Model
         $this->addField('box', ['type' => 'integer', 'caption' => '# of Boxes', 'required' => true, 'ui' => ['multiline' => [Form\Control\Multiline::TABLE_CELL => ['width' => 2]]]]);
         $this->addExpression('total', ['expr' => function (Model $row) {
             return $row->get('qty') * $row->get('box');
-        }, 'type' => 'integer']);
+        }, 'type' => 'bigint']);
     }
 }
 ```
@@ -242,7 +242,7 @@ $this->addExpression('total', [
     'expr' => function (Model $row) {
         return $row->get('qty') * $row->get('box');
     },
-    'type' => 'integer',
+    'type' => 'bigint',
     'ui' => ['multiline' => [Multiline::TABLE_CELL => ['width' => 1, 'class' => 'blue']]],
 ]);
 ```
diff --git a/js/src/vue-components/multiline/multiline-header.component.js b/js/src/vue-components/multiline/multiline-header.component.js
index 55f9690d44..5e337dc9d4 100644
--- a/js/src/vue-components/multiline/multiline-header.component.js
+++ b/js/src/vue-components/multiline/multiline-header.component.js
@@ -51,7 +51,9 @@ export default {
             let align = 'left';
             if (!column.isEditable) {
                 switch (column.type) {
+                    case 'smallint':
                     case 'integer':
+                    case 'bigint':
                     case 'float':
                     case 'atk4_money': {
                         align = 'right';
diff --git a/public/js/atk-vue-multiline.js b/public/js/atk-vue-multiline.js
index 228eea0807..aed6e67d3d 100644
--- a/public/js/atk-vue-multiline.js
+++ b/public/js/atk-vue-multiline.js
@@ -205,7 +205,9 @@ __webpack_require__.r(__webpack_exports__);
       let align = 'left';
       if (!column.isEditable) {
         switch (column.type) {
+          case 'smallint':
           case 'integer':
+          case 'bigint':
           case 'float':
           case 'atk4_money':
             {
diff --git a/public/js/atk-vue-multiline.js.map b/public/js/atk-vue-multiline.js.map
index c5dfa22b03..96c656422d 100644
--- a/public/js/atk-vue-multiline.js.map
+++ b/public/js/atk-vue-multiline.js.map
@@ -1 +1 @@
-{"version":3,"file":"js/atk-vue-multiline.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js","webpack://atk/./node_modules/core-js/modules/esnext.async-iterator.some.js","webpack://atk/./node_modules/core-js/modules/esnext.iterator.some.js"],"sourcesContent":["import multilineRow from './multiline-row.component';\n\nexport default {\n    name: 'AtkMultilineBody',\n    template: `\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields=\"fields\"\n                v-for=\"(row, i) in rows\" :key=\"row.__atkml\"\n                :rowId=\"row.__atkml\"\n                :isDeletable=\"isDeletableRow(row)\"\n                :rowValues=\"row\"\n                :errors=\"getRowErrors(row.__atkml)\"\n                @onTabLastColumn=\"onTabLastColumn(i)\"\n            ></AtkMultilineRow>\n        </SuiTableBody>`,\n    props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n    data: function () {\n        return { fields: this.fieldDefs };\n    },\n    created: function () {},\n    components: {\n        AtkMultilineRow: multilineRow,\n    },\n    computed: {\n        rows: function () {\n            return this.rowData;\n        },\n    },\n    emits: ['onTabLastRow'],\n    methods: {\n        onTabLastColumn: function (rowIndex) {\n            if (rowIndex + 1 === this.rowData.length) {\n                this.$emit('onTabLastRow');\n            }\n        },\n        isDeletableRow: function (row) {\n            return this.deletables.includes(row.__atkml);\n        },\n        getRowErrors: function (rowId) {\n            return this.errors[rowId] ?? [];\n        },\n    },\n};\n","import multilineReadonly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n    name: 'AtkMultilineCell',\n    template: `\n        <component\n            :is=\"getComponent()\"\n            v-bind=\"getComponentProps()\"\n            ref=\"cell\"\n            :fluid=\"true\"\n            class=\"fluid\"\n            :name=\"inputName\"\n            v-model=\"inputValue\"\n            @update:modelValue=\"onInput\"\n        ></component>`,\n    components: {\n        AtkMultilineReadonly: multilineReadonly,\n        AtkMultilineTextarea: multilineTextarea,\n        AtkDatePicker: atkDatePicker,\n        AtkLookup: atkLookup,\n    },\n    props: ['cellData', 'fieldValue'],\n    data: function () {\n        return {\n            fieldName: this.cellData.name,\n            type: this.cellData.type,\n            inputName: '-' + this.cellData.name,\n            inputValue: this.fieldValue,\n        };\n    },\n    emits: ['updateValue'],\n    methods: {\n        getComponent: function () {\n            return this.cellData.definition.component;\n        },\n        getComponentProps: function () {\n            if (this.getComponent() === 'AtkMultilineReadonly') {\n                return { readOnlyValue: this.fieldValue };\n            }\n\n            return this.cellData.definition.componentProps;\n        },\n        onInput: function (value) {\n            this.inputValue = value;\n            this.$emit('updateValue', this.fieldName, this.inputValue);\n        },\n    },\n};\n","import atk from 'atk';\n\nexport default {\n    name: 'AtkMultilineHeader',\n    template: `\n        <SuiTableHeader>\n            <SuiTableRow v-if=\"hasError()\">\n                <SuiTableCell :style=\"{ background: 'none' }\" />\n                <SuiTableCell :style=\"{ background: 'none' }\"\n                    error=\"true\"\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <SuiIcon v-if=\"getErrorMsg(column)\" name=\"attention\" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if=\"hasCaption()\">\n                <SuiTableHeaderCell :colspan=\"getVisibleColumns()\">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign=\"'top'\">\n                <SuiTableHeaderCell :width=1 textAlign=\"center\">\n                    <input ref=\"check\" type=\"checkbox\" :checked=\"isChecked\" :indeterminate=\"isIndeterminate\" @input=\"onToggleDeleteAll\" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :width=column.cellProps.width\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if=\"false\" :style=\"{ position: 'absolute', top: '-22px' }\">\n                        <SuiLabel v-if=\"getErrorMsg(column)\" pointing=\"below\" basic color=\"red\">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>`,\n    props: ['fields', 'selectionState', 'errors', 'caption'],\n    data: function () {\n        return { columns: this.fields, isDeleteAll: false };\n    },\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onToggleDeleteAll: function () {\n            this.$nextTick(() => {\n                atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n            });\n        },\n        getTextAlign: function (column) {\n            let align = 'left';\n            if (!column.isEditable) {\n                switch (column.type) {\n                    case 'integer':\n                    case 'float':\n                    case 'atk4_money': {\n                        align = 'right';\n\n                        break;\n                    }\n                }\n            }\n\n            return align;\n        },\n        getVisibleColumns: function () {\n            let count = 1; // add deletable column;\n            for (const field of this.columns) {\n                count = field.isVisible ? count + 1 : count;\n            }\n\n            return count;\n        },\n        hasError: function () {\n            return Object.keys(this.errors).length > 0;\n        },\n        hasCaption: function () {\n            return this.caption;\n        },\n        getErrorMsg: function (column) {\n            if (this.hasError()) {\n                const rows = Object.keys(this.errors);\n                for (const row of rows) {\n                    const error = this.errors[row].filter((col) => col.name === column.name);\n                    if (error.length > 0) {\n                        return error[0].msg;\n                    }\n                }\n            }\n\n            return null;\n        },\n    },\n    computed: {\n        isIndeterminate: function () {\n            return this.selectionState === 'indeterminate';\n        },\n        isChecked: function () {\n            return this.selectionState === 'on';\n        },\n    },\n};\n","/**\n * Simply display a readonly value.\n */\nexport default {\n    name: 'AtkMultilineReadonly',\n    template: '<div>{{readOnlyValue}}</div>',\n    props: ['readOnlyValue'],\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using SuiTableCell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n    name: 'AtkMultilineRow',\n    template: `\n        <SuiTableRow :verticalAlign=\"'middle'\">\n            <SuiTableCell textAlign=\"center\">\n                <input type=\"checkbox\" v-model=\"toDelete\" @input=\"onToggleDelete\" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for=\"(column, i) in filterVisibleColumns(columns)\"\n                v-bind=\"column.cellProps\"\n                :width=null\n                :error=\"hasColumnError(column)\"\n                :style=\"{ overflow: 'visible' }\"\n                @keydown.tab=\"onTab(i)\"\n            >\n                <AtkMultilineCell\n                    :cellData=\"column\"\n                    :fieldValue=\"getValue(column)\"\n                    @updateValue=\"onUpdateValue\"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>`,\n    props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'errors'],\n    data: function () {\n        return { columns: this.fields };\n    },\n    components: {\n        AtkMultilineCell: multilineCell,\n    },\n    computed: {\n        /**\n         * toDelete is bind by v-model, thus we need a setter for\n         * computed property to work.\n         * When isDeletable is pass, will set checkbox according to it's value.\n         */\n        toDelete: {\n            get: function () {\n                return this.isDeletable;\n            },\n            set: function (v) {\n                return v;\n            },\n        },\n    },\n    emits: ['onTabLastColumn'],\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onTab: function (columnIndex) {\n            if (columnIndex === this.columns.filter((column) => column.isEditable).length - 1) {\n                this.$emit('onTabLastColumn');\n            }\n        },\n        hasColumnError: function (column) {\n            return this.errors.some((v) => column.name === v.name);\n        },\n        onToggleDelete: function (e) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete', { rowId: this.rowId });\n        },\n        onUpdateValue: function (fieldName, value) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n        },\n        getValue: function (column) {\n            return this.rowValues[column.name] || column.default;\n        },\n    },\n};\n","export default {\n    name: 'AtkMultilineTextarea',\n    template: '<textarea v-model=\"modelValue\" @input=\"onInput\" />',\n    props: ['modelValue'],\n    emits: ['update:modelValue'],\n    methods: {\n        onInput: function (event) {\n            this.$emit('update:modelValue', event.target.value);\n        },\n    },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n    name: 'AtkMultiline',\n    template: `\n        <div>\n            <SuiTable v-bind=\"tableProp\">\n                <AtkMultilineHeader\n                    :fields=\"fieldData\"\n                    :selectionState=\"getMainToggleState\"\n                    :errors=\"errors\"\n                    :caption=\"caption\"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs=\"fieldData\"\n                    :rowData=\"rowData\"\n                    :deletables=\"getDeletables\"\n                    :errors=\"errors\"\n                    @onTabLastRow=\"onTabLastRow\"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan=\"getSpan\" textAlign=\"right\">\n                            <SuiButtonGroup>\n                                <SuiButton ref=\"addButton\" size=\"small\" type=\"button\" icon :disabled=\"isLimitReached\" @click.stop.prevent=\"onAdd\">\n                                    <SuiIcon name=\"plus\" />\n                                </SuiButton>\n                                <SuiButton size=\"small\" type=\"button\" icon :disabled=\"isDeleteDisable\" @click.stop.prevent=\"onDelete\">\n                                    <SuiIcon name=\"trash\" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref=\"atkmlInput\" :form=\"form\" :name=\"name\" type=\"hidden\" :value=\"valueJson\" />\n            </div>\n        </div>`,\n    props: {\n        data: Object,\n    },\n    data: function () {\n        const tableDefault = {\n            basic: false,\n            celled: false,\n            collapsing: false,\n            stackable: false,\n            inverted: false,\n        };\n\n        return {\n            form: this.data.formName,\n            valueJson: this.data.inputValue,\n            name: this.data.inputName,\n            rowData: [],\n            fieldData: this.data.fields || [],\n            eventFields: this.data.eventFields || [],\n            deletables: [],\n            hasChangeCb: this.data.hasChangeCb,\n            errors: {},\n            caption: this.data.caption || null,\n            tableProp: { ...tableDefault, ...this.data.tableProps },\n        };\n    },\n    components: {\n        AtkMultilineHeader: multilineHeader,\n        AtkMultilineBody: multilineBody,\n    },\n    mounted: function () {\n        this.rowData = this.buildRowData(this.valueJson ?? '[]');\n        this.updateInputValue();\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-update-row', (payload) => {\n            this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete', (payload) => {\n            const i = this.deletables.indexOf(payload.rowId);\n            if (i !== -1) {\n                this.deletables.splice(i, 1);\n            } else {\n                this.deletables.push(payload.rowId);\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete-all', (payload) => {\n            this.deletables = [];\n            if (payload.isOn) {\n                for (const row of this.rowData) {\n                    this.deletables.push(row.__atkml);\n                }\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-multiline-rows-error', (payload) => {\n            this.errors = { ...payload.errors };\n        });\n    },\n    methods: {\n        onTabLastRow: function () {\n            if (!this.isLimitReached && this.data.addOnTab) {\n                this.onAdd();\n            }\n        },\n        onAdd: function () {\n            const newRow = this.createRow(this.data.fields);\n            this.rowData.push(newRow);\n            this.updateInputValue();\n            if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n                this.data.afterAdd(JSON.parse(this.valueJson));\n            }\n            this.fetchExpression(newRow.__atkml);\n            this.fetchOnUpdateAction();\n        },\n        onDelete: function () {\n            for (const atkmlId of this.deletables) {\n                this.deleteRow(atkmlId);\n            }\n            this.deletables = [];\n            this.updateInputValue();\n            this.fetchOnUpdateAction();\n            if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n                this.data.afterDelete(JSON.parse(this.valueJson));\n            }\n        },\n        onUpdate: function (atkmlId, fieldName, value) {\n            this.updateFieldInRow(atkmlId, fieldName, value);\n            this.clearError(atkmlId, fieldName);\n            this.updateInputValue();\n\n            if (!this.onUpdate.debouncedFx) {\n                this.onUpdate.debouncedFx = atk.createDebouncedFx(() => {\n                    this.onUpdate.debouncedFx = null;\n                    this.fetchExpression(atkmlId);\n                    this.fetchOnUpdateAction(fieldName);\n                }, 250);\n            }\n            this.onUpdate.debouncedFx.call(this);\n        },\n        /**\n         * Creates a new row of data and\n         * set values to default if available.\n         */\n        createRow: function (fields) {\n            const row = {};\n            for (const field of fields) {\n                row[field.name] = field.default;\n            }\n            row.__atkml = this.getUUID();\n\n            return row;\n        },\n        deleteRow: function (atkmlId) {\n            this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n            delete this.errors[atkmlId];\n        },\n        /**\n         * Update the value of the field in rowData.\n         */\n        updateFieldInRow: function (atkmlId, fieldName, value) {\n            for (const row of this.rowData) {\n                if (row.__atkml === atkmlId) {\n                    row[fieldName] = value;\n                }\n            }\n        },\n        clearError: function (atkmlId, fieldName) {\n            if (atkmlId in this.errors) {\n                const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n                this.errors[atkmlId] = [...errors];\n                if (errors.length === 0) {\n                    delete this.errors[atkmlId];\n                }\n            }\n        },\n        /**\n         * Update Multi-line Form input with all rowData values\n         * as JSON string.\n         */\n        updateInputValue: function () {\n            this.valueJson = JSON.stringify(this.rowData);\n        },\n        /**\n         * Build rowData from JSON string.\n         */\n        buildRowData: function (jsonValue) {\n            const rows = JSON.parse(jsonValue);\n            for (const row of rows) {\n                row.__atkml = this.getUUID();\n            }\n\n            return rows;\n        },\n        /**\n         * Check if one of the field use expression.\n         */\n        hasExpression: function () {\n            return this.fieldData.some((field) => field.isExpr);\n        },\n        /**\n         * Send on change action to server.\n         */\n        fetchOnUpdateAction: function (fieldName = null) {\n            if (this.hasChangeCb && (fieldName === null || this.eventFields.includes(fieldName))) {\n                $(this.$refs.addButton.$el).api({\n                    on: 'now',\n                    url: this.data.url,\n                    method: 'POST',\n                    data: { __atkml_action: 'on-change', rows: this.valueJson },\n                });\n            }\n        },\n        postData: async function (row) {\n            const data = { ...row };\n            const context = this.$refs.addButton.$el;\n            data.__atkml_action = 'update-row';\n            try {\n                return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n            } catch (e) {\n                console.error(e);\n            }\n        },\n        /**\n         * Get expressions values from server.\n         */\n        fetchExpression: async function (atkmlId) {\n            if (this.hasExpression()) {\n                const row = this.findRow(atkmlId);\n                // server will return expression field/value if defined\n                if (row) {\n                    const resp = await this.postData(row);\n                    if (resp.expressions) {\n                        const fields = Object.keys(resp.expressions);\n                        for (const field of fields) {\n                            this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n                        }\n                        this.updateInputValue();\n                    }\n                }\n            }\n        },\n        findRow: function (atkmlId) {\n            return this.rowData.find((row) => row.__atkml === atkmlId);\n        },\n        getInputElement: function () {\n            return this.$refs.atkmlInput;\n        },\n        /**\n         * UUID v4 generator.\n         */\n        getUUID: function () {\n            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {\n                const r = Math.floor(Math.random() * 16);\n                const v = c === 'x' ? r : r & (0x3 | 0x8); // eslint-disable-line no-bitwise\n\n                return v.toString(16);\n            });\n        },\n    },\n    computed: {\n        getSpan: function () {\n            return this.fieldData.length - 1;\n        },\n        getDeletables: function () {\n            return this.deletables;\n        },\n        /**\n         * Return Delete all checkbox state base on\n         * deletables entries.\n         */\n        getMainToggleState: function () {\n            let res = 'off';\n            if (this.deletables.length > 0) {\n                res = this.deletables.length === this.rowData.length\n                    ? 'on'\n                    : 'indeterminate';\n            }\n\n            return res;\n        },\n        isDeleteDisable: function () {\n            return this.deletables.length === 0;\n        },\n        isLimitReached: function () {\n            if (this.data.rowLimit === 0) {\n                return false;\n            }\n\n            return this.data.rowLimit < this.rowData.length + 1;\n        },\n    },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n *\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Properties:\n * config: Any of Flatpickr options\n */\nexport default {\n    name: 'AtkDatePicker',\n    template: `\n        <FlatpickrPicker\n            :config=\"flatPickr\"\n            :modelValue=\"getFlatpickrValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        />`,\n    props: ['config', 'modelValue'],\n    data: function () {\n        const config = { ...this.config };\n\n        if (config.defaultDate && !this.modelValue) {\n            config.defaultDate = new Date();\n        } else if (this.modelValue) {\n            config.defaultDate = this.modelValue;\n        }\n\n        if (!config.locale) {\n            config.locale = flatpickr.l10ns.default;\n        }\n\n        return {\n            flatPickr: config,\n        };\n    },\n    emits: ['setDefault'],\n    mounted: function () {\n        // if value is not set but default date is, then emit proper string value to parent\n        if (!this.modelValue && this.flatPickr.defaultDate) {\n            this.onUpdate(\n                this.flatPickr.defaultDate instanceof Date\n                    ? flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat)\n                    : this.flatPickr.defaultDate\n            );\n        }\n    },\n    methods: {\n        getFlatpickrValue: function (value) {\n            return value;\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value);\n        },\n    },\n};\n","/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Properties:\n * config:\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * Note: The remaining config object may contain any or SuiDropdown { props: value } pair.\n *\n * modelValue: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\nexport default {\n    name: 'AtkLookup',\n    template: `\n        <SuiDropdown\n            v-bind=\"dropdownProps\"\n            ref=\"drop\"\n            :modelValue=\"getDropdownValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        ></SuiDropdown>`,\n    props: ['config', 'modelValue', 'optionalValue'],\n    data: function () {\n        const {\n            url, reference, ...otherConfig\n        } = this.config;\n        otherConfig.selection = true;\n\n        return {\n            dropdownProps: otherConfig,\n            url: url || null,\n            field: reference,\n            query: '',\n            temp: '',\n        };\n    },\n    mounted: function () {\n        if (this.optionalValue) {\n            this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n        }\n    },\n    emits: ['update:modelValue'],\n    methods: {\n        getDropdownValue: function (value) {\n            return this.dropdownProps.options.find((item) => item.value === value);\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value.value);\n        },\n    },\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $some = require('../internals/async-iterator-iteration').some;\n\n// `AsyncIterator.prototype.some` method\n// https://github.com/tc39/proposal-async-iterator-helpers\n$({ target: 'AsyncIterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    return $some(this, predicate);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.some` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n"],"names":["multilineRow","name","template","props","data","fields","fieldDefs","created","components","AtkMultilineRow","computed","rows","rowData","emits","methods","onTabLastColumn","rowIndex","length","$emit","isDeletableRow","row","deletables","includes","__atkml","getRowErrors","rowId","errors","multilineReadonly","multilineTextarea","atkDatePicker","atkLookup","AtkMultilineReadonly","AtkMultilineTextarea","AtkDatePicker","AtkLookup","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","onInput","value","atk","columns","isDeleteAll","filterVisibleColumns","filter","v","isVisible","onToggleDeleteAll","$nextTick","eventBus","emit","$root","$el","parentElement","id","isOn","$refs","check","checked","getTextAlign","column","align","isEditable","getVisibleColumns","count","field","hasError","Object","keys","hasCaption","caption","getErrorMsg","error","col","msg","isIndeterminate","selectionState","isChecked","multilineCell","AtkMultilineCell","toDelete","get","isDeletable","set","onTab","columnIndex","hasColumnError","some","onToggleDelete","e","onUpdateValue","getValue","rowValues","default","event","target","$","multilineBody","multilineHeader","tableDefault","basic","celled","collapsing","stackable","inverted","form","formName","valueJson","fieldData","eventFields","hasChangeCb","tableProp","tableProps","AtkMultilineHeader","AtkMultilineBody","mounted","buildRowData","updateInputValue","on","payload","onUpdate","i","indexOf","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","JSON","parse","fetchExpression","fetchOnUpdateAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","debouncedFx","createDebouncedFx","call","getUUID","findIndex","stringify","jsonValue","hasExpression","isExpr","arguments","undefined","addButton","api","url","method","__atkml_action","postData","context","apiService","suiFetch","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replaceAll","c","r","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","res","isDeleteDisable","rowLimit","config","defaultDate","modelValue","Date","locale","flatpickr","l10ns","flatPickr","formatDate","dateFormat","getFlatpickrValue","reference","otherConfig","selection","dropdownProps","query","temp","optionalValue","options","Array","isArray","getDropdownValue","item"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"js/atk-vue-multiline.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js","webpack://atk/./node_modules/core-js/modules/esnext.async-iterator.some.js","webpack://atk/./node_modules/core-js/modules/esnext.iterator.some.js"],"sourcesContent":["import multilineRow from './multiline-row.component';\n\nexport default {\n    name: 'AtkMultilineBody',\n    template: `\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields=\"fields\"\n                v-for=\"(row, i) in rows\" :key=\"row.__atkml\"\n                :rowId=\"row.__atkml\"\n                :isDeletable=\"isDeletableRow(row)\"\n                :rowValues=\"row\"\n                :errors=\"getRowErrors(row.__atkml)\"\n                @onTabLastColumn=\"onTabLastColumn(i)\"\n            ></AtkMultilineRow>\n        </SuiTableBody>`,\n    props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n    data: function () {\n        return { fields: this.fieldDefs };\n    },\n    created: function () {},\n    components: {\n        AtkMultilineRow: multilineRow,\n    },\n    computed: {\n        rows: function () {\n            return this.rowData;\n        },\n    },\n    emits: ['onTabLastRow'],\n    methods: {\n        onTabLastColumn: function (rowIndex) {\n            if (rowIndex + 1 === this.rowData.length) {\n                this.$emit('onTabLastRow');\n            }\n        },\n        isDeletableRow: function (row) {\n            return this.deletables.includes(row.__atkml);\n        },\n        getRowErrors: function (rowId) {\n            return this.errors[rowId] ?? [];\n        },\n    },\n};\n","import multilineReadonly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n    name: 'AtkMultilineCell',\n    template: `\n        <component\n            :is=\"getComponent()\"\n            v-bind=\"getComponentProps()\"\n            ref=\"cell\"\n            :fluid=\"true\"\n            class=\"fluid\"\n            :name=\"inputName\"\n            v-model=\"inputValue\"\n            @update:modelValue=\"onInput\"\n        ></component>`,\n    components: {\n        AtkMultilineReadonly: multilineReadonly,\n        AtkMultilineTextarea: multilineTextarea,\n        AtkDatePicker: atkDatePicker,\n        AtkLookup: atkLookup,\n    },\n    props: ['cellData', 'fieldValue'],\n    data: function () {\n        return {\n            fieldName: this.cellData.name,\n            type: this.cellData.type,\n            inputName: '-' + this.cellData.name,\n            inputValue: this.fieldValue,\n        };\n    },\n    emits: ['updateValue'],\n    methods: {\n        getComponent: function () {\n            return this.cellData.definition.component;\n        },\n        getComponentProps: function () {\n            if (this.getComponent() === 'AtkMultilineReadonly') {\n                return { readOnlyValue: this.fieldValue };\n            }\n\n            return this.cellData.definition.componentProps;\n        },\n        onInput: function (value) {\n            this.inputValue = value;\n            this.$emit('updateValue', this.fieldName, this.inputValue);\n        },\n    },\n};\n","import atk from 'atk';\n\nexport default {\n    name: 'AtkMultilineHeader',\n    template: `\n        <SuiTableHeader>\n            <SuiTableRow v-if=\"hasError()\">\n                <SuiTableCell :style=\"{ background: 'none' }\" />\n                <SuiTableCell :style=\"{ background: 'none' }\"\n                    error=\"true\"\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <SuiIcon v-if=\"getErrorMsg(column)\" name=\"attention\" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if=\"hasCaption()\">\n                <SuiTableHeaderCell :colspan=\"getVisibleColumns()\">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign=\"'top'\">\n                <SuiTableHeaderCell :width=1 textAlign=\"center\">\n                    <input ref=\"check\" type=\"checkbox\" :checked=\"isChecked\" :indeterminate=\"isIndeterminate\" @input=\"onToggleDeleteAll\" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :width=column.cellProps.width\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if=\"false\" :style=\"{ position: 'absolute', top: '-22px' }\">\n                        <SuiLabel v-if=\"getErrorMsg(column)\" pointing=\"below\" basic color=\"red\">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>`,\n    props: ['fields', 'selectionState', 'errors', 'caption'],\n    data: function () {\n        return { columns: this.fields, isDeleteAll: false };\n    },\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onToggleDeleteAll: function () {\n            this.$nextTick(() => {\n                atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n            });\n        },\n        getTextAlign: function (column) {\n            let align = 'left';\n            if (!column.isEditable) {\n                switch (column.type) {\n                    case 'smallint':\n                    case 'integer':\n                    case 'bigint':\n                    case 'float':\n                    case 'atk4_money': {\n                        align = 'right';\n\n                        break;\n                    }\n                }\n            }\n\n            return align;\n        },\n        getVisibleColumns: function () {\n            let count = 1; // add deletable column;\n            for (const field of this.columns) {\n                count = field.isVisible ? count + 1 : count;\n            }\n\n            return count;\n        },\n        hasError: function () {\n            return Object.keys(this.errors).length > 0;\n        },\n        hasCaption: function () {\n            return this.caption;\n        },\n        getErrorMsg: function (column) {\n            if (this.hasError()) {\n                const rows = Object.keys(this.errors);\n                for (const row of rows) {\n                    const error = this.errors[row].filter((col) => col.name === column.name);\n                    if (error.length > 0) {\n                        return error[0].msg;\n                    }\n                }\n            }\n\n            return null;\n        },\n    },\n    computed: {\n        isIndeterminate: function () {\n            return this.selectionState === 'indeterminate';\n        },\n        isChecked: function () {\n            return this.selectionState === 'on';\n        },\n    },\n};\n","/**\n * Simply display a readonly value.\n */\nexport default {\n    name: 'AtkMultilineReadonly',\n    template: '<div>{{readOnlyValue}}</div>',\n    props: ['readOnlyValue'],\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using SuiTableCell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n    name: 'AtkMultilineRow',\n    template: `\n        <SuiTableRow :verticalAlign=\"'middle'\">\n            <SuiTableCell textAlign=\"center\">\n                <input type=\"checkbox\" v-model=\"toDelete\" @input=\"onToggleDelete\" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for=\"(column, i) in filterVisibleColumns(columns)\"\n                v-bind=\"column.cellProps\"\n                :width=null\n                :error=\"hasColumnError(column)\"\n                :style=\"{ overflow: 'visible' }\"\n                @keydown.tab=\"onTab(i)\"\n            >\n                <AtkMultilineCell\n                    :cellData=\"column\"\n                    :fieldValue=\"getValue(column)\"\n                    @updateValue=\"onUpdateValue\"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>`,\n    props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'errors'],\n    data: function () {\n        return { columns: this.fields };\n    },\n    components: {\n        AtkMultilineCell: multilineCell,\n    },\n    computed: {\n        /**\n         * toDelete is bind by v-model, thus we need a setter for\n         * computed property to work.\n         * When isDeletable is pass, will set checkbox according to it's value.\n         */\n        toDelete: {\n            get: function () {\n                return this.isDeletable;\n            },\n            set: function (v) {\n                return v;\n            },\n        },\n    },\n    emits: ['onTabLastColumn'],\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onTab: function (columnIndex) {\n            if (columnIndex === this.columns.filter((column) => column.isEditable).length - 1) {\n                this.$emit('onTabLastColumn');\n            }\n        },\n        hasColumnError: function (column) {\n            return this.errors.some((v) => column.name === v.name);\n        },\n        onToggleDelete: function (e) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete', { rowId: this.rowId });\n        },\n        onUpdateValue: function (fieldName, value) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n        },\n        getValue: function (column) {\n            return this.rowValues[column.name] || column.default;\n        },\n    },\n};\n","export default {\n    name: 'AtkMultilineTextarea',\n    template: '<textarea v-model=\"modelValue\" @input=\"onInput\" />',\n    props: ['modelValue'],\n    emits: ['update:modelValue'],\n    methods: {\n        onInput: function (event) {\n            this.$emit('update:modelValue', event.target.value);\n        },\n    },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n    name: 'AtkMultiline',\n    template: `\n        <div>\n            <SuiTable v-bind=\"tableProp\">\n                <AtkMultilineHeader\n                    :fields=\"fieldData\"\n                    :selectionState=\"getMainToggleState\"\n                    :errors=\"errors\"\n                    :caption=\"caption\"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs=\"fieldData\"\n                    :rowData=\"rowData\"\n                    :deletables=\"getDeletables\"\n                    :errors=\"errors\"\n                    @onTabLastRow=\"onTabLastRow\"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan=\"getSpan\" textAlign=\"right\">\n                            <SuiButtonGroup>\n                                <SuiButton ref=\"addButton\" size=\"small\" type=\"button\" icon :disabled=\"isLimitReached\" @click.stop.prevent=\"onAdd\">\n                                    <SuiIcon name=\"plus\" />\n                                </SuiButton>\n                                <SuiButton size=\"small\" type=\"button\" icon :disabled=\"isDeleteDisable\" @click.stop.prevent=\"onDelete\">\n                                    <SuiIcon name=\"trash\" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref=\"atkmlInput\" :form=\"form\" :name=\"name\" type=\"hidden\" :value=\"valueJson\" />\n            </div>\n        </div>`,\n    props: {\n        data: Object,\n    },\n    data: function () {\n        const tableDefault = {\n            basic: false,\n            celled: false,\n            collapsing: false,\n            stackable: false,\n            inverted: false,\n        };\n\n        return {\n            form: this.data.formName,\n            valueJson: this.data.inputValue,\n            name: this.data.inputName,\n            rowData: [],\n            fieldData: this.data.fields || [],\n            eventFields: this.data.eventFields || [],\n            deletables: [],\n            hasChangeCb: this.data.hasChangeCb,\n            errors: {},\n            caption: this.data.caption || null,\n            tableProp: { ...tableDefault, ...this.data.tableProps },\n        };\n    },\n    components: {\n        AtkMultilineHeader: multilineHeader,\n        AtkMultilineBody: multilineBody,\n    },\n    mounted: function () {\n        this.rowData = this.buildRowData(this.valueJson ?? '[]');\n        this.updateInputValue();\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-update-row', (payload) => {\n            this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete', (payload) => {\n            const i = this.deletables.indexOf(payload.rowId);\n            if (i !== -1) {\n                this.deletables.splice(i, 1);\n            } else {\n                this.deletables.push(payload.rowId);\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete-all', (payload) => {\n            this.deletables = [];\n            if (payload.isOn) {\n                for (const row of this.rowData) {\n                    this.deletables.push(row.__atkml);\n                }\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-multiline-rows-error', (payload) => {\n            this.errors = { ...payload.errors };\n        });\n    },\n    methods: {\n        onTabLastRow: function () {\n            if (!this.isLimitReached && this.data.addOnTab) {\n                this.onAdd();\n            }\n        },\n        onAdd: function () {\n            const newRow = this.createRow(this.data.fields);\n            this.rowData.push(newRow);\n            this.updateInputValue();\n            if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n                this.data.afterAdd(JSON.parse(this.valueJson));\n            }\n            this.fetchExpression(newRow.__atkml);\n            this.fetchOnUpdateAction();\n        },\n        onDelete: function () {\n            for (const atkmlId of this.deletables) {\n                this.deleteRow(atkmlId);\n            }\n            this.deletables = [];\n            this.updateInputValue();\n            this.fetchOnUpdateAction();\n            if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n                this.data.afterDelete(JSON.parse(this.valueJson));\n            }\n        },\n        onUpdate: function (atkmlId, fieldName, value) {\n            this.updateFieldInRow(atkmlId, fieldName, value);\n            this.clearError(atkmlId, fieldName);\n            this.updateInputValue();\n\n            if (!this.onUpdate.debouncedFx) {\n                this.onUpdate.debouncedFx = atk.createDebouncedFx(() => {\n                    this.onUpdate.debouncedFx = null;\n                    this.fetchExpression(atkmlId);\n                    this.fetchOnUpdateAction(fieldName);\n                }, 250);\n            }\n            this.onUpdate.debouncedFx.call(this);\n        },\n        /**\n         * Creates a new row of data and\n         * set values to default if available.\n         */\n        createRow: function (fields) {\n            const row = {};\n            for (const field of fields) {\n                row[field.name] = field.default;\n            }\n            row.__atkml = this.getUUID();\n\n            return row;\n        },\n        deleteRow: function (atkmlId) {\n            this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n            delete this.errors[atkmlId];\n        },\n        /**\n         * Update the value of the field in rowData.\n         */\n        updateFieldInRow: function (atkmlId, fieldName, value) {\n            for (const row of this.rowData) {\n                if (row.__atkml === atkmlId) {\n                    row[fieldName] = value;\n                }\n            }\n        },\n        clearError: function (atkmlId, fieldName) {\n            if (atkmlId in this.errors) {\n                const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n                this.errors[atkmlId] = [...errors];\n                if (errors.length === 0) {\n                    delete this.errors[atkmlId];\n                }\n            }\n        },\n        /**\n         * Update Multi-line Form input with all rowData values\n         * as JSON string.\n         */\n        updateInputValue: function () {\n            this.valueJson = JSON.stringify(this.rowData);\n        },\n        /**\n         * Build rowData from JSON string.\n         */\n        buildRowData: function (jsonValue) {\n            const rows = JSON.parse(jsonValue);\n            for (const row of rows) {\n                row.__atkml = this.getUUID();\n            }\n\n            return rows;\n        },\n        /**\n         * Check if one of the field use expression.\n         */\n        hasExpression: function () {\n            return this.fieldData.some((field) => field.isExpr);\n        },\n        /**\n         * Send on change action to server.\n         */\n        fetchOnUpdateAction: function (fieldName = null) {\n            if (this.hasChangeCb && (fieldName === null || this.eventFields.includes(fieldName))) {\n                $(this.$refs.addButton.$el).api({\n                    on: 'now',\n                    url: this.data.url,\n                    method: 'POST',\n                    data: { __atkml_action: 'on-change', rows: this.valueJson },\n                });\n            }\n        },\n        postData: async function (row) {\n            const data = { ...row };\n            const context = this.$refs.addButton.$el;\n            data.__atkml_action = 'update-row';\n            try {\n                return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n            } catch (e) {\n                console.error(e);\n            }\n        },\n        /**\n         * Get expressions values from server.\n         */\n        fetchExpression: async function (atkmlId) {\n            if (this.hasExpression()) {\n                const row = this.findRow(atkmlId);\n                // server will return expression field/value if defined\n                if (row) {\n                    const resp = await this.postData(row);\n                    if (resp.expressions) {\n                        const fields = Object.keys(resp.expressions);\n                        for (const field of fields) {\n                            this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n                        }\n                        this.updateInputValue();\n                    }\n                }\n            }\n        },\n        findRow: function (atkmlId) {\n            return this.rowData.find((row) => row.__atkml === atkmlId);\n        },\n        getInputElement: function () {\n            return this.$refs.atkmlInput;\n        },\n        /**\n         * UUID v4 generator.\n         */\n        getUUID: function () {\n            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {\n                const r = Math.floor(Math.random() * 16);\n                const v = c === 'x' ? r : r & (0x3 | 0x8); // eslint-disable-line no-bitwise\n\n                return v.toString(16);\n            });\n        },\n    },\n    computed: {\n        getSpan: function () {\n            return this.fieldData.length - 1;\n        },\n        getDeletables: function () {\n            return this.deletables;\n        },\n        /**\n         * Return Delete all checkbox state base on\n         * deletables entries.\n         */\n        getMainToggleState: function () {\n            let res = 'off';\n            if (this.deletables.length > 0) {\n                res = this.deletables.length === this.rowData.length\n                    ? 'on'\n                    : 'indeterminate';\n            }\n\n            return res;\n        },\n        isDeleteDisable: function () {\n            return this.deletables.length === 0;\n        },\n        isLimitReached: function () {\n            if (this.data.rowLimit === 0) {\n                return false;\n            }\n\n            return this.data.rowLimit < this.rowData.length + 1;\n        },\n    },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n *\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Properties:\n * config: Any of Flatpickr options\n */\nexport default {\n    name: 'AtkDatePicker',\n    template: `\n        <FlatpickrPicker\n            :config=\"flatPickr\"\n            :modelValue=\"getFlatpickrValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        />`,\n    props: ['config', 'modelValue'],\n    data: function () {\n        const config = { ...this.config };\n\n        if (config.defaultDate && !this.modelValue) {\n            config.defaultDate = new Date();\n        } else if (this.modelValue) {\n            config.defaultDate = this.modelValue;\n        }\n\n        if (!config.locale) {\n            config.locale = flatpickr.l10ns.default;\n        }\n\n        return {\n            flatPickr: config,\n        };\n    },\n    emits: ['setDefault'],\n    mounted: function () {\n        // if value is not set but default date is, then emit proper string value to parent\n        if (!this.modelValue && this.flatPickr.defaultDate) {\n            this.onUpdate(\n                this.flatPickr.defaultDate instanceof Date\n                    ? flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat)\n                    : this.flatPickr.defaultDate\n            );\n        }\n    },\n    methods: {\n        getFlatpickrValue: function (value) {\n            return value;\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value);\n        },\n    },\n};\n","/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Properties:\n * config:\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * Note: The remaining config object may contain any or SuiDropdown { props: value } pair.\n *\n * modelValue: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\nexport default {\n    name: 'AtkLookup',\n    template: `\n        <SuiDropdown\n            v-bind=\"dropdownProps\"\n            ref=\"drop\"\n            :modelValue=\"getDropdownValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        ></SuiDropdown>`,\n    props: ['config', 'modelValue', 'optionalValue'],\n    data: function () {\n        const {\n            url, reference, ...otherConfig\n        } = this.config;\n        otherConfig.selection = true;\n\n        return {\n            dropdownProps: otherConfig,\n            url: url || null,\n            field: reference,\n            query: '',\n            temp: '',\n        };\n    },\n    mounted: function () {\n        if (this.optionalValue) {\n            this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n        }\n    },\n    emits: ['update:modelValue'],\n    methods: {\n        getDropdownValue: function (value) {\n            return this.dropdownProps.options.find((item) => item.value === value);\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value.value);\n        },\n    },\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $some = require('../internals/async-iterator-iteration').some;\n\n// `AsyncIterator.prototype.some` method\n// https://github.com/tc39/proposal-async-iterator-helpers\n$({ target: 'AsyncIterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    return $some(this, predicate);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.some` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n"],"names":["multilineRow","name","template","props","data","fields","fieldDefs","created","components","AtkMultilineRow","computed","rows","rowData","emits","methods","onTabLastColumn","rowIndex","length","$emit","isDeletableRow","row","deletables","includes","__atkml","getRowErrors","rowId","errors","multilineReadonly","multilineTextarea","atkDatePicker","atkLookup","AtkMultilineReadonly","AtkMultilineTextarea","AtkDatePicker","AtkLookup","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","onInput","value","atk","columns","isDeleteAll","filterVisibleColumns","filter","v","isVisible","onToggleDeleteAll","$nextTick","eventBus","emit","$root","$el","parentElement","id","isOn","$refs","check","checked","getTextAlign","column","align","isEditable","getVisibleColumns","count","field","hasError","Object","keys","hasCaption","caption","getErrorMsg","error","col","msg","isIndeterminate","selectionState","isChecked","multilineCell","AtkMultilineCell","toDelete","get","isDeletable","set","onTab","columnIndex","hasColumnError","some","onToggleDelete","e","onUpdateValue","getValue","rowValues","default","event","target","$","multilineBody","multilineHeader","tableDefault","basic","celled","collapsing","stackable","inverted","form","formName","valueJson","fieldData","eventFields","hasChangeCb","tableProp","tableProps","AtkMultilineHeader","AtkMultilineBody","mounted","buildRowData","updateInputValue","on","payload","onUpdate","i","indexOf","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","JSON","parse","fetchExpression","fetchOnUpdateAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","debouncedFx","createDebouncedFx","call","getUUID","findIndex","stringify","jsonValue","hasExpression","isExpr","arguments","undefined","addButton","api","url","method","__atkml_action","postData","context","apiService","suiFetch","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replaceAll","c","r","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","res","isDeleteDisable","rowLimit","config","defaultDate","modelValue","Date","locale","flatpickr","l10ns","flatPickr","formatDate","dateFormat","getFlatpickrValue","reference","otherConfig","selection","dropdownProps","query","temp","optionalValue","options","Array","isArray","getDropdownValue","item"],"sourceRoot":""}
\ No newline at end of file
diff --git a/public/js/atk-vue-multiline.min.js b/public/js/atk-vue-multiline.min.js
index 910ffa5002..0f537b323a 100644
--- a/public/js/atk-vue-multiline.min.js
+++ b/public/js/atk-vue-multiline.min.js
@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkatk=self.webpackChunkatk||[]).push([[71],{77590:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});n(70501),n(23552),n(93714),n(37618),n(22625),n(70540),n(70984),n(15829),n(37322);var i=n(21145),o=n.n(i),l=n(86157);var a=n(30901),s=n(49880);const r={name:"AtkMultilineCell",template:'\n        <component\n            :is="getComponent()"\n            v-bind="getComponentProps()"\n            ref="cell"\n            :fluid="true"\n            class="fluid"\n            :name="inputName"\n            v-model="inputValue"\n            @update:modelValue="onInput"\n        ></component>',components:{AtkMultilineReadonly:{name:"AtkMultilineReadonly",template:"<div>{{readOnlyValue}}</div>",props:["readOnlyValue"]},AtkMultilineTextarea:{name:"AtkMultilineTextarea",template:'<textarea v-model="modelValue" @input="onInput" />',props:["modelValue"],emits:["update:modelValue"],methods:{onInput:function(e){this.$emit("update:modelValue",e.target.value)}}},AtkDatePicker:a.Z,AtkLookup:s.Z},props:["cellData","fieldValue"],data:function(){return{fieldName:this.cellData.name,type:this.cellData.type,inputName:"-"+this.cellData.name,inputValue:this.fieldValue}},emits:["updateValue"],methods:{getComponent:function(){return this.cellData.definition.component},getComponentProps:function(){return"AtkMultilineReadonly"===this.getComponent()?{readOnlyValue:this.fieldValue}:this.cellData.definition.componentProps},onInput:function(e){this.inputValue=e,this.$emit("updateValue",this.fieldName,this.inputValue)}}},u={name:"AtkMultilineHeader",template:'\n        <SuiTableHeader>\n            <SuiTableRow v-if="hasError()">\n                <SuiTableCell :style="{ background: \'none\' }" />\n                <SuiTableCell :style="{ background: \'none\' }"\n                    error="true"\n                    v-for="column in filterVisibleColumns(columns)"\n                    :textAlign="getTextAlign(column)"\n                >\n                    <SuiIcon v-if="getErrorMsg(column)" name="attention" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if="hasCaption()">\n                <SuiTableHeaderCell :colspan="getVisibleColumns()">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign="\'top\'">\n                <SuiTableHeaderCell :width=1 textAlign="center">\n                    <input ref="check" type="checkbox" :checked="isChecked" :indeterminate="isIndeterminate" @input="onToggleDeleteAll" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for="column in filterVisibleColumns(columns)"\n                    :width=column.cellProps.width\n                    :textAlign="getTextAlign(column)"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if="false" :style="{ position: \'absolute\', top: \'-22px\' }">\n                        <SuiLabel v-if="getErrorMsg(column)" pointing="below" basic color="red">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>',props:["fields","selectionState","errors","caption"],data:function(){return{columns:this.fields,isDeleteAll:!1}},methods:{filterVisibleColumns:function(e){return e.filter((e=>e.isVisible))},onToggleDeleteAll:function(){this.$nextTick((()=>{l.Z.eventBus.emit(this.$root.$el.parentElement.id+"-toggle-delete-all",{isOn:this.$refs.check.checked})}))},getTextAlign:function(e){let t="left";if(!e.isEditable)switch(e.type){case"integer":case"float":case"atk4_money":t="right"}return t},getVisibleColumns:function(){let e=1;for(const t of this.columns)e=t.isVisible?e+1:e;return e},hasError:function(){return Object.keys(this.errors).length>0},hasCaption:function(){return this.caption},getErrorMsg:function(e){if(this.hasError()){const t=Object.keys(this.errors);for(const n of t){const t=this.errors[n].filter((t=>t.name===e.name));if(t.length>0)return t[0].msg}}return null}},computed:{isIndeterminate:function(){return"indeterminate"===this.selectionState},isChecked:function(){return"on"===this.selectionState}}},d={name:"AtkMultiline",template:'\n        <div>\n            <SuiTable v-bind="tableProp">\n                <AtkMultilineHeader\n                    :fields="fieldData"\n                    :selectionState="getMainToggleState"\n                    :errors="errors"\n                    :caption="caption"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs="fieldData"\n                    :rowData="rowData"\n                    :deletables="getDeletables"\n                    :errors="errors"\n                    @onTabLastRow="onTabLastRow"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan="getSpan" textAlign="right">\n                            <SuiButtonGroup>\n                                <SuiButton ref="addButton" size="small" type="button" icon :disabled="isLimitReached" @click.stop.prevent="onAdd">\n                                    <SuiIcon name="plus" />\n                                </SuiButton>\n                                <SuiButton size="small" type="button" icon :disabled="isDeleteDisable" @click.stop.prevent="onDelete">\n                                    <SuiIcon name="trash" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref="atkmlInput" :form="form" :name="name" type="hidden" :value="valueJson" />\n            </div>\n        </div>',props:{data:Object},data:function(){return{form:this.data.formName,valueJson:this.data.inputValue,name:this.data.inputName,rowData:[],fieldData:this.data.fields||[],eventFields:this.data.eventFields||[],deletables:[],hasChangeCb:this.data.hasChangeCb,errors:{},caption:this.data.caption||null,tableProp:{basic:!1,celled:!1,collapsing:!1,stackable:!1,inverted:!1,...this.data.tableProps}}},components:{AtkMultilineHeader:u,AtkMultilineBody:{name:"AtkMultilineBody",template:'\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields="fields"\n                v-for="(row, i) in rows" :key="row.__atkml"\n                :rowId="row.__atkml"\n                :isDeletable="isDeletableRow(row)"\n                :rowValues="row"\n                :errors="getRowErrors(row.__atkml)"\n                @onTabLastColumn="onTabLastColumn(i)"\n            ></AtkMultilineRow>\n        </SuiTableBody>',props:["fieldDefs","rowData","deletables","errors"],data:function(){return{fields:this.fieldDefs}},created:function(){},components:{AtkMultilineRow:{name:"AtkMultilineRow",template:'\n        <SuiTableRow :verticalAlign="\'middle\'">\n            <SuiTableCell textAlign="center">\n                <input type="checkbox" v-model="toDelete" @input="onToggleDelete" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for="(column, i) in filterVisibleColumns(columns)"\n                v-bind="column.cellProps"\n                :width=null\n                :error="hasColumnError(column)"\n                :style="{ overflow: \'visible\' }"\n                @keydown.tab="onTab(i)"\n            >\n                <AtkMultilineCell\n                    :cellData="column"\n                    :fieldValue="getValue(column)"\n                    @updateValue="onUpdateValue"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>',props:["fields","rowId","isDeletable","rowValues","errors"],data:function(){return{columns:this.fields}},components:{AtkMultilineCell:r},computed:{toDelete:{get:function(){return this.isDeletable},set:function(e){return e}}},emits:["onTabLastColumn"],methods:{filterVisibleColumns:function(e){return e.filter((e=>e.isVisible))},onTab:function(e){e===this.columns.filter((e=>e.isEditable)).length-1&&this.$emit("onTabLastColumn")},hasColumnError:function(e){return this.errors.some((t=>e.name===t.name))},onToggleDelete:function(e){l.Z.eventBus.emit(this.$root.$el.parentElement.id+"-toggle-delete",{rowId:this.rowId})},onUpdateValue:function(e,t){l.Z.eventBus.emit(this.$root.$el.parentElement.id+"-update-row",{rowId:this.rowId,fieldName:e,value:t})},getValue:function(e){return this.rowValues[e.name]||e.default}}}},computed:{rows:function(){return this.rowData}},emits:["onTabLastRow"],methods:{onTabLastColumn:function(e){e+1===this.rowData.length&&this.$emit("onTabLastRow")},isDeletableRow:function(e){return this.deletables.includes(e.__atkml)},getRowErrors:function(e){return this.errors[e]??[]}}}},mounted:function(){this.rowData=this.buildRowData(this.valueJson??"[]"),this.updateInputValue(),l.Z.eventBus.on(this.$root.$el.parentElement.id+"-update-row",(e=>{this.onUpdate(e.rowId,e.fieldName,e.value)})),l.Z.eventBus.on(this.$root.$el.parentElement.id+"-toggle-delete",(e=>{const t=this.deletables.indexOf(e.rowId);-1!==t?this.deletables.splice(t,1):this.deletables.push(e.rowId)})),l.Z.eventBus.on(this.$root.$el.parentElement.id+"-toggle-delete-all",(e=>{if(this.deletables=[],e.isOn)for(const e of this.rowData)this.deletables.push(e.__atkml)})),l.Z.eventBus.on(this.$root.$el.parentElement.id+"-multiline-rows-error",(e=>{this.errors={...e.errors}}))},methods:{onTabLastRow:function(){!this.isLimitReached&&this.data.addOnTab&&this.onAdd()},onAdd:function(){const e=this.createRow(this.data.fields);this.rowData.push(e),this.updateInputValue(),this.data.afterAdd&&"function"==typeof this.data.afterAdd&&this.data.afterAdd(JSON.parse(this.valueJson)),this.fetchExpression(e.__atkml),this.fetchOnUpdateAction()},onDelete:function(){for(const e of this.deletables)this.deleteRow(e);this.deletables=[],this.updateInputValue(),this.fetchOnUpdateAction(),this.data.afterDelete&&"function"==typeof this.data.afterDelete&&this.data.afterDelete(JSON.parse(this.valueJson))},onUpdate:function(e,t,n){this.updateFieldInRow(e,t,n),this.clearError(e,t),this.updateInputValue(),this.onUpdate.debouncedFx||(this.onUpdate.debouncedFx=l.Z.createDebouncedFx((()=>{this.onUpdate.debouncedFx=null,this.fetchExpression(e),this.fetchOnUpdateAction(t)}),250)),this.onUpdate.debouncedFx.call(this)},createRow:function(e){const t={};for(const n of e)t[n.name]=n.default;return t.__atkml=this.getUUID(),t},deleteRow:function(e){this.rowData.splice(this.rowData.findIndex((t=>t.__atkml===e)),1),delete this.errors[e]},updateFieldInRow:function(e,t,n){for(const i of this.rowData)i.__atkml===e&&(i[t]=n)},clearError:function(e,t){if(e in this.errors){const n=this.errors[e].filter((e=>e.name!==t));this.errors[e]=[...n],0===n.length&&delete this.errors[e]}},updateInputValue:function(){this.valueJson=JSON.stringify(this.rowData)},buildRowData:function(e){const t=JSON.parse(e);for(const e of t)e.__atkml=this.getUUID();return t},hasExpression:function(){return this.fieldData.some((e=>e.isExpr))},fetchOnUpdateAction:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;this.hasChangeCb&&(null===e||this.eventFields.includes(e))&&o()(this.$refs.addButton.$el).api({on:"now",url:this.data.url,method:"POST",data:{__atkml_action:"on-change",rows:this.valueJson}})},postData:async function(e){const t={...e},n=this.$refs.addButton.$el;t.__atkml_action="update-row";try{return await l.Z.apiService.suiFetch(this.data.url,{data:t,method:"POST",stateContext:n})}catch(e){console.error(e)}},fetchExpression:async function(e){if(this.hasExpression()){const t=this.findRow(e);if(t){const n=await this.postData(t);if(n.expressions){const t=Object.keys(n.expressions);for(const i of t)this.updateFieldInRow(e,i,n.expressions[i]);this.updateInputValue()}}}},findRow:function(e){return this.rowData.find((t=>t.__atkml===e))},getInputElement:function(){return this.$refs.atkmlInput},getUUID:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g,(e=>{const t=Math.floor(16*Math.random());return("x"===e?t:11&t).toString(16)}))}},computed:{getSpan:function(){return this.fieldData.length-1},getDeletables:function(){return this.deletables},getMainToggleState:function(){let e="off";return this.deletables.length>0&&(e=this.deletables.length===this.rowData.length?"on":"indeterminate"),e},isDeleteDisable:function(){return 0===this.deletables.length},isLimitReached:function(){return 0!==this.data.rowLimit&&this.data.rowLimit<this.rowData.length+1}}}},30901:(e,t,n)=>{n.d(t,{Z:()=>i});const i={name:"AtkDatePicker",template:'\n        <FlatpickrPicker\n            :config="flatPickr"\n            :modelValue="getFlatpickrValue(modelValue)"\n            @update:modelValue="onUpdate"\n        />',props:["config","modelValue"],data:function(){const e={...this.config};return e.defaultDate&&!this.modelValue?e.defaultDate=new Date:this.modelValue&&(e.defaultDate=this.modelValue),e.locale||(e.locale=flatpickr.l10ns.default),{flatPickr:e}},emits:["setDefault"],mounted:function(){!this.modelValue&&this.flatPickr.defaultDate&&this.onUpdate(this.flatPickr.defaultDate instanceof Date?flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat):this.flatPickr.defaultDate)},methods:{getFlatpickrValue:function(e){return e},onUpdate:function(e){this.$emit("update:modelValue",e)}}}},49880:(e,t,n)=>{n.d(t,{Z:()=>i});n(93714),n(22625),n(70984);const i={name:"AtkLookup",template:'\n        <SuiDropdown\n            v-bind="dropdownProps"\n            ref="drop"\n            :modelValue="getDropdownValue(modelValue)"\n            @update:modelValue="onUpdate"\n        ></SuiDropdown>',props:["config","modelValue","optionalValue"],data:function(){const{url:e,reference:t,...n}=this.config;return n.selection=!0,{dropdownProps:n,url:e||null,field:t,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},emits:["update:modelValue"],methods:{getDropdownValue:function(e){return this.dropdownProps.options.find((t=>t.value===e))},onUpdate:function(e){this.$emit("update:modelValue",e.value)}}}},37618:(e,t,n)=>{var i=n(22189),o=n(37509).some;i({target:"AsyncIterator",proto:!0,real:!0},{some:function(e){return o(this,e)}})},15829:(e,t,n)=>{var i=n(22189),o=n(31781),l=n(46324),a=n(18874),s=n(91051);i({target:"Iterator",proto:!0,real:!0},{some:function(e){a(this),l(e);var t=s(this),n=0;return o(t,(function(t,i){if(e(t,n++))return i()}),{IS_RECORD:!0,INTERRUPTED:!0}).stopped}})}}]);
+"use strict";(self.webpackChunkatk=self.webpackChunkatk||[]).push([[71],{77590:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});n(70501),n(23552),n(93714),n(37618),n(22625),n(70540),n(70984),n(15829),n(37322);var i=n(21145),l=n.n(i),o=n(86157);var a=n(30901),s=n(49880);const r={name:"AtkMultilineCell",template:'\n        <component\n            :is="getComponent()"\n            v-bind="getComponentProps()"\n            ref="cell"\n            :fluid="true"\n            class="fluid"\n            :name="inputName"\n            v-model="inputValue"\n            @update:modelValue="onInput"\n        ></component>',components:{AtkMultilineReadonly:{name:"AtkMultilineReadonly",template:"<div>{{readOnlyValue}}</div>",props:["readOnlyValue"]},AtkMultilineTextarea:{name:"AtkMultilineTextarea",template:'<textarea v-model="modelValue" @input="onInput" />',props:["modelValue"],emits:["update:modelValue"],methods:{onInput:function(e){this.$emit("update:modelValue",e.target.value)}}},AtkDatePicker:a.Z,AtkLookup:s.Z},props:["cellData","fieldValue"],data:function(){return{fieldName:this.cellData.name,type:this.cellData.type,inputName:"-"+this.cellData.name,inputValue:this.fieldValue}},emits:["updateValue"],methods:{getComponent:function(){return this.cellData.definition.component},getComponentProps:function(){return"AtkMultilineReadonly"===this.getComponent()?{readOnlyValue:this.fieldValue}:this.cellData.definition.componentProps},onInput:function(e){this.inputValue=e,this.$emit("updateValue",this.fieldName,this.inputValue)}}},u={name:"AtkMultilineHeader",template:'\n        <SuiTableHeader>\n            <SuiTableRow v-if="hasError()">\n                <SuiTableCell :style="{ background: \'none\' }" />\n                <SuiTableCell :style="{ background: \'none\' }"\n                    error="true"\n                    v-for="column in filterVisibleColumns(columns)"\n                    :textAlign="getTextAlign(column)"\n                >\n                    <SuiIcon v-if="getErrorMsg(column)" name="attention" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if="hasCaption()">\n                <SuiTableHeaderCell :colspan="getVisibleColumns()">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign="\'top\'">\n                <SuiTableHeaderCell :width=1 textAlign="center">\n                    <input ref="check" type="checkbox" :checked="isChecked" :indeterminate="isIndeterminate" @input="onToggleDeleteAll" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for="column in filterVisibleColumns(columns)"\n                    :width=column.cellProps.width\n                    :textAlign="getTextAlign(column)"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if="false" :style="{ position: \'absolute\', top: \'-22px\' }">\n                        <SuiLabel v-if="getErrorMsg(column)" pointing="below" basic color="red">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>',props:["fields","selectionState","errors","caption"],data:function(){return{columns:this.fields,isDeleteAll:!1}},methods:{filterVisibleColumns:function(e){return e.filter((e=>e.isVisible))},onToggleDeleteAll:function(){this.$nextTick((()=>{o.Z.eventBus.emit(this.$root.$el.parentElement.id+"-toggle-delete-all",{isOn:this.$refs.check.checked})}))},getTextAlign:function(e){let t="left";if(!e.isEditable)switch(e.type){case"smallint":case"integer":case"bigint":case"float":case"atk4_money":t="right"}return t},getVisibleColumns:function(){let e=1;for(const t of this.columns)e=t.isVisible?e+1:e;return e},hasError:function(){return Object.keys(this.errors).length>0},hasCaption:function(){return this.caption},getErrorMsg:function(e){if(this.hasError()){const t=Object.keys(this.errors);for(const n of t){const t=this.errors[n].filter((t=>t.name===e.name));if(t.length>0)return t[0].msg}}return null}},computed:{isIndeterminate:function(){return"indeterminate"===this.selectionState},isChecked:function(){return"on"===this.selectionState}}},d={name:"AtkMultiline",template:'\n        <div>\n            <SuiTable v-bind="tableProp">\n                <AtkMultilineHeader\n                    :fields="fieldData"\n                    :selectionState="getMainToggleState"\n                    :errors="errors"\n                    :caption="caption"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs="fieldData"\n                    :rowData="rowData"\n                    :deletables="getDeletables"\n                    :errors="errors"\n                    @onTabLastRow="onTabLastRow"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan="getSpan" textAlign="right">\n                            <SuiButtonGroup>\n                                <SuiButton ref="addButton" size="small" type="button" icon :disabled="isLimitReached" @click.stop.prevent="onAdd">\n                                    <SuiIcon name="plus" />\n                                </SuiButton>\n                                <SuiButton size="small" type="button" icon :disabled="isDeleteDisable" @click.stop.prevent="onDelete">\n                                    <SuiIcon name="trash" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref="atkmlInput" :form="form" :name="name" type="hidden" :value="valueJson" />\n            </div>\n        </div>',props:{data:Object},data:function(){return{form:this.data.formName,valueJson:this.data.inputValue,name:this.data.inputName,rowData:[],fieldData:this.data.fields||[],eventFields:this.data.eventFields||[],deletables:[],hasChangeCb:this.data.hasChangeCb,errors:{},caption:this.data.caption||null,tableProp:{basic:!1,celled:!1,collapsing:!1,stackable:!1,inverted:!1,...this.data.tableProps}}},components:{AtkMultilineHeader:u,AtkMultilineBody:{name:"AtkMultilineBody",template:'\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields="fields"\n                v-for="(row, i) in rows" :key="row.__atkml"\n                :rowId="row.__atkml"\n                :isDeletable="isDeletableRow(row)"\n                :rowValues="row"\n                :errors="getRowErrors(row.__atkml)"\n                @onTabLastColumn="onTabLastColumn(i)"\n            ></AtkMultilineRow>\n        </SuiTableBody>',props:["fieldDefs","rowData","deletables","errors"],data:function(){return{fields:this.fieldDefs}},created:function(){},components:{AtkMultilineRow:{name:"AtkMultilineRow",template:'\n        <SuiTableRow :verticalAlign="\'middle\'">\n            <SuiTableCell textAlign="center">\n                <input type="checkbox" v-model="toDelete" @input="onToggleDelete" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for="(column, i) in filterVisibleColumns(columns)"\n                v-bind="column.cellProps"\n                :width=null\n                :error="hasColumnError(column)"\n                :style="{ overflow: \'visible\' }"\n                @keydown.tab="onTab(i)"\n            >\n                <AtkMultilineCell\n                    :cellData="column"\n                    :fieldValue="getValue(column)"\n                    @updateValue="onUpdateValue"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>',props:["fields","rowId","isDeletable","rowValues","errors"],data:function(){return{columns:this.fields}},components:{AtkMultilineCell:r},computed:{toDelete:{get:function(){return this.isDeletable},set:function(e){return e}}},emits:["onTabLastColumn"],methods:{filterVisibleColumns:function(e){return e.filter((e=>e.isVisible))},onTab:function(e){e===this.columns.filter((e=>e.isEditable)).length-1&&this.$emit("onTabLastColumn")},hasColumnError:function(e){return this.errors.some((t=>e.name===t.name))},onToggleDelete:function(e){o.Z.eventBus.emit(this.$root.$el.parentElement.id+"-toggle-delete",{rowId:this.rowId})},onUpdateValue:function(e,t){o.Z.eventBus.emit(this.$root.$el.parentElement.id+"-update-row",{rowId:this.rowId,fieldName:e,value:t})},getValue:function(e){return this.rowValues[e.name]||e.default}}}},computed:{rows:function(){return this.rowData}},emits:["onTabLastRow"],methods:{onTabLastColumn:function(e){e+1===this.rowData.length&&this.$emit("onTabLastRow")},isDeletableRow:function(e){return this.deletables.includes(e.__atkml)},getRowErrors:function(e){return this.errors[e]??[]}}}},mounted:function(){this.rowData=this.buildRowData(this.valueJson??"[]"),this.updateInputValue(),o.Z.eventBus.on(this.$root.$el.parentElement.id+"-update-row",(e=>{this.onUpdate(e.rowId,e.fieldName,e.value)})),o.Z.eventBus.on(this.$root.$el.parentElement.id+"-toggle-delete",(e=>{const t=this.deletables.indexOf(e.rowId);-1!==t?this.deletables.splice(t,1):this.deletables.push(e.rowId)})),o.Z.eventBus.on(this.$root.$el.parentElement.id+"-toggle-delete-all",(e=>{if(this.deletables=[],e.isOn)for(const e of this.rowData)this.deletables.push(e.__atkml)})),o.Z.eventBus.on(this.$root.$el.parentElement.id+"-multiline-rows-error",(e=>{this.errors={...e.errors}}))},methods:{onTabLastRow:function(){!this.isLimitReached&&this.data.addOnTab&&this.onAdd()},onAdd:function(){const e=this.createRow(this.data.fields);this.rowData.push(e),this.updateInputValue(),this.data.afterAdd&&"function"==typeof this.data.afterAdd&&this.data.afterAdd(JSON.parse(this.valueJson)),this.fetchExpression(e.__atkml),this.fetchOnUpdateAction()},onDelete:function(){for(const e of this.deletables)this.deleteRow(e);this.deletables=[],this.updateInputValue(),this.fetchOnUpdateAction(),this.data.afterDelete&&"function"==typeof this.data.afterDelete&&this.data.afterDelete(JSON.parse(this.valueJson))},onUpdate:function(e,t,n){this.updateFieldInRow(e,t,n),this.clearError(e,t),this.updateInputValue(),this.onUpdate.debouncedFx||(this.onUpdate.debouncedFx=o.Z.createDebouncedFx((()=>{this.onUpdate.debouncedFx=null,this.fetchExpression(e),this.fetchOnUpdateAction(t)}),250)),this.onUpdate.debouncedFx.call(this)},createRow:function(e){const t={};for(const n of e)t[n.name]=n.default;return t.__atkml=this.getUUID(),t},deleteRow:function(e){this.rowData.splice(this.rowData.findIndex((t=>t.__atkml===e)),1),delete this.errors[e]},updateFieldInRow:function(e,t,n){for(const i of this.rowData)i.__atkml===e&&(i[t]=n)},clearError:function(e,t){if(e in this.errors){const n=this.errors[e].filter((e=>e.name!==t));this.errors[e]=[...n],0===n.length&&delete this.errors[e]}},updateInputValue:function(){this.valueJson=JSON.stringify(this.rowData)},buildRowData:function(e){const t=JSON.parse(e);for(const e of t)e.__atkml=this.getUUID();return t},hasExpression:function(){return this.fieldData.some((e=>e.isExpr))},fetchOnUpdateAction:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;this.hasChangeCb&&(null===e||this.eventFields.includes(e))&&l()(this.$refs.addButton.$el).api({on:"now",url:this.data.url,method:"POST",data:{__atkml_action:"on-change",rows:this.valueJson}})},postData:async function(e){const t={...e},n=this.$refs.addButton.$el;t.__atkml_action="update-row";try{return await o.Z.apiService.suiFetch(this.data.url,{data:t,method:"POST",stateContext:n})}catch(e){console.error(e)}},fetchExpression:async function(e){if(this.hasExpression()){const t=this.findRow(e);if(t){const n=await this.postData(t);if(n.expressions){const t=Object.keys(n.expressions);for(const i of t)this.updateFieldInRow(e,i,n.expressions[i]);this.updateInputValue()}}}},findRow:function(e){return this.rowData.find((t=>t.__atkml===e))},getInputElement:function(){return this.$refs.atkmlInput},getUUID:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g,(e=>{const t=Math.floor(16*Math.random());return("x"===e?t:11&t).toString(16)}))}},computed:{getSpan:function(){return this.fieldData.length-1},getDeletables:function(){return this.deletables},getMainToggleState:function(){let e="off";return this.deletables.length>0&&(e=this.deletables.length===this.rowData.length?"on":"indeterminate"),e},isDeleteDisable:function(){return 0===this.deletables.length},isLimitReached:function(){return 0!==this.data.rowLimit&&this.data.rowLimit<this.rowData.length+1}}}},30901:(e,t,n)=>{n.d(t,{Z:()=>i});const i={name:"AtkDatePicker",template:'\n        <FlatpickrPicker\n            :config="flatPickr"\n            :modelValue="getFlatpickrValue(modelValue)"\n            @update:modelValue="onUpdate"\n        />',props:["config","modelValue"],data:function(){const e={...this.config};return e.defaultDate&&!this.modelValue?e.defaultDate=new Date:this.modelValue&&(e.defaultDate=this.modelValue),e.locale||(e.locale=flatpickr.l10ns.default),{flatPickr:e}},emits:["setDefault"],mounted:function(){!this.modelValue&&this.flatPickr.defaultDate&&this.onUpdate(this.flatPickr.defaultDate instanceof Date?flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat):this.flatPickr.defaultDate)},methods:{getFlatpickrValue:function(e){return e},onUpdate:function(e){this.$emit("update:modelValue",e)}}}},49880:(e,t,n)=>{n.d(t,{Z:()=>i});n(93714),n(22625),n(70984);const i={name:"AtkLookup",template:'\n        <SuiDropdown\n            v-bind="dropdownProps"\n            ref="drop"\n            :modelValue="getDropdownValue(modelValue)"\n            @update:modelValue="onUpdate"\n        ></SuiDropdown>',props:["config","modelValue","optionalValue"],data:function(){const{url:e,reference:t,...n}=this.config;return n.selection=!0,{dropdownProps:n,url:e||null,field:t,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},emits:["update:modelValue"],methods:{getDropdownValue:function(e){return this.dropdownProps.options.find((t=>t.value===e))},onUpdate:function(e){this.$emit("update:modelValue",e.value)}}}},37618:(e,t,n)=>{var i=n(22189),l=n(37509).some;i({target:"AsyncIterator",proto:!0,real:!0},{some:function(e){return l(this,e)}})},15829:(e,t,n)=>{var i=n(22189),l=n(31781),o=n(46324),a=n(18874),s=n(91051);i({target:"Iterator",proto:!0,real:!0},{some:function(e){a(this),o(e);var t=s(this),n=0;return l(t,(function(t,i){if(e(t,n++))return i()}),{IS_RECORD:!0,INTERRUPTED:!0}).stopped}})}}]);
 //# sourceMappingURL=atk-vue-multiline.min.js.map
\ No newline at end of file
diff --git a/public/js/atk-vue-multiline.min.js.map b/public/js/atk-vue-multiline.min.js.map
index 885d5529ce..c6af47f9b4 100644
--- a/public/js/atk-vue-multiline.min.js.map
+++ b/public/js/atk-vue-multiline.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"js/atk-vue-multiline.min.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js","webpack://atk/./node_modules/core-js/modules/esnext.async-iterator.some.js","webpack://atk/./node_modules/core-js/modules/esnext.iterator.some.js"],"sourcesContent":["import multilineReadonly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n    name: 'AtkMultilineCell',\n    template: `\n        <component\n            :is=\"getComponent()\"\n            v-bind=\"getComponentProps()\"\n            ref=\"cell\"\n            :fluid=\"true\"\n            class=\"fluid\"\n            :name=\"inputName\"\n            v-model=\"inputValue\"\n            @update:modelValue=\"onInput\"\n        ></component>`,\n    components: {\n        AtkMultilineReadonly: multilineReadonly,\n        AtkMultilineTextarea: multilineTextarea,\n        AtkDatePicker: atkDatePicker,\n        AtkLookup: atkLookup,\n    },\n    props: ['cellData', 'fieldValue'],\n    data: function () {\n        return {\n            fieldName: this.cellData.name,\n            type: this.cellData.type,\n            inputName: '-' + this.cellData.name,\n            inputValue: this.fieldValue,\n        };\n    },\n    emits: ['updateValue'],\n    methods: {\n        getComponent: function () {\n            return this.cellData.definition.component;\n        },\n        getComponentProps: function () {\n            if (this.getComponent() === 'AtkMultilineReadonly') {\n                return { readOnlyValue: this.fieldValue };\n            }\n\n            return this.cellData.definition.componentProps;\n        },\n        onInput: function (value) {\n            this.inputValue = value;\n            this.$emit('updateValue', this.fieldName, this.inputValue);\n        },\n    },\n};\n","/**\n * Simply display a readonly value.\n */\nexport default {\n    name: 'AtkMultilineReadonly',\n    template: '<div>{{readOnlyValue}}</div>',\n    props: ['readOnlyValue'],\n};\n","export default {\n    name: 'AtkMultilineTextarea',\n    template: '<textarea v-model=\"modelValue\" @input=\"onInput\" />',\n    props: ['modelValue'],\n    emits: ['update:modelValue'],\n    methods: {\n        onInput: function (event) {\n            this.$emit('update:modelValue', event.target.value);\n        },\n    },\n};\n","import atk from 'atk';\n\nexport default {\n    name: 'AtkMultilineHeader',\n    template: `\n        <SuiTableHeader>\n            <SuiTableRow v-if=\"hasError()\">\n                <SuiTableCell :style=\"{ background: 'none' }\" />\n                <SuiTableCell :style=\"{ background: 'none' }\"\n                    error=\"true\"\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <SuiIcon v-if=\"getErrorMsg(column)\" name=\"attention\" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if=\"hasCaption()\">\n                <SuiTableHeaderCell :colspan=\"getVisibleColumns()\">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign=\"'top'\">\n                <SuiTableHeaderCell :width=1 textAlign=\"center\">\n                    <input ref=\"check\" type=\"checkbox\" :checked=\"isChecked\" :indeterminate=\"isIndeterminate\" @input=\"onToggleDeleteAll\" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :width=column.cellProps.width\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if=\"false\" :style=\"{ position: 'absolute', top: '-22px' }\">\n                        <SuiLabel v-if=\"getErrorMsg(column)\" pointing=\"below\" basic color=\"red\">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>`,\n    props: ['fields', 'selectionState', 'errors', 'caption'],\n    data: function () {\n        return { columns: this.fields, isDeleteAll: false };\n    },\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onToggleDeleteAll: function () {\n            this.$nextTick(() => {\n                atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n            });\n        },\n        getTextAlign: function (column) {\n            let align = 'left';\n            if (!column.isEditable) {\n                switch (column.type) {\n                    case 'integer':\n                    case 'float':\n                    case 'atk4_money': {\n                        align = 'right';\n\n                        break;\n                    }\n                }\n            }\n\n            return align;\n        },\n        getVisibleColumns: function () {\n            let count = 1; // add deletable column;\n            for (const field of this.columns) {\n                count = field.isVisible ? count + 1 : count;\n            }\n\n            return count;\n        },\n        hasError: function () {\n            return Object.keys(this.errors).length > 0;\n        },\n        hasCaption: function () {\n            return this.caption;\n        },\n        getErrorMsg: function (column) {\n            if (this.hasError()) {\n                const rows = Object.keys(this.errors);\n                for (const row of rows) {\n                    const error = this.errors[row].filter((col) => col.name === column.name);\n                    if (error.length > 0) {\n                        return error[0].msg;\n                    }\n                }\n            }\n\n            return null;\n        },\n    },\n    computed: {\n        isIndeterminate: function () {\n            return this.selectionState === 'indeterminate';\n        },\n        isChecked: function () {\n            return this.selectionState === 'on';\n        },\n    },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n    name: 'AtkMultiline',\n    template: `\n        <div>\n            <SuiTable v-bind=\"tableProp\">\n                <AtkMultilineHeader\n                    :fields=\"fieldData\"\n                    :selectionState=\"getMainToggleState\"\n                    :errors=\"errors\"\n                    :caption=\"caption\"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs=\"fieldData\"\n                    :rowData=\"rowData\"\n                    :deletables=\"getDeletables\"\n                    :errors=\"errors\"\n                    @onTabLastRow=\"onTabLastRow\"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan=\"getSpan\" textAlign=\"right\">\n                            <SuiButtonGroup>\n                                <SuiButton ref=\"addButton\" size=\"small\" type=\"button\" icon :disabled=\"isLimitReached\" @click.stop.prevent=\"onAdd\">\n                                    <SuiIcon name=\"plus\" />\n                                </SuiButton>\n                                <SuiButton size=\"small\" type=\"button\" icon :disabled=\"isDeleteDisable\" @click.stop.prevent=\"onDelete\">\n                                    <SuiIcon name=\"trash\" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref=\"atkmlInput\" :form=\"form\" :name=\"name\" type=\"hidden\" :value=\"valueJson\" />\n            </div>\n        </div>`,\n    props: {\n        data: Object,\n    },\n    data: function () {\n        const tableDefault = {\n            basic: false,\n            celled: false,\n            collapsing: false,\n            stackable: false,\n            inverted: false,\n        };\n\n        return {\n            form: this.data.formName,\n            valueJson: this.data.inputValue,\n            name: this.data.inputName,\n            rowData: [],\n            fieldData: this.data.fields || [],\n            eventFields: this.data.eventFields || [],\n            deletables: [],\n            hasChangeCb: this.data.hasChangeCb,\n            errors: {},\n            caption: this.data.caption || null,\n            tableProp: { ...tableDefault, ...this.data.tableProps },\n        };\n    },\n    components: {\n        AtkMultilineHeader: multilineHeader,\n        AtkMultilineBody: multilineBody,\n    },\n    mounted: function () {\n        this.rowData = this.buildRowData(this.valueJson ?? '[]');\n        this.updateInputValue();\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-update-row', (payload) => {\n            this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete', (payload) => {\n            const i = this.deletables.indexOf(payload.rowId);\n            if (i !== -1) {\n                this.deletables.splice(i, 1);\n            } else {\n                this.deletables.push(payload.rowId);\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete-all', (payload) => {\n            this.deletables = [];\n            if (payload.isOn) {\n                for (const row of this.rowData) {\n                    this.deletables.push(row.__atkml);\n                }\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-multiline-rows-error', (payload) => {\n            this.errors = { ...payload.errors };\n        });\n    },\n    methods: {\n        onTabLastRow: function () {\n            if (!this.isLimitReached && this.data.addOnTab) {\n                this.onAdd();\n            }\n        },\n        onAdd: function () {\n            const newRow = this.createRow(this.data.fields);\n            this.rowData.push(newRow);\n            this.updateInputValue();\n            if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n                this.data.afterAdd(JSON.parse(this.valueJson));\n            }\n            this.fetchExpression(newRow.__atkml);\n            this.fetchOnUpdateAction();\n        },\n        onDelete: function () {\n            for (const atkmlId of this.deletables) {\n                this.deleteRow(atkmlId);\n            }\n            this.deletables = [];\n            this.updateInputValue();\n            this.fetchOnUpdateAction();\n            if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n                this.data.afterDelete(JSON.parse(this.valueJson));\n            }\n        },\n        onUpdate: function (atkmlId, fieldName, value) {\n            this.updateFieldInRow(atkmlId, fieldName, value);\n            this.clearError(atkmlId, fieldName);\n            this.updateInputValue();\n\n            if (!this.onUpdate.debouncedFx) {\n                this.onUpdate.debouncedFx = atk.createDebouncedFx(() => {\n                    this.onUpdate.debouncedFx = null;\n                    this.fetchExpression(atkmlId);\n                    this.fetchOnUpdateAction(fieldName);\n                }, 250);\n            }\n            this.onUpdate.debouncedFx.call(this);\n        },\n        /**\n         * Creates a new row of data and\n         * set values to default if available.\n         */\n        createRow: function (fields) {\n            const row = {};\n            for (const field of fields) {\n                row[field.name] = field.default;\n            }\n            row.__atkml = this.getUUID();\n\n            return row;\n        },\n        deleteRow: function (atkmlId) {\n            this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n            delete this.errors[atkmlId];\n        },\n        /**\n         * Update the value of the field in rowData.\n         */\n        updateFieldInRow: function (atkmlId, fieldName, value) {\n            for (const row of this.rowData) {\n                if (row.__atkml === atkmlId) {\n                    row[fieldName] = value;\n                }\n            }\n        },\n        clearError: function (atkmlId, fieldName) {\n            if (atkmlId in this.errors) {\n                const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n                this.errors[atkmlId] = [...errors];\n                if (errors.length === 0) {\n                    delete this.errors[atkmlId];\n                }\n            }\n        },\n        /**\n         * Update Multi-line Form input with all rowData values\n         * as JSON string.\n         */\n        updateInputValue: function () {\n            this.valueJson = JSON.stringify(this.rowData);\n        },\n        /**\n         * Build rowData from JSON string.\n         */\n        buildRowData: function (jsonValue) {\n            const rows = JSON.parse(jsonValue);\n            for (const row of rows) {\n                row.__atkml = this.getUUID();\n            }\n\n            return rows;\n        },\n        /**\n         * Check if one of the field use expression.\n         */\n        hasExpression: function () {\n            return this.fieldData.some((field) => field.isExpr);\n        },\n        /**\n         * Send on change action to server.\n         */\n        fetchOnUpdateAction: function (fieldName = null) {\n            if (this.hasChangeCb && (fieldName === null || this.eventFields.includes(fieldName))) {\n                $(this.$refs.addButton.$el).api({\n                    on: 'now',\n                    url: this.data.url,\n                    method: 'POST',\n                    data: { __atkml_action: 'on-change', rows: this.valueJson },\n                });\n            }\n        },\n        postData: async function (row) {\n            const data = { ...row };\n            const context = this.$refs.addButton.$el;\n            data.__atkml_action = 'update-row';\n            try {\n                return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n            } catch (e) {\n                console.error(e);\n            }\n        },\n        /**\n         * Get expressions values from server.\n         */\n        fetchExpression: async function (atkmlId) {\n            if (this.hasExpression()) {\n                const row = this.findRow(atkmlId);\n                // server will return expression field/value if defined\n                if (row) {\n                    const resp = await this.postData(row);\n                    if (resp.expressions) {\n                        const fields = Object.keys(resp.expressions);\n                        for (const field of fields) {\n                            this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n                        }\n                        this.updateInputValue();\n                    }\n                }\n            }\n        },\n        findRow: function (atkmlId) {\n            return this.rowData.find((row) => row.__atkml === atkmlId);\n        },\n        getInputElement: function () {\n            return this.$refs.atkmlInput;\n        },\n        /**\n         * UUID v4 generator.\n         */\n        getUUID: function () {\n            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {\n                const r = Math.floor(Math.random() * 16);\n                const v = c === 'x' ? r : r & (0x3 | 0x8); // eslint-disable-line no-bitwise\n\n                return v.toString(16);\n            });\n        },\n    },\n    computed: {\n        getSpan: function () {\n            return this.fieldData.length - 1;\n        },\n        getDeletables: function () {\n            return this.deletables;\n        },\n        /**\n         * Return Delete all checkbox state base on\n         * deletables entries.\n         */\n        getMainToggleState: function () {\n            let res = 'off';\n            if (this.deletables.length > 0) {\n                res = this.deletables.length === this.rowData.length\n                    ? 'on'\n                    : 'indeterminate';\n            }\n\n            return res;\n        },\n        isDeleteDisable: function () {\n            return this.deletables.length === 0;\n        },\n        isLimitReached: function () {\n            if (this.data.rowLimit === 0) {\n                return false;\n            }\n\n            return this.data.rowLimit < this.rowData.length + 1;\n        },\n    },\n};\n","import multilineRow from './multiline-row.component';\n\nexport default {\n    name: 'AtkMultilineBody',\n    template: `\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields=\"fields\"\n                v-for=\"(row, i) in rows\" :key=\"row.__atkml\"\n                :rowId=\"row.__atkml\"\n                :isDeletable=\"isDeletableRow(row)\"\n                :rowValues=\"row\"\n                :errors=\"getRowErrors(row.__atkml)\"\n                @onTabLastColumn=\"onTabLastColumn(i)\"\n            ></AtkMultilineRow>\n        </SuiTableBody>`,\n    props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n    data: function () {\n        return { fields: this.fieldDefs };\n    },\n    created: function () {},\n    components: {\n        AtkMultilineRow: multilineRow,\n    },\n    computed: {\n        rows: function () {\n            return this.rowData;\n        },\n    },\n    emits: ['onTabLastRow'],\n    methods: {\n        onTabLastColumn: function (rowIndex) {\n            if (rowIndex + 1 === this.rowData.length) {\n                this.$emit('onTabLastRow');\n            }\n        },\n        isDeletableRow: function (row) {\n            return this.deletables.includes(row.__atkml);\n        },\n        getRowErrors: function (rowId) {\n            return this.errors[rowId] ?? [];\n        },\n    },\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using SuiTableCell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n    name: 'AtkMultilineRow',\n    template: `\n        <SuiTableRow :verticalAlign=\"'middle'\">\n            <SuiTableCell textAlign=\"center\">\n                <input type=\"checkbox\" v-model=\"toDelete\" @input=\"onToggleDelete\" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for=\"(column, i) in filterVisibleColumns(columns)\"\n                v-bind=\"column.cellProps\"\n                :width=null\n                :error=\"hasColumnError(column)\"\n                :style=\"{ overflow: 'visible' }\"\n                @keydown.tab=\"onTab(i)\"\n            >\n                <AtkMultilineCell\n                    :cellData=\"column\"\n                    :fieldValue=\"getValue(column)\"\n                    @updateValue=\"onUpdateValue\"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>`,\n    props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'errors'],\n    data: function () {\n        return { columns: this.fields };\n    },\n    components: {\n        AtkMultilineCell: multilineCell,\n    },\n    computed: {\n        /**\n         * toDelete is bind by v-model, thus we need a setter for\n         * computed property to work.\n         * When isDeletable is pass, will set checkbox according to it's value.\n         */\n        toDelete: {\n            get: function () {\n                return this.isDeletable;\n            },\n            set: function (v) {\n                return v;\n            },\n        },\n    },\n    emits: ['onTabLastColumn'],\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onTab: function (columnIndex) {\n            if (columnIndex === this.columns.filter((column) => column.isEditable).length - 1) {\n                this.$emit('onTabLastColumn');\n            }\n        },\n        hasColumnError: function (column) {\n            return this.errors.some((v) => column.name === v.name);\n        },\n        onToggleDelete: function (e) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete', { rowId: this.rowId });\n        },\n        onUpdateValue: function (fieldName, value) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n        },\n        getValue: function (column) {\n            return this.rowValues[column.name] || column.default;\n        },\n    },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n *\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Properties:\n * config: Any of Flatpickr options\n */\nexport default {\n    name: 'AtkDatePicker',\n    template: `\n        <FlatpickrPicker\n            :config=\"flatPickr\"\n            :modelValue=\"getFlatpickrValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        />`,\n    props: ['config', 'modelValue'],\n    data: function () {\n        const config = { ...this.config };\n\n        if (config.defaultDate && !this.modelValue) {\n            config.defaultDate = new Date();\n        } else if (this.modelValue) {\n            config.defaultDate = this.modelValue;\n        }\n\n        if (!config.locale) {\n            config.locale = flatpickr.l10ns.default;\n        }\n\n        return {\n            flatPickr: config,\n        };\n    },\n    emits: ['setDefault'],\n    mounted: function () {\n        // if value is not set but default date is, then emit proper string value to parent\n        if (!this.modelValue && this.flatPickr.defaultDate) {\n            this.onUpdate(\n                this.flatPickr.defaultDate instanceof Date\n                    ? flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat)\n                    : this.flatPickr.defaultDate\n            );\n        }\n    },\n    methods: {\n        getFlatpickrValue: function (value) {\n            return value;\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value);\n        },\n    },\n};\n","/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Properties:\n * config:\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * Note: The remaining config object may contain any or SuiDropdown { props: value } pair.\n *\n * modelValue: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\nexport default {\n    name: 'AtkLookup',\n    template: `\n        <SuiDropdown\n            v-bind=\"dropdownProps\"\n            ref=\"drop\"\n            :modelValue=\"getDropdownValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        ></SuiDropdown>`,\n    props: ['config', 'modelValue', 'optionalValue'],\n    data: function () {\n        const {\n            url, reference, ...otherConfig\n        } = this.config;\n        otherConfig.selection = true;\n\n        return {\n            dropdownProps: otherConfig,\n            url: url || null,\n            field: reference,\n            query: '',\n            temp: '',\n        };\n    },\n    mounted: function () {\n        if (this.optionalValue) {\n            this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n        }\n    },\n    emits: ['update:modelValue'],\n    methods: {\n        getDropdownValue: function (value) {\n            return this.dropdownProps.options.find((item) => item.value === value);\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value.value);\n        },\n    },\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $some = require('../internals/async-iterator-iteration').some;\n\n// `AsyncIterator.prototype.some` method\n// https://github.com/tc39/proposal-async-iterator-helpers\n$({ target: 'AsyncIterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    return $some(this, predicate);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.some` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n"],"names":["name","template","components","AtkMultilineReadonly","props","AtkMultilineTextarea","emits","methods","onInput","event","this","$emit","target","value","AtkDatePicker","atkDatePicker","AtkLookup","atkLookup","data","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","columns","fields","isDeleteAll","filterVisibleColumns","filter","v","isVisible","onToggleDeleteAll","$nextTick","atk","eventBus","emit","$root","$el","parentElement","id","isOn","$refs","check","checked","getTextAlign","column","align","isEditable","getVisibleColumns","count","field","hasError","Object","keys","errors","length","hasCaption","caption","getErrorMsg","rows","row","error","col","msg","computed","isIndeterminate","selectionState","isChecked","form","formName","valueJson","rowData","fieldData","eventFields","deletables","hasChangeCb","tableProp","basic","celled","collapsing","stackable","inverted","tableProps","AtkMultilineHeader","multilineHeader","AtkMultilineBody","fieldDefs","created","AtkMultilineRow","AtkMultilineCell","multilineCell","toDelete","get","isDeletable","set","onTab","columnIndex","hasColumnError","some","onToggleDelete","e","rowId","onUpdateValue","getValue","rowValues","default","onTabLastColumn","rowIndex","isDeletableRow","includes","__atkml","getRowErrors","mounted","buildRowData","updateInputValue","on","payload","onUpdate","i","indexOf","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","JSON","parse","fetchExpression","fetchOnUpdateAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","debouncedFx","createDebouncedFx","call","getUUID","findIndex","stringify","jsonValue","hasExpression","isExpr","arguments","undefined","$","addButton","api","url","method","__atkml_action","postData","async","context","apiService","suiFetch","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replaceAll","c","r","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","res","isDeleteDisable","rowLimit","config","defaultDate","modelValue","Date","locale","flatpickr","l10ns","flatPickr","formatDate","dateFormat","getFlatpickrValue","reference","otherConfig","selection","dropdownProps","query","temp","optionalValue","options","Array","isArray","getDropdownValue","item","$some","proto","real","predicate","iterate","aCallable","anObject","getIteratorDirect","record","counter","stop","IS_RECORD","INTERRUPTED","stopped"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"js/atk-vue-multiline.min.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js","webpack://atk/./node_modules/core-js/modules/esnext.async-iterator.some.js","webpack://atk/./node_modules/core-js/modules/esnext.iterator.some.js"],"sourcesContent":["import multilineReadonly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n    name: 'AtkMultilineCell',\n    template: `\n        <component\n            :is=\"getComponent()\"\n            v-bind=\"getComponentProps()\"\n            ref=\"cell\"\n            :fluid=\"true\"\n            class=\"fluid\"\n            :name=\"inputName\"\n            v-model=\"inputValue\"\n            @update:modelValue=\"onInput\"\n        ></component>`,\n    components: {\n        AtkMultilineReadonly: multilineReadonly,\n        AtkMultilineTextarea: multilineTextarea,\n        AtkDatePicker: atkDatePicker,\n        AtkLookup: atkLookup,\n    },\n    props: ['cellData', 'fieldValue'],\n    data: function () {\n        return {\n            fieldName: this.cellData.name,\n            type: this.cellData.type,\n            inputName: '-' + this.cellData.name,\n            inputValue: this.fieldValue,\n        };\n    },\n    emits: ['updateValue'],\n    methods: {\n        getComponent: function () {\n            return this.cellData.definition.component;\n        },\n        getComponentProps: function () {\n            if (this.getComponent() === 'AtkMultilineReadonly') {\n                return { readOnlyValue: this.fieldValue };\n            }\n\n            return this.cellData.definition.componentProps;\n        },\n        onInput: function (value) {\n            this.inputValue = value;\n            this.$emit('updateValue', this.fieldName, this.inputValue);\n        },\n    },\n};\n","/**\n * Simply display a readonly value.\n */\nexport default {\n    name: 'AtkMultilineReadonly',\n    template: '<div>{{readOnlyValue}}</div>',\n    props: ['readOnlyValue'],\n};\n","export default {\n    name: 'AtkMultilineTextarea',\n    template: '<textarea v-model=\"modelValue\" @input=\"onInput\" />',\n    props: ['modelValue'],\n    emits: ['update:modelValue'],\n    methods: {\n        onInput: function (event) {\n            this.$emit('update:modelValue', event.target.value);\n        },\n    },\n};\n","import atk from 'atk';\n\nexport default {\n    name: 'AtkMultilineHeader',\n    template: `\n        <SuiTableHeader>\n            <SuiTableRow v-if=\"hasError()\">\n                <SuiTableCell :style=\"{ background: 'none' }\" />\n                <SuiTableCell :style=\"{ background: 'none' }\"\n                    error=\"true\"\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <SuiIcon v-if=\"getErrorMsg(column)\" name=\"attention\" />\n                    {{getErrorMsg(column)}}\n                </SuiTableCell>\n            </SuiTableRow>\n            <SuiTableRow v-if=\"hasCaption()\">\n                <SuiTableHeaderCell :colspan=\"getVisibleColumns()\">{{caption}}</SuiTableHeaderCell>\n            </SuiTableRow>\n            <SuiTableRow :verticalAlign=\"'top'\">\n                <SuiTableHeaderCell :width=1 textAlign=\"center\">\n                    <input ref=\"check\" type=\"checkbox\" :checked=\"isChecked\" :indeterminate=\"isIndeterminate\" @input=\"onToggleDeleteAll\" />\n                </SuiTableHeaderCell>\n                <SuiTableHeaderCell\n                    v-for=\"column in filterVisibleColumns(columns)\"\n                    :width=column.cellProps.width\n                    :textAlign=\"getTextAlign(column)\"\n                >\n                    <div>{{column.caption}}</div>\n                    <div v-if=\"false\" :style=\"{ position: 'absolute', top: '-22px' }\">\n                        <SuiLabel v-if=\"getErrorMsg(column)\" pointing=\"below\" basic color=\"red\">{{getErrorMsg(column)}}</SuiLabel>\n                    </div>\n                </SuiTableHeaderCell>\n            </SuiTableRow>\n        </SuiTableHeader>`,\n    props: ['fields', 'selectionState', 'errors', 'caption'],\n    data: function () {\n        return { columns: this.fields, isDeleteAll: false };\n    },\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onToggleDeleteAll: function () {\n            this.$nextTick(() => {\n                atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n            });\n        },\n        getTextAlign: function (column) {\n            let align = 'left';\n            if (!column.isEditable) {\n                switch (column.type) {\n                    case 'smallint':\n                    case 'integer':\n                    case 'bigint':\n                    case 'float':\n                    case 'atk4_money': {\n                        align = 'right';\n\n                        break;\n                    }\n                }\n            }\n\n            return align;\n        },\n        getVisibleColumns: function () {\n            let count = 1; // add deletable column;\n            for (const field of this.columns) {\n                count = field.isVisible ? count + 1 : count;\n            }\n\n            return count;\n        },\n        hasError: function () {\n            return Object.keys(this.errors).length > 0;\n        },\n        hasCaption: function () {\n            return this.caption;\n        },\n        getErrorMsg: function (column) {\n            if (this.hasError()) {\n                const rows = Object.keys(this.errors);\n                for (const row of rows) {\n                    const error = this.errors[row].filter((col) => col.name === column.name);\n                    if (error.length > 0) {\n                        return error[0].msg;\n                    }\n                }\n            }\n\n            return null;\n        },\n    },\n    computed: {\n        isIndeterminate: function () {\n            return this.selectionState === 'indeterminate';\n        },\n        isChecked: function () {\n            return this.selectionState === 'on';\n        },\n    },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n    name: 'AtkMultiline',\n    template: `\n        <div>\n            <SuiTable v-bind=\"tableProp\">\n                <AtkMultilineHeader\n                    :fields=\"fieldData\"\n                    :selectionState=\"getMainToggleState\"\n                    :errors=\"errors\"\n                    :caption=\"caption\"\n                ></AtkMultilineHeader>\n                <AtkMultilineBody\n                    :fieldDefs=\"fieldData\"\n                    :rowData=\"rowData\"\n                    :deletables=\"getDeletables\"\n                    :errors=\"errors\"\n                    @onTabLastRow=\"onTabLastRow\"\n                ></AtkMultilineBody>\n                <SuiTableFooter>\n                    <SuiTableRow>\n                        <SuiTableHeaderCell />\n                        <SuiTableHeaderCell :colspan=\"getSpan\" textAlign=\"right\">\n                            <SuiButtonGroup>\n                                <SuiButton ref=\"addButton\" size=\"small\" type=\"button\" icon :disabled=\"isLimitReached\" @click.stop.prevent=\"onAdd\">\n                                    <SuiIcon name=\"plus\" />\n                                </SuiButton>\n                                <SuiButton size=\"small\" type=\"button\" icon :disabled=\"isDeleteDisable\" @click.stop.prevent=\"onDelete\">\n                                    <SuiIcon name=\"trash\" />\n                                </SuiButton>\n                            </SuiButtonGroup>\n                        </SuiTableHeaderCell>\n                    </SuiTableRow>\n                </SuiTableFooter>\n            </SuiTable>\n            <div>\n                <input ref=\"atkmlInput\" :form=\"form\" :name=\"name\" type=\"hidden\" :value=\"valueJson\" />\n            </div>\n        </div>`,\n    props: {\n        data: Object,\n    },\n    data: function () {\n        const tableDefault = {\n            basic: false,\n            celled: false,\n            collapsing: false,\n            stackable: false,\n            inverted: false,\n        };\n\n        return {\n            form: this.data.formName,\n            valueJson: this.data.inputValue,\n            name: this.data.inputName,\n            rowData: [],\n            fieldData: this.data.fields || [],\n            eventFields: this.data.eventFields || [],\n            deletables: [],\n            hasChangeCb: this.data.hasChangeCb,\n            errors: {},\n            caption: this.data.caption || null,\n            tableProp: { ...tableDefault, ...this.data.tableProps },\n        };\n    },\n    components: {\n        AtkMultilineHeader: multilineHeader,\n        AtkMultilineBody: multilineBody,\n    },\n    mounted: function () {\n        this.rowData = this.buildRowData(this.valueJson ?? '[]');\n        this.updateInputValue();\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-update-row', (payload) => {\n            this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete', (payload) => {\n            const i = this.deletables.indexOf(payload.rowId);\n            if (i !== -1) {\n                this.deletables.splice(i, 1);\n            } else {\n                this.deletables.push(payload.rowId);\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-toggle-delete-all', (payload) => {\n            this.deletables = [];\n            if (payload.isOn) {\n                for (const row of this.rowData) {\n                    this.deletables.push(row.__atkml);\n                }\n            }\n        });\n\n        atk.eventBus.on(this.$root.$el.parentElement.id + '-multiline-rows-error', (payload) => {\n            this.errors = { ...payload.errors };\n        });\n    },\n    methods: {\n        onTabLastRow: function () {\n            if (!this.isLimitReached && this.data.addOnTab) {\n                this.onAdd();\n            }\n        },\n        onAdd: function () {\n            const newRow = this.createRow(this.data.fields);\n            this.rowData.push(newRow);\n            this.updateInputValue();\n            if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n                this.data.afterAdd(JSON.parse(this.valueJson));\n            }\n            this.fetchExpression(newRow.__atkml);\n            this.fetchOnUpdateAction();\n        },\n        onDelete: function () {\n            for (const atkmlId of this.deletables) {\n                this.deleteRow(atkmlId);\n            }\n            this.deletables = [];\n            this.updateInputValue();\n            this.fetchOnUpdateAction();\n            if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n                this.data.afterDelete(JSON.parse(this.valueJson));\n            }\n        },\n        onUpdate: function (atkmlId, fieldName, value) {\n            this.updateFieldInRow(atkmlId, fieldName, value);\n            this.clearError(atkmlId, fieldName);\n            this.updateInputValue();\n\n            if (!this.onUpdate.debouncedFx) {\n                this.onUpdate.debouncedFx = atk.createDebouncedFx(() => {\n                    this.onUpdate.debouncedFx = null;\n                    this.fetchExpression(atkmlId);\n                    this.fetchOnUpdateAction(fieldName);\n                }, 250);\n            }\n            this.onUpdate.debouncedFx.call(this);\n        },\n        /**\n         * Creates a new row of data and\n         * set values to default if available.\n         */\n        createRow: function (fields) {\n            const row = {};\n            for (const field of fields) {\n                row[field.name] = field.default;\n            }\n            row.__atkml = this.getUUID();\n\n            return row;\n        },\n        deleteRow: function (atkmlId) {\n            this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n            delete this.errors[atkmlId];\n        },\n        /**\n         * Update the value of the field in rowData.\n         */\n        updateFieldInRow: function (atkmlId, fieldName, value) {\n            for (const row of this.rowData) {\n                if (row.__atkml === atkmlId) {\n                    row[fieldName] = value;\n                }\n            }\n        },\n        clearError: function (atkmlId, fieldName) {\n            if (atkmlId in this.errors) {\n                const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n                this.errors[atkmlId] = [...errors];\n                if (errors.length === 0) {\n                    delete this.errors[atkmlId];\n                }\n            }\n        },\n        /**\n         * Update Multi-line Form input with all rowData values\n         * as JSON string.\n         */\n        updateInputValue: function () {\n            this.valueJson = JSON.stringify(this.rowData);\n        },\n        /**\n         * Build rowData from JSON string.\n         */\n        buildRowData: function (jsonValue) {\n            const rows = JSON.parse(jsonValue);\n            for (const row of rows) {\n                row.__atkml = this.getUUID();\n            }\n\n            return rows;\n        },\n        /**\n         * Check if one of the field use expression.\n         */\n        hasExpression: function () {\n            return this.fieldData.some((field) => field.isExpr);\n        },\n        /**\n         * Send on change action to server.\n         */\n        fetchOnUpdateAction: function (fieldName = null) {\n            if (this.hasChangeCb && (fieldName === null || this.eventFields.includes(fieldName))) {\n                $(this.$refs.addButton.$el).api({\n                    on: 'now',\n                    url: this.data.url,\n                    method: 'POST',\n                    data: { __atkml_action: 'on-change', rows: this.valueJson },\n                });\n            }\n        },\n        postData: async function (row) {\n            const data = { ...row };\n            const context = this.$refs.addButton.$el;\n            data.__atkml_action = 'update-row';\n            try {\n                return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n            } catch (e) {\n                console.error(e);\n            }\n        },\n        /**\n         * Get expressions values from server.\n         */\n        fetchExpression: async function (atkmlId) {\n            if (this.hasExpression()) {\n                const row = this.findRow(atkmlId);\n                // server will return expression field/value if defined\n                if (row) {\n                    const resp = await this.postData(row);\n                    if (resp.expressions) {\n                        const fields = Object.keys(resp.expressions);\n                        for (const field of fields) {\n                            this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n                        }\n                        this.updateInputValue();\n                    }\n                }\n            }\n        },\n        findRow: function (atkmlId) {\n            return this.rowData.find((row) => row.__atkml === atkmlId);\n        },\n        getInputElement: function () {\n            return this.$refs.atkmlInput;\n        },\n        /**\n         * UUID v4 generator.\n         */\n        getUUID: function () {\n            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {\n                const r = Math.floor(Math.random() * 16);\n                const v = c === 'x' ? r : r & (0x3 | 0x8); // eslint-disable-line no-bitwise\n\n                return v.toString(16);\n            });\n        },\n    },\n    computed: {\n        getSpan: function () {\n            return this.fieldData.length - 1;\n        },\n        getDeletables: function () {\n            return this.deletables;\n        },\n        /**\n         * Return Delete all checkbox state base on\n         * deletables entries.\n         */\n        getMainToggleState: function () {\n            let res = 'off';\n            if (this.deletables.length > 0) {\n                res = this.deletables.length === this.rowData.length\n                    ? 'on'\n                    : 'indeterminate';\n            }\n\n            return res;\n        },\n        isDeleteDisable: function () {\n            return this.deletables.length === 0;\n        },\n        isLimitReached: function () {\n            if (this.data.rowLimit === 0) {\n                return false;\n            }\n\n            return this.data.rowLimit < this.rowData.length + 1;\n        },\n    },\n};\n","import multilineRow from './multiline-row.component';\n\nexport default {\n    name: 'AtkMultilineBody',\n    template: `\n        <SuiTableBody>\n            <AtkMultilineRow\n                :fields=\"fields\"\n                v-for=\"(row, i) in rows\" :key=\"row.__atkml\"\n                :rowId=\"row.__atkml\"\n                :isDeletable=\"isDeletableRow(row)\"\n                :rowValues=\"row\"\n                :errors=\"getRowErrors(row.__atkml)\"\n                @onTabLastColumn=\"onTabLastColumn(i)\"\n            ></AtkMultilineRow>\n        </SuiTableBody>`,\n    props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n    data: function () {\n        return { fields: this.fieldDefs };\n    },\n    created: function () {},\n    components: {\n        AtkMultilineRow: multilineRow,\n    },\n    computed: {\n        rows: function () {\n            return this.rowData;\n        },\n    },\n    emits: ['onTabLastRow'],\n    methods: {\n        onTabLastColumn: function (rowIndex) {\n            if (rowIndex + 1 === this.rowData.length) {\n                this.$emit('onTabLastRow');\n            }\n        },\n        isDeletableRow: function (row) {\n            return this.deletables.includes(row.__atkml);\n        },\n        getRowErrors: function (rowId) {\n            return this.errors[rowId] ?? [];\n        },\n    },\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using SuiTableCell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n    name: 'AtkMultilineRow',\n    template: `\n        <SuiTableRow :verticalAlign=\"'middle'\">\n            <SuiTableCell textAlign=\"center\">\n                <input type=\"checkbox\" v-model=\"toDelete\" @input=\"onToggleDelete\" />\n            </SuiTableCell>\n            <SuiTableCell\n                v-for=\"(column, i) in filterVisibleColumns(columns)\"\n                v-bind=\"column.cellProps\"\n                :width=null\n                :error=\"hasColumnError(column)\"\n                :style=\"{ overflow: 'visible' }\"\n                @keydown.tab=\"onTab(i)\"\n            >\n                <AtkMultilineCell\n                    :cellData=\"column\"\n                    :fieldValue=\"getValue(column)\"\n                    @updateValue=\"onUpdateValue\"\n                ></AtkMultilineCell>\n            </SuiTableCell>\n        </SuiTableRow>`,\n    props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'errors'],\n    data: function () {\n        return { columns: this.fields };\n    },\n    components: {\n        AtkMultilineCell: multilineCell,\n    },\n    computed: {\n        /**\n         * toDelete is bind by v-model, thus we need a setter for\n         * computed property to work.\n         * When isDeletable is pass, will set checkbox according to it's value.\n         */\n        toDelete: {\n            get: function () {\n                return this.isDeletable;\n            },\n            set: function (v) {\n                return v;\n            },\n        },\n    },\n    emits: ['onTabLastColumn'],\n    methods: {\n        filterVisibleColumns: function (columns) {\n            return columns.filter((v) => v.isVisible);\n        },\n        onTab: function (columnIndex) {\n            if (columnIndex === this.columns.filter((column) => column.isEditable).length - 1) {\n                this.$emit('onTabLastColumn');\n            }\n        },\n        hasColumnError: function (column) {\n            return this.errors.some((v) => column.name === v.name);\n        },\n        onToggleDelete: function (e) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-toggle-delete', { rowId: this.rowId });\n        },\n        onUpdateValue: function (fieldName, value) {\n            atk.eventBus.emit(this.$root.$el.parentElement.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n        },\n        getValue: function (column) {\n            return this.rowValues[column.name] || column.default;\n        },\n    },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n *\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Properties:\n * config: Any of Flatpickr options\n */\nexport default {\n    name: 'AtkDatePicker',\n    template: `\n        <FlatpickrPicker\n            :config=\"flatPickr\"\n            :modelValue=\"getFlatpickrValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        />`,\n    props: ['config', 'modelValue'],\n    data: function () {\n        const config = { ...this.config };\n\n        if (config.defaultDate && !this.modelValue) {\n            config.defaultDate = new Date();\n        } else if (this.modelValue) {\n            config.defaultDate = this.modelValue;\n        }\n\n        if (!config.locale) {\n            config.locale = flatpickr.l10ns.default;\n        }\n\n        return {\n            flatPickr: config,\n        };\n    },\n    emits: ['setDefault'],\n    mounted: function () {\n        // if value is not set but default date is, then emit proper string value to parent\n        if (!this.modelValue && this.flatPickr.defaultDate) {\n            this.onUpdate(\n                this.flatPickr.defaultDate instanceof Date\n                    ? flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat)\n                    : this.flatPickr.defaultDate\n            );\n        }\n    },\n    methods: {\n        getFlatpickrValue: function (value) {\n            return value;\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value);\n        },\n    },\n};\n","/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Properties:\n * config:\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * Note: The remaining config object may contain any or SuiDropdown { props: value } pair.\n *\n * modelValue: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\nexport default {\n    name: 'AtkLookup',\n    template: `\n        <SuiDropdown\n            v-bind=\"dropdownProps\"\n            ref=\"drop\"\n            :modelValue=\"getDropdownValue(modelValue)\"\n            @update:modelValue=\"onUpdate\"\n        ></SuiDropdown>`,\n    props: ['config', 'modelValue', 'optionalValue'],\n    data: function () {\n        const {\n            url, reference, ...otherConfig\n        } = this.config;\n        otherConfig.selection = true;\n\n        return {\n            dropdownProps: otherConfig,\n            url: url || null,\n            field: reference,\n            query: '',\n            temp: '',\n        };\n    },\n    mounted: function () {\n        if (this.optionalValue) {\n            this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n        }\n    },\n    emits: ['update:modelValue'],\n    methods: {\n        getDropdownValue: function (value) {\n            return this.dropdownProps.options.find((item) => item.value === value);\n        },\n        onUpdate: function (value) {\n            this.$emit('update:modelValue', value.value);\n        },\n    },\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $some = require('../internals/async-iterator-iteration').some;\n\n// `AsyncIterator.prototype.some` method\n// https://github.com/tc39/proposal-async-iterator-helpers\n$({ target: 'AsyncIterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    return $some(this, predicate);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.some` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  some: function some(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n"],"names":["name","template","components","AtkMultilineReadonly","props","AtkMultilineTextarea","emits","methods","onInput","event","this","$emit","target","value","AtkDatePicker","atkDatePicker","AtkLookup","atkLookup","data","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","columns","fields","isDeleteAll","filterVisibleColumns","filter","v","isVisible","onToggleDeleteAll","$nextTick","atk","eventBus","emit","$root","$el","parentElement","id","isOn","$refs","check","checked","getTextAlign","column","align","isEditable","getVisibleColumns","count","field","hasError","Object","keys","errors","length","hasCaption","caption","getErrorMsg","rows","row","error","col","msg","computed","isIndeterminate","selectionState","isChecked","form","formName","valueJson","rowData","fieldData","eventFields","deletables","hasChangeCb","tableProp","basic","celled","collapsing","stackable","inverted","tableProps","AtkMultilineHeader","multilineHeader","AtkMultilineBody","fieldDefs","created","AtkMultilineRow","AtkMultilineCell","multilineCell","toDelete","get","isDeletable","set","onTab","columnIndex","hasColumnError","some","onToggleDelete","e","rowId","onUpdateValue","getValue","rowValues","default","onTabLastColumn","rowIndex","isDeletableRow","includes","__atkml","getRowErrors","mounted","buildRowData","updateInputValue","on","payload","onUpdate","i","indexOf","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","JSON","parse","fetchExpression","fetchOnUpdateAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","debouncedFx","createDebouncedFx","call","getUUID","findIndex","stringify","jsonValue","hasExpression","isExpr","arguments","undefined","$","addButton","api","url","method","__atkml_action","postData","async","context","apiService","suiFetch","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replaceAll","c","r","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","res","isDeleteDisable","rowLimit","config","defaultDate","modelValue","Date","locale","flatpickr","l10ns","flatPickr","formatDate","dateFormat","getFlatpickrValue","reference","otherConfig","selection","dropdownProps","query","temp","optionalValue","options","Array","isArray","getDropdownValue","item","$some","proto","real","predicate","iterate","aCallable","anObject","getIteratorDirect","record","counter","stop","IS_RECORD","INTERRUPTED","stopped"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/Form/Control/Multiline.php b/src/Form/Control/Multiline.php
index 3297f22651..c9d5fe17f0 100644
--- a/src/Form/Control/Multiline.php
+++ b/src/Form/Control/Multiline.php
@@ -465,7 +465,7 @@ protected function getSuiTableCellProps(Field $field): array
     {
         $props = [];
 
-        if ($field->type === 'integer' || $field->type === 'atk4_money') {
+        if (in_array($field->type, ['smallint', 'integer', 'bigint', 'float', 'atk4_money'], true)) {
             $props['text-align'] = 'right';
         }
 
@@ -850,13 +850,13 @@ private function getDummyExpression(SqlExpressionField $exprField, Model $entity
     /**
      * Return a value according to field used in expression and the expression type.
      * If field used in expression is null, the default value is returned.
-     *
-     * @return string
      */
-    private function getValueForExpression(Field $exprField, string $fieldName, Model $entity)
+    private function getValueForExpression(Field $exprField, string $fieldName, Model $entity): string
     {
         switch ($exprField->type) {
+            case 'smallint':
             case 'integer':
+            case 'bigint':
             case 'float':
             case 'atk4_money':
                 $value = (string) ($entity->get($fieldName) ?? 0);
diff --git a/src/Form/Control/ScopeBuilder.php b/src/Form/Control/ScopeBuilder.php
index 2b7bea834e..eb5448a45e 100644
--- a/src/Form/Control/ScopeBuilder.php
+++ b/src/Form/Control/ScopeBuilder.php
@@ -255,7 +255,9 @@ class ScopeBuilder extends Form\Control
             'operators' => self::DATE_OPERATORS,
             'componentProps' => [__CLASS__, 'getDatePickerProps'],
         ],
+        'smallint' => 'numeric',
         'integer' => 'numeric',
+        'bigint' => 'numeric',
         'float' => 'numeric',
         'atk4_money' => 'numeric',
         'checkbox' => 'boolean',
diff --git a/src/ItemsPerPageSelector.php b/src/ItemsPerPageSelector.php
index 0687fb4f0e..ee407ac8db 100644
--- a/src/ItemsPerPageSelector.php
+++ b/src/ItemsPerPageSelector.php
@@ -30,7 +30,7 @@ class ItemsPerPageSelector extends View
 
     private function formatInteger(int $value): string
     {
-        return $this->getApp()->uiPersistence->typecastSaveField(new Field(['type' => 'integer']), $value);
+        return $this->getApp()->uiPersistence->typecastSaveField(new Field(['type' => 'bigint']), $value);
     }
 
     #[\Override]
diff --git a/src/Persistence/Ui.php b/src/Persistence/Ui.php
index bacd45e707..a592f6faef 100644
--- a/src/Persistence/Ui.php
+++ b/src/Persistence/Ui.php
@@ -111,7 +111,9 @@ protected function _typecastSaveField(Field $field, $value): ?string
                 $value = $value ? $this->yes : $this->no;
 
                 break;
+            case 'smallint':
             case 'integer':
+            case 'bigint':
             case 'float':
                 $value = parent::_typecastLoadField($field, $value);
                 $value = is_int($value)
@@ -170,7 +172,7 @@ protected function _typecastSaveField(Field $field, $value): ?string
         }
 
         if (is_int($value)) {
-            $value = $this->_typecastSaveField(new Field(['type' => 'integer']), $value);
+            $value = $this->_typecastSaveField(new Field(['type' => 'bigint']), $value);
         }
 
         if (is_float($value)) {
@@ -195,7 +197,9 @@ protected function _typecastLoadField(Field $field, $value)
                 }
 
                 break;
+            case 'smallint':
             case 'integer':
+            case 'bigint':
             case 'float':
             case 'atk4_money':
                 if (is_string($value)) {
diff --git a/tests/PersistenceUiTest.php b/tests/PersistenceUiTest.php
index 8f4c10baab..5875b73827 100644
--- a/tests/PersistenceUiTest.php
+++ b/tests/PersistenceUiTest.php
@@ -76,9 +76,11 @@ public static function provideTypecastBidirectionalCases(): iterable
         yield [[], ['type' => 'integer'], 1, '1'];
         yield [[], ['type' => 'integer'], 0, '0'];
         yield [[], ['type' => 'integer'], -1_100_230_000_456_345_678, $fixSpaceToNbspFx('-1 100 230 000 456 345 678')];
+        yield [[], ['type' => 'bigint'], -1_100_230_000_456_345_678, $fixSpaceToNbspFx('-1 100 230 000 456 345 678')];
         yield [['thousandsSeparator' => ''], ['type' => 'integer'], 12_345_678, '12345678'];
         yield [['thousandsSeparator' => ','], ['type' => 'integer'], 12_345_678, '12,345,678'];
         yield [['decimalSeparator' => ',', 'thousandsSeparator' => '.'], ['type' => 'integer'], 12_345_678, '12.345.678'];
+        yield [['decimalSeparator' => ',', 'thousandsSeparator' => '.'], ['type' => 'bigint'], 12_345_678, '12.345.678'];
         yield [[], ['type' => 'float'], 1.0, '1.0'];
         yield [[], ['type' => 'float'], 0.0, '0.0'];
         yield [[], ['type' => 'float'], -1_100_230_000.4567, $fixSpaceToNbspFx('-1 100 230 000.4567')];
@@ -138,14 +140,14 @@ public static function provideTypecastBidirectionalCases(): iterable
         yield [['thousandsSeparator' => ','], ['type' => 'atk4_money'], 12_345_678.3, $fixSpaceToNbspFx('€ 12,345,678.30')];
         yield [['decimalSeparator' => ',', 'thousandsSeparator' => '.'], ['type' => 'atk4_money'], 12_345_678.3, $fixSpaceToNbspFx('€ 12.345.678,30')];
 
-        foreach (['string', 'text', 'integer', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
+        foreach (['string', 'text', 'smallint', 'integer', 'bigint', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
             yield [[], ['type' => $type], null, null];
         }
     }
 
     public static function provideTypecastLoadOnlyCases(): iterable
     {
-        foreach (['integer', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
+        foreach (['smallint', 'integer', 'bigint', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
             yield [[], ['type' => $type], null, '', false];
         }
 
@@ -161,7 +163,9 @@ public static function provideTypecastLoadOnlyCases(): iterable
         yield [[], ['type' => 'boolean'], false, ' 0' . "\n", false];
 
         yield [[], ['type' => 'integer'], 12_345_678, '12345678', false];
+        yield [[], ['type' => 'smallint'], 12_345_678, '12_345_678', false];
         yield [[], ['type' => 'integer'], 12_345_678, '12_345_678', false];
+        yield [[], ['type' => 'bigint'], 12_345_678, '12_345_678', false];
         yield [[], ['type' => 'integer'], 12_345_678, '12 345 678', false];
         yield [[], ['type' => 'integer'], 12_345_678, "\r" . '12345678', false];
         yield [[], ['type' => 'integer'], 628, '6_28', false];
@@ -232,6 +236,7 @@ public static function provideAttributeTypecastCases(): iterable
         yield [['type' => 'integer'], 0, '0'];
         yield [['type' => 'integer'], 12_345_678, '12345678'];
         yield [['type' => 'integer'], -1_100_230_000_456_345_678, '-1100230000456345678'];
+        yield [['type' => 'bigint'], -1_100_230_000_456_345_678, '-1100230000456345678'];
         yield [['type' => 'float'], 1.0, '1.0'];
         yield [['type' => 'float'], 0.0, '0.0'];
         yield [['type' => 'float'], -1_100_230_000.4567, '-1100230000.4567'];
@@ -256,7 +261,7 @@ public static function provideAttributeTypecastCases(): iterable
         yield [['type' => 'atk4_money'], 1_234_056_789.1, '1234056789.1'];
         yield [['type' => 'atk4_money'], 234_056_789.101, '234056789.101'];
 
-        foreach (['string', 'text', 'integer', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
+        foreach (['string', 'text', 'smallint', 'integer', 'bigint', 'float', 'boolean', 'date', 'time', 'datetime', 'atk4_money'] as $type) {
             yield [['type' => $type], null, null];
         }
     }