tuain-ng-forms-lib 15.0.27 → 15.0.30

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

@@ -2110,6 +2110,7 @@ class FormStructureAndData {
         this._immutableData = {};
         this._extraInfo = {};
         this._exclusiveSectionsByAttr = {};
+        this.customAttributes = {};
         this.state = '';
         this.actionArray = [];
         this.fieldArray = [];
@@ -2118,6 +2119,7 @@ class FormStructureAndData {
         this.stateFlow = {
             defaultState: '',
             states: [],
+            stateDescriptions: [],
             transitions: [],
         };
     }
@@ -2132,6 +2134,7 @@ class FormStructureAndData {
         this.stateFlow = {
             defaultState: '',
             states: [],
+            stateDescriptions: [],
             transitions: [],
         };
     }
@@ -2144,9 +2147,13 @@ class FormStructureAndData {
         this.name = this.name ?? definitionReceived?.form?.formCode;
         this.title = (definitionReceived.form && definitionReceived.form.formTitle)
             ? definitionReceived.form.formTitle : '';
-        this.setStateFlow(definitionReceived?.states, definitionReceived?.transitions, definitionReceived?.defaultState);
+        this.setStateFlow(definitionReceived?.states, definitionReceived?.transitions, definitionReceived?.defaultState, definitionReceived?.stateDescriptions);
         this.immutableData = definitionReceived.immutableData;
         this.extraInfo = definitionReceived.extraInfo;
+        this.customAttributes = {};
+        if (definitionReceived?.customAttributes) {
+            this.setCustomAttributes(definitionReceived?.customAttributes);
+        }
         if (definitionReceived.actions) {
             const formActions = definitionReceived.actions.map(objDef => {
                 let visibleStates = objDef.visibleStates;
@@ -2233,6 +2240,7 @@ class FormStructureAndData {
     // Estados
     get defaultState() { return this.stateFlow.defaultState; }
     get states() { return this.stateFlow.states; }
+    get stateDescriptions() { return this.stateFlow.stateDescriptions; }
     supportState(state = '') { return (!!state && this.stateFlow.states?.includes(state)); }
     changeState(newState) {
         const currentState = this.state;
@@ -2252,8 +2260,9 @@ class FormStructureAndData {
         return (this.state === newState);
     }
     get stateChange() { return this._stateChange; }
-    setStateFlow(states, transitions, defaultState) {
+    setStateFlow(states, transitions, defaultState, stateDescriptions = []) {
         this.stateFlow.states = states;
+        this.stateFlow.stateDescriptions = stateDescriptions;
         this.stateFlow.defaultState = defaultState || this.stateFlow.states[0];
         this.stateFlow.transitions = transitions.map(transition => {
             const name = transition.name;
@@ -2270,6 +2279,18 @@ class FormStructureAndData {
     getExtraInfo(name) { return this._extraInfo?.[name]?.value ?? null; }
     set extraInfo(extraInfo) { Object.assign(this._extraInfo, extraInfo); }
     get extraInfo() { return JSON.parse(JSON.stringify(this._extraInfo)); }
+    // Custom Attributes
+    getCustomAttribute(name) { return this.customAttributes?.[name] ?? null; }
+    setCustomAttribute(name, value) { if (name) {
+        this.customAttributes[name] = value;
+    } }
+    setCustomAttributes(attributes) {
+        if (attributes && typeof attributes === 'object') {
+            Object.entries(attributes).forEach(([name, value]) => {
+                this.setCustomAttribute(name, value);
+            });
+        }
+    }
     // Fields
     get fieldNames() { return this.getFieldNames(); }
     getFields() { return this.fieldArray; }