tuain-ng-forms-lib 14.4.45 → 14.4.90

package/fesm2015/tuain-ng-forms-lib.mjs

@@ -168,15 +168,14 @@ class FieldComponent extends ElementComponent {
     onChangeContent() { setTimeout(() => { var _a; return (_a = this.field) === null || _a === void 0 ? void 0 : _a.notifyEditionFinish(); }, 50); }
     onShowInfo(detail = null) { setTimeout(() => { var _a; return (_a = this.field) === null || _a === void 0 ? void 0 : _a.notifyEditionDetailRequest(detail); }, 50); }
     focus() { }
-    updateObject() { var _a; (_a = this.field) === null || _a === void 0 ? void 0 : _a.setValue(this.value); }
+    updateObject(widgetUpdate = true) { var _a; (_a = this.field) === null || _a === void 0 ? void 0 : _a.setValue(this.value, widgetUpdate); }
     inputChanged() {
         var _a;
         (_a = this.field) === null || _a === void 0 ? void 0 : _a.setValue(this.value);
         this.onChangeContent();
     }
     inputTyped() {
-        var _a;
-        (_a = this.field) === null || _a === void 0 ? void 0 : _a.setValue(this.value);
+        this.updateObject(false);
         this.onInputChange();
     }
     numberInputValidation(event) {
@@ -395,18 +394,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 type: Input
             }] } });
 
-const changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage'];
 class LibTableComponent extends ElementComponent {
     constructor() {
         super(...arguments);
-        this.currentPage = 1;
-        this.globalSearch = false;
         this.globalFilterString = '';
-        // visibleRecords: any[] = [];
-        this.selectedRecords = [];
-        this.totalRecordsNumber = 0;
-        this.allSelected = false;
-        this.layout = '';
         this.loaded = false;
         this.selectable = false;
         this.hasActions = false;
@@ -427,7 +418,7 @@ class LibTableComponent extends ElementComponent {
         this.globalActions = (_g = this.table) === null || _g === void 0 ? void 0 : _g.getActions((_h = this.formConfig) === null || _h === void 0 ? void 0 : _h.tableActions.global);
         this.selectionActions = (_j = this.table) === null || _j === void 0 ? void 0 : _j.getActions((_k = this.formConfig) === null || _k === void 0 ? void 0 : _k.tableActions.selection);
         // Inicialización de campos mapeados del objeto
-        const mapping = Object.entries((_l = this.formConfig) === null || _l === void 0 ? void 0 : _l.actionPropagateAttributes);
+        const mapping = Object.entries((_l = this.formConfig) === null || _l === void 0 ? void 0 : _l.tablePropagationAttributes);
         for (let index = 0; index < mapping.length; index++) {
             const tableAttr = (_m = mapping[index]) === null || _m === void 0 ? void 0 : _m[0];
             const componentAttr = (_q = (_p = (_o = mapping[index]) === null || _o === void 0 ? void 0 : _o[1]) === null || _p === void 0 ? void 0 : _p.toString()) !== null && _q !== void 0 ? _q : '';
@@ -441,30 +432,14 @@ class LibTableComponent extends ElementComponent {
             this.defaultProcessAttributeChange(attrName, value);
             this.customProcessAttributeChange(attrName, value);
         });
-        // Suscripción a los cambios de atributos de las columnas
-        // this.table.columns.forEach(column => {
-        //   mapping = this.formConfig?.tableColumnPropagateAttributes;
-        //   for (let index = 0; index < mapping.length; index++) {
-        //     const attrName = mapping[index].toString();
-        //     const attributeValue = column?.[attrName];
-        //     this.defaultColumnAttributeChange(column, attrName, attributeValue);
-        //   }
-        //   column?.attributeChange.subscribe(event => {
-        //     const { name: attrName, value } = event;
-        //     this.defaultColumnAttributeChange(column, attrName, value);
-        //   });
-        // });
         this.start();
     }
-    // defaultColumnAttributeChange(column: any, attribute: string, value?: any) {
-    //   attribute && (column[attribute] = value);
-    // }
     updateTableData() { }
     tableGlobalAction(actionCode) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.notifyGlobalAction(actionCode); }
     tableSelectionAction(actionCode) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.notifySelectionAction(actionCode); }
     tableActionSelected(actionEvent) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.notifyInlineAction(actionEvent); }
     tableSelectionToggle(recordId) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.notifyRecordSelection(recordId); }
-    toggleSelectAll() { var _a, _b; return (this.allSelected) ? (_a = this.table) === null || _a === void 0 ? void 0 : _a.unSelectAll() : (_b = this.table) === null || _b === void 0 ? void 0 : _b.selectAll(); }
+    toggleSelectAll() { var _a, _b, _c; return ((_a = this.table) === null || _a === void 0 ? void 0 : _a.allSelected) ? (_b = this.table) === null || _b === void 0 ? void 0 : _b.unSelectAll() : (_c = this.table) === null || _c === void 0 ? void 0 : _c.selectAll(); }
     globalFilterCompleted() { this.changePage(1); }
     changePage(requestedPage) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.changePage(requestedPage); }
     tableColumnSort(columnName, direction = null) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.sort(columnName, direction !== null && direction !== void 0 ? direction : 'ascend'); }
@@ -540,14 +515,13 @@ const operators = {
 class FormPiece {
     constructor(pieceDefinition, formConfig) {
         var _a, _b, _c, _d;
-        this._attributeChange = new BehaviorSubject(null);
         this._formState = '';
-        this._visible = true;
-        this._disabled = false;
+        this._absoluteVisible = true;
+        this._absoluteDisabled = false;
         this.visibleStates = null;
         this.enabledStates = null;
-        this.visibleOnState = true;
-        this.disabledOnState = false;
+        this._visible = true;
+        this._disabled = false;
         this.customAttributes = {};
         this._formConfig = formConfig;
         this._isForced = false;
@@ -573,10 +547,6 @@ class FormPiece {
         });
     }
     matchAttribute(name, value) { var _a; return ((_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) === value; }
-    get attributeChange() { return this._attributeChange; }
-    propagateAttribute(name, value) {
-        this._attributeChange.next({ name, value });
-    }
     setVisibleStates(newStates) {
         const visibleStates = (!Array.isArray(newStates) && typeof newStates === 'string')
             ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
@@ -591,26 +561,23 @@ class FormPiece {
     }
     viewOnState(state) { return (this.visibleStates && state) ? this.visibleStates.includes(state) : false; }
     enabledOnState(state) { return (this.enabledStates && state) ? this.enabledStates.includes(state) : false; }
+    get absoluteVisible() { return this._absoluteVisible; }
+    get absoluteDisabled() { return this._absoluteDisabled; }
     get visible() { return this._visible; }
     set visible(visible) { this.setVisibility(visible); }
     visibleOn(state) {
-        return this.visible && this.viewOnState(state);
+        return this._absoluteVisible && this.viewOnState(state);
     }
     enabledOn(state) {
-        return !this._disabled && this.enabledOnState(state);
+        return !this._absoluteDisabled && this.enabledOnState(state);
     }
     setVisibility(visible, forced = null) {
-        this._visible = visible && true;
-        this.propagateVisible();
+        this._absoluteVisible = !!visible;
         if (forced !== null) {
             this._isForced = forced;
             this._visibleForced = visible;
         }
-        const formerVisibleOnState = this.visibleOnState;
-        this.visibleOnState = this.visible && this.viewOnState(this._formState);
-        if (formerVisibleOnState !== this.visibleOnState) {
-            this.propagateAttribute('visible', this.visibleOnState);
-        }
+        this._visible = this._absoluteVisible && this.viewOnState(this._formState);
     }
     show(forced = null) {
         this.setVisibility(true, forced);
@@ -618,42 +585,60 @@ class FormPiece {
     hide(forced = null) {
         this.setVisibility(false, forced);
     }
-    get disabled() { return this._disabled; }
     get enabled() { return !this._disabled; }
-    get editable() { return !this._disabled; }
     set enabled(enabled) {
-        this._disabled = !enabled;
-        const formerDisableOnState = this.disabledOnState;
-        this.disabledOnState = this._disabled || !this.enabledOnState(this._formState);
-        if (formerDisableOnState !== this.disabledOnState) {
-            this.propagateDisabled();
-        }
+        this._absoluteDisabled = !enabled;
+        this._disabled = this._absoluteDisabled || !this.enabledOnState(this._formState);
     }
+    get editable() { return !this._disabled; }
+    get disabled() { return this._disabled; }
+    set disabled(disabled) { this.enabled = !disabled; }
     enable() { this.enabled = true; }
     disable() { this.enabled = false; }
+    formStateChangeCustomSubscribe(formChangeSubject) { }
+    formStateChange(state) {
+        if (state) {
+            this._formState = state;
+            this._visible = this._absoluteVisible && this.viewOnState(state);
+            this._disabled = this._absoluteDisabled || !this.enabledOnState(state);
+        }
+    }
     subscribeFormStateChange(formChangeSubject) {
-        this.formStateChangeCustom(formChangeSubject);
-        formChangeSubject.subscribe(event => {
-            const { state } = event !== null && event !== void 0 ? event : {};
-            if (state) {
-                this._formState = state;
-                this.visibleOnState = this.visible && this.viewOnState(state);
-                this.disabledOnState = this._disabled || !this.enabledOnState(state);
-                this.propagateVisible();
-                this.propagateDisabled();
-            }
-        });
+        this.formStateChangeCustomSubscribe(formChangeSubject);
+        formChangeSubject.subscribe(event => this.formStateChange(event === null || event === void 0 ? void 0 : event.state));
+    }
+}
+
+const VISIBLE = 'visible';
+const DISABLED = 'disabled';
+class FormPiecePropagate extends FormPiece {
+    constructor(pieceDefinition, formConfig) {
+        super(pieceDefinition, formConfig);
+        this._attributeChange = new BehaviorSubject(null);
+    }
+    get attributeChange() { return this._attributeChange; }
+    propagateAttribute(name, value) {
+        var _a;
+        (_a = this._attributeChange) === null || _a === void 0 ? void 0 : _a.next({ name, value });
     }
-    formStateChangeCustom(formChangeSubject) { }
-    propagateVisible() {
-        this.propagateAttribute('visible', this.visibleOnState);
+    setVisibility(visible, forced = null) {
+        super.setVisibility(visible, forced);
+        this.propagateAttribute(VISIBLE, this._visible);
+    }
+    set enabled(enabled) {
+        super.enabled = enabled;
+        this.propagateAttribute(DISABLED, this._disabled);
     }
-    propagateDisabled() {
-        this.propagateAttribute('disabled', this.disabledOnState);
+    formStateChange(state) {
+        super.formStateChange(state);
+        if (state) {
+            this.propagateAttribute(VISIBLE, this._visible);
+            this.propagateAttribute(DISABLED, this._disabled);
+        }
     }
 }
 
-class FormElement extends FormPiece {
+class FormElement extends FormPiecePropagate {
     constructor(elementDefinition, formConfig) {
         super(elementDefinition, formConfig);
         this.elementType = null;
@@ -753,7 +738,7 @@ const attrs$1 = {
 };
 class FieldDescriptor extends FormElement {
     constructor(inputFieldReceived, formConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         super(inputFieldReceived, formConfig);
         this._editionFinish = new Subject();
         this._editionPartial = new Subject();
@@ -813,14 +798,14 @@ class FieldDescriptor extends FormElement {
         this.defaultEditable = this.enabled;
         this.required = (_e = fld.required) !== null && _e !== void 0 ? _e : false;
         this.outputOnly = (_f = fld.outputOnly) !== null && _f !== void 0 ? _f : false;
-        this.maxLength = (_g = fld.maxLength) !== null && _g !== void 0 ? _g : (this._captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
-        this.intrinsicErrorMessage = (_q = (_l = (_k = (_j = (_h = this._formConfig) === null || _h === void 0 ? void 0 : _h.fieldValidations) === null || _j === void 0 ? void 0 : _j[this._fieldType]) === null || _k === void 0 ? void 0 : _k.message) !== null && _l !== void 0 ? _l : (_p = (_o = (_m = this._formConfig) === null || _m === void 0 ? void 0 : _m.fieldValidations) === null || _o === void 0 ? void 0 : _o.DEFAULT) === null || _p === void 0 ? void 0 : _p.message) !== null && _q !== void 0 ? _q : '';
-        this.setError(fld.errorCode, fld.errorMessage, (_r = fld.errorType) !== null && _r !== void 0 ? _r : DEFAULT_ERROR_TYPE);
-        this.setEditable((_s = fld.editable) !== null && _s !== void 0 ? _s : true);
-        this.visibleLabel = (_t = fld.visibleLabel) !== null && _t !== void 0 ? _t : true;
+        this.maxLength = fld.maxLength || (this._captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
+        this.intrinsicErrorMessage = (_p = (_k = (_j = (_h = (_g = this._formConfig) === null || _g === void 0 ? void 0 : _g.fieldValidations) === null || _h === void 0 ? void 0 : _h[this._fieldType]) === null || _j === void 0 ? void 0 : _j.message) !== null && _k !== void 0 ? _k : (_o = (_m = (_l = this._formConfig) === null || _l === void 0 ? void 0 : _l.fieldValidations) === null || _m === void 0 ? void 0 : _m.DEFAULT) === null || _o === void 0 ? void 0 : _o.message) !== null && _p !== void 0 ? _p : '';
+        this.setError(fld.errorCode, fld.errorMessage, (_q = fld.errorType) !== null && _q !== void 0 ? _q : DEFAULT_ERROR_TYPE);
+        this.setEditable((_r = fld.editable) !== null && _r !== void 0 ? _r : true);
+        this.visibleLabel = (_s = fld.visibleLabel) !== null && _s !== void 0 ? _s : true;
         this.setVisibility(fld.visible);
         this.options = fld.fieldOptions;
-        this._setValue((_v = (_u = fld.fieldValue) !== null && _u !== void 0 ? _u : this._defaultValue) !== null && _v !== void 0 ? _v : '');
+        this._setValue((_u = (_t = fld.fieldValue) !== null && _t !== void 0 ? _t : this._defaultValue) !== null && _u !== void 0 ? _u : '');
     }
     get alignment() { return this._fieldAlignment; }
     set alignment(alignment) { this.setAttr(attrs$1._fieldAlignment, alignment); }
@@ -874,7 +859,7 @@ class FieldDescriptor extends FormElement {
     set info(newInfo) { this.setAttr(attrs$1._fieldInfo, newInfo); }
     set intrinsicErrorMessage(message) { this.setAttr(attrs$1._intrinsicErrorMessage, message); }
     get maxLength() { return (this._maxLength > 0) ? this._maxLength.toString() : ''; }
-    set maxLength(requiredMaxLength) { this.setAttr(attrs$1._maxLength, +requiredMaxLength); }
+    set maxLength(requiredMaxLength) { this.setAttr(attrs$1._maxLength, requiredMaxLength ? +requiredMaxLength : null); }
     get maxValue() { return this._maxValue; }
     set maxValue(inputMaxValue) {
         let maxValue = inputMaxValue;
@@ -884,7 +869,7 @@ class FieldDescriptor extends FormElement {
         this.setAttr(attrs$1._maxValue, maxValue);
     }
     get minLength() { return this._minLength; }
-    set minLength(requiredMinLength) { this.setAttr(attrs$1._minLength, +requiredMinLength); }
+    set minLength(requiredMinLength) { this.setAttr(attrs$1._minLength, requiredMinLength ? +requiredMinLength : null); }
     get minValue() { return this._minValue; }
     set minValue(inputMinValue) {
         let minValue = inputMinValue;
@@ -902,7 +887,7 @@ class FieldDescriptor extends FormElement {
         })) !== null && _b !== void 0 ? _b : null;
     }
     set options(newOptions) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if ((!this._formConfig.captureTypesWithOptions.includes(this._captureType))
             || typeof newOptions === UNDEFINED || !newOptions
             || !Array.isArray(newOptions)) {
@@ -930,8 +915,8 @@ class FieldDescriptor extends FormElement {
                 }
             }
         }
-        if (this._fieldRequired && ((_c = this._fieldOptions) === null || _c === void 0 ? void 0 : _c.length) === 1) {
-            this._setValue((_d = this._fieldOptions) === null || _d === void 0 ? void 0 : _d[0].fieldOptionId);
+        if (this._fieldRequired && ((_c = this._fieldOptions) === null || _c === void 0 ? void 0 : _c.length) === 1 && this._value !== ((_d = this._fieldOptions) === null || _d === void 0 ? void 0 : _d[0].fieldOptionId)) {
+            this._setValue((_e = this._fieldOptions) === null || _e === void 0 ? void 0 : _e[0].fieldOptionId);
             this.notifyEditionFinish();
         }
     }
@@ -1156,7 +1141,7 @@ class FieldDescriptor extends FormElement {
 
 class RecordTableColumn extends FormPiece {
     constructor(recTableColReceived, formConfig) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         super(recTableColReceived, formConfig);
         this.fieldCode = '';
         this.fieldTitle = '';
@@ -1164,6 +1149,7 @@ class RecordTableColumn extends FormPiece {
         this.fieldAlignment = '';
         this.fieldFormat = '';
         this.sortable = true;
+        this.searchable = true;
         this.sortDirections = [];
         // Filtros
         this.filterVisible = false;
@@ -1176,13 +1162,15 @@ class RecordTableColumn extends FormPiece {
             this.fieldType = recTableColReceived.fieldTypeCode || this._formConfig.fieldTypes.text;
             const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null) ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : 'left';
             this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
-            this.visible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
+            this._absoluteVisible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
             this.sortable = (_b = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.sortable) !== null && _b !== void 0 ? _b : false;
+            this.searchable = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.searchable) !== null && _c !== void 0 ? _c : true;
             this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [];
             this.fieldFormat = recTableColReceived.format || '';
-            this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
+            this.customAttributes = (_d = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _d !== void 0 ? _d : {};
         }
     }
+    setSearchable(searchable = true) { this.searchable = searchable; }
     hideFilter() {
         this.filterVisible = false;
     }
@@ -1248,11 +1236,11 @@ class TableAction extends FormPiece {
 
 class TableRecordData {
     constructor(recordReceived, recordDefinition, selectionFieldName = null) {
+        this.recordId = null;
+        this.selected = false;
         this.recordData = {};
         const { tableRecordId, recordData } = recordReceived;
         this.recordId = tableRecordId;
-        this.selected = false;
-        this.recordData = {};
         if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
             return;
         }
@@ -1291,10 +1279,11 @@ class TableRecordData {
         if (!words || words.length === 0) {
             return true;
         }
-        for (const fieldCode in this.recordData) {
-            const columnDef = columnObj === null || columnObj === void 0 ? void 0 : columnObj[fieldCode];
-            if (columnDef && (columnDef === null || columnDef === void 0 ? void 0 : columnDef.visible) && this.recordData.hasOwnProperty(fieldCode)) {
-                for (const word of words) {
+        for (const word of words) {
+            let wordIsPresent = false;
+            for (const fieldCode in this.recordData) {
+                const columnDef = columnObj === null || columnObj === void 0 ? void 0 : columnObj[fieldCode];
+                if ((columnDef === null || columnDef === void 0 ? void 0 : columnDef.searchable) && this.recordData.hasOwnProperty(fieldCode)) {
                     const term = word.toUpperCase();
                     let fieldValue;
                     if (columnDef.fieldType.toUpperCase().includes('DATE')) {
@@ -1304,12 +1293,16 @@ class TableRecordData {
                         fieldValue = this.recordData[fieldCode];
                     }
                     if (fieldValue.toString().toUpperCase().includes(term)) {
-                        return true;
+                        wordIsPresent = true;
+                        break;
                     }
                 }
             }
+            if (!wordIsPresent) {
+                return false;
+            }
         }
-        return false;
+        return true;
     }
     hasCondition(columnFilters) {
         if (!columnFilters || columnFilters.length === 0) {
@@ -1363,7 +1356,7 @@ const attrs = {
     tableCode: { name: 'tableCode', propagate: 'code' },
     clientPaging: { name: 'clientPaging', propagate: null },
     globalSearch: { name: 'globalSearch', propagate: 'globalSearch' },
-    globalFilterString: { name: 'globalFilterString', propagate: null },
+    globalFilterString: { name: 'globalFilterString', propagate: 'globalFilterString' },
     sorting: { name: 'sorting', propagate: null },
     recordsPerPage: { name: 'recordsPerPage', propagate: 'recordsPerPage' },
     layout: { name: 'layout', propagate: 'layout' },
@@ -1385,6 +1378,7 @@ class RecordTable extends FormElement {
         this._tableColumnObj = {};
         this._actionsObj = {};
         // Mecanismos de filtrado nueva versión
+        this.globalFilterString = '';
         this.globalFilterStrings = [];
         this.layout = null;
         this.tableRecordObj = {};
@@ -1423,7 +1417,7 @@ class RecordTable extends FormElement {
         if (tableReceived.fields) {
             const columns = [];
             for (const columnReceived of tableReceived.fields) {
-                const columnEnriched = Object.assign(Object.assign({}, columnReceived), { visibleStates: this.visibleStates });
+                const columnEnriched = Object.assign(Object.assign({}, columnReceived), { visibleStates: this.visibleStates, enabledStates: this.enabledStates });
                 const columnDefinition = new RecordTableColumn(columnEnriched, this._formConfig);
                 columns.push(columnDefinition);
                 this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
@@ -1583,7 +1577,6 @@ class RecordTable extends FormElement {
         }
     }
     updateVisibleRecords() {
-        // updateView const changeViewAttributes = ['currentPage', 'recordsPerPage', 'sorting'];
         let visibleRecords;
         if (this.clientPaging) {
             let filteredRecords = this.getFilteredRecords();
@@ -1660,7 +1653,7 @@ class RecordTable extends FormElement {
             this.changePage(1);
         }
         if (notifyComponent) {
-            this.setAttr(attrs.globalFilterString, text);
+            this.setAttr(attrs.globalFilterString, text.trim());
         }
     }
     addFilterDefinition(columnName, filterDefinition) {
@@ -1710,10 +1703,10 @@ class RecordTable extends FormElement {
         for (let index = 0; index < columnFilters.length; index++) {
             const columnFilter = columnFilters[index];
             compactFilter.advancedFilter.push({
-                fieldCode: columnFilter.fieldCode,
-                operator: columnFilter.operator,
-                fieldValue1: columnFilter.values[0],
-                fieldValue2: columnFilter.values[1],
+                fieldCode: columnFilter === null || columnFilter === void 0 ? void 0 : columnFilter.fieldCode,
+                operator: columnFilter === null || columnFilter === void 0 ? void 0 : columnFilter.operator,
+                fieldValue1: columnFilter === null || columnFilter === void 0 ? void 0 : columnFilter.values[0],
+                fieldValue2: columnFilter === null || columnFilter === void 0 ? void 0 : columnFilter.values[1],
             });
         }
         return compactFilter;
@@ -1756,15 +1749,18 @@ class RecordTable extends FormElement {
         }
         return direction === TABLE_SORT_ASCENDING ? result : -result;
     }
-    formStateChangeCustom(formChangeSubject) {
-        var _a;
+    formStateChangeCustomSubscribe(formChangeSubject) {
+        var _a, _b;
         (_a = this.columns) === null || _a === void 0 ? void 0 : _a.forEach(column => {
             column === null || column === void 0 ? void 0 : column.subscribeFormStateChange(formChangeSubject);
         });
+        (_b = this._actions) === null || _b === void 0 ? void 0 : _b.forEach(action => {
+            action === null || action === void 0 ? void 0 : action.subscribeFormStateChange(formChangeSubject);
+        });
     }
 }
 
-class RecordFormSubSection extends FormPiece {
+class RecordFormSubSection extends FormPiecePropagate {
     constructor(subsectionReceived, formObject, formConfig) {
         super(subsectionReceived, formConfig);
         this._customRender = null;
@@ -1776,6 +1772,7 @@ class RecordFormSubSection extends FormPiece {
         this.subSectionTables = [];
         this.subSectionActions = [];
         this.elementsArray = {};
+        this.active = false;
         if (!subsectionReceived) {
             return;
         }
@@ -1827,9 +1824,22 @@ class RecordFormSubSection extends FormPiece {
     getActionNames() {
         return this.subSectionActions.map(action => action.actionCode);
     }
+    activate() {
+        if (!this.active) {
+            this.active = true;
+            // this.subsectionCode && this._activation.next(this.subsectionCode);
+        }
+    }
+    inactivate() {
+        if (this.active) {
+            this.active = false;
+            // this.subsectionCode && this._inactivation.next(this.subsectionCode);
+        }
+    }
 }
 
-class RecordFormSection extends FormPiece {
+const ACTIVE$1 = 'active';
+class RecordFormSection extends FormPiecePropagate {
     constructor(sectionReceived, formObject, formConfig) {
         super(sectionReceived, formConfig);
         this._activation = new Subject();
@@ -1839,6 +1849,7 @@ class RecordFormSection extends FormPiece {
         this.sectionCode = null;
         this.sectionTitle = null;
         this.subSections = [];
+        this._exclusiveSubSectionsByAttr = {};
         if (!sectionReceived) {
             return;
         }
@@ -1848,20 +1859,13 @@ class RecordFormSection extends FormPiece {
         this.subSections = [];
         this.subSectionsObj = {};
         if (sectionReceived.subsections) {
-            const subsections = sectionReceived.subsections.map(objDef => {
-                let visibleStates = objDef.visibleStates;
-                if (!visibleStates) {
-                    visibleStates = (objDef.subsectionModes || '').split(',')
-                        .map(state => state.trim())
-                        .filter(state => state.length > 0);
-                }
-                if (!visibleStates || visibleStates.length === 0) {
-                    visibleStates = this.visibleStates;
-                }
-                if (objDef.elements && Array.isArray(objDef.elements)) {
-                    objDef.elements = objDef.elements.map(elm => ({ code: elm.elementCode, type: elm.elementTypeName }));
+            const subsections = sectionReceived.subsections.map(subSecDef => {
+                var _a;
+                const visibleStates = (_a = subSecDef.visibleStates) !== null && _a !== void 0 ? _a : [];
+                if (subSecDef.elements && Array.isArray(subSecDef.elements)) {
+                    subSecDef.elements = subSecDef.elements.map(elm => ({ code: elm.elementCode, type: elm.elementTypeName }));
                 }
-                return Object.assign(Object.assign({}, objDef), { visibleStates });
+                return Object.assign(Object.assign({}, subSecDef), { visibleStates });
             });
             for (const subsectionReceived of subsections) {
                 const subSectionToAdd = new RecordFormSubSection(subsectionReceived, formObject, formConfig);
@@ -1891,14 +1895,23 @@ class RecordFormSection extends FormPiece {
     get title() { return this.sectionTitle; }
     set title(title) { this.sectionTitle = title; }
     getVisibleSubsections(state) {
-        return this.subSections.filter(subSection => {
-            return subSection.visible && subSection.viewOnState(state);
-        });
+        return this.subSections.filter(subSection => subSection.visible);
     }
     getSubsection(subSectionCode) {
         return (this.subSectionsObj && this.subSectionsObj[subSectionCode])
             ? this.subSectionsObj[subSectionCode] : null;
     }
+    activateSubSection(subSectionCode) {
+        if (subSectionCode === this._exclusiveSubSectionsByAttr[ACTIVE$1]) {
+            return;
+        }
+        const subSection = (this.subSectionsObj && this.subSectionsObj[subSectionCode])
+            ? this.subSectionsObj[subSectionCode] : null;
+        if (subSection) {
+            subSection === null || subSection === void 0 ? void 0 : subSection.activate();
+            this._exclusiveSubSectionsByAttr[ACTIVE$1] = subSectionCode;
+        }
+    }
     getFields() {
         var _a;
         let fieldsArray = [];
@@ -1955,7 +1968,7 @@ class RecordFormSection extends FormPiece {
         }
         return null;
     }
-    formStateChangeCustom(formChangeSubject) {
+    formStateChangeCustomSubscribe(formChangeSubject) {
         var _a;
         (_a = this.subSections) === null || _a === void 0 ? void 0 : _a.forEach(subsection => {
             subsection === null || subsection === void 0 ? void 0 : subsection.subscribeFormStateChange(formChangeSubject);
@@ -2025,8 +2038,9 @@ class FormStructureAndData {
         }
         if (definitionReceived.fields) {
             const formFields = definitionReceived.fields.map(objDef => {
+                var _a;
                 let visibleStates = objDef.visibleStates;
-                let enabledStates = objDef.enabledStates || objDef.editableStates;
+                let enabledStates = (_a = objDef.enabledStates) !== null && _a !== void 0 ? _a : objDef.editableStates;
                 if (!visibleStates) {
                     visibleStates = (objDef.fieldModes || '').split(',')
                         .map(state => state.trim())
@@ -2310,7 +2324,7 @@ class FormStructureAndData {
     getSections() { return this._sectionArray; }
     getSectionsByAttribute(name, value) { return this._sectionArray.filter(item => item.matchAttribute(name, value)); }
     get sectionTitles() { return this._sectionArray.map(formSection => formSection.sectionTitle); }
-    get visibleSections() { return this._sectionArray.filter(sec => sec.visible); }
+    get visibleSections() { return this._sectionArray.filter(sec => sec.absoluteVisible); }
     getSection(code) { var _a; return (code && ((_a = this._sections) === null || _a === void 0 ? void 0 : _a[code])) ? this._sections[code] : null; }
     showSections(codes) { this.execOnSections(codes, SHOW); }
     hideSections(codes) { this.execOnSections(codes, HIDE); }
@@ -2373,8 +2387,8 @@ class FormStructureAndData {
             const fieldPayload = {
                 fieldCode: fld === null || fld === void 0 ? void 0 : fld.code,
                 fieldValue: fld === null || fld === void 0 ? void 0 : fld.value,
-                editable: !(fld === null || fld === void 0 ? void 0 : fld.disabled),
-                visible: fld === null || fld === void 0 ? void 0 : fld.visible,
+                editable: !(fld === null || fld === void 0 ? void 0 : fld.absoluteDisabled),
+                visible: fld === null || fld === void 0 ? void 0 : fld.absoluteVisible,
                 required: fld === null || fld === void 0 ? void 0 : fld.required,
                 fieldOptions: '',
             };
@@ -2383,7 +2397,7 @@ class FormStructureAndData {
         formData.tables = this.getTables().map(tbl => {
             const tablePayload = {
                 tableCode: tbl.tableCode,
-                visible: tbl.visible,
+                visible: tbl.absoluteVisible,
                 currentPage: tbl.currentPage,
                 requestedPage: tbl.requestedPage,
                 recordsPerPage: tbl.recordsPerPage,
@@ -3344,7 +3358,7 @@ class BasicFormComponent {
                 for (const clientActionMethod of finishActionMethods) {
                     const { callback, properties } = clientActionMethod;
                     const continueOnError = (_a = properties === null || properties === void 0 ? void 0 : properties.continueOnError) !== null && _a !== void 0 ? _a : false;
-                    if (!serverError || continueOnError) {
+                    if (callback && (!serverError || continueOnError)) {
                         clientActionPromises.push(callback(action, actionResult));
                     }
                 }