tuain-ng-forms-lib 0.12.0 → 0.12.4

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

@@ -1,175 +1,13 @@
 import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { Subject } from 'rxjs';
+import { Subject, BehaviorSubject } from 'rxjs';
 import { __awaiter } from 'tslib';
-import { v4 } from 'uuid';
+import { nanoid } from 'nanoid';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 
-const iconDictionary = {
-    SELECT: 'icmn-pushpin',
-    selectHolder: 'icmn-user-check',
-    validateAML: 'icmn-warning',
-    NEW: 'icmn-file-empty',
-    'FORM-CREATE': 'icmn-file-empty',
-    'FORM-EDIT': 'icmn-pencil2',
-    'FORM-VIEW': 'icmn-file-text2',
-    SHIELD: 'fa fa-shield',
-    LOGIN: 'fa fa-sign-in',
-    LOGOUT: 'fa fa-sign-out',
-    VIEW: 'icmn-eye',
-    EDIT: 'icmn-pencil',
-    DETAIL: 'icmn-binoculars',
-    DELETE: 'icmn-bin',
-    SERVERPROCESS: 'icmn-cloud-check',
-    DEFAULT: 'icmn-home',
-    HOME: 'icmn-home',
-    IMAGE: 'icmn-image',
-    PICTURE: 'icmn-camera',
-    TEXT: 'icmn-file-text',
-    MOVEUP: 'icmn-arrow-up',
-    MOVEDOWN: 'icmn-arrow-down',
-    NEWAFFILIATION: 'icmn-profile',
-    AUTONEWAFFILIATION: 'icmn-profile',
-    PROFILE: 'icmn-profile',
-    ZIPFILE: 'icmn-file-zip',
-    COPY: 'icmn-copy',
-    FOLDER: 'icmn-folder-open',
-    TAGS: 'icmn-price-tags',
-    BARCODE: 'icmn-barcode',
-    BARCODE2: 'fa fa-barcode',
-    KEYBOARD: 'fa fa-keyboard-o',
-    CART: 'icmn-cart',
-    CAMARACOMERCIO: 'icmn-book',
-    SARLAFT: 'icmn-binoculars',
-    SCREENING: 'icmn-user-check',
-    ENTITY: 'icmn-library',
-    COIN: 'icmn-coin-dollar',
-    CREDITCARD: 'icmn-credit-card',
-    CONTACTS: 'icmn-address-book',
-    LOCATION: 'icmn-location',
-    CODES: 'icmn-file-text',
-    BPMCODES: 'icmn-file-text2',
-    MAIL: 'icmn-envelop',
-    MAP: 'icmn-map',
-    WARNING: 'icmn-warning',
-    NOTIFICATION: 'icmn-notification',
-    QUESTION: 'icmn-question',
-    INFO: 'icmn-info',
-    SAVE: 'icmn-floppy-disk',
-    INBOXFULL: 'icmn-drawer',
-    INBOXEMPTY: 'icmn-drawer2',
-    DATABASE: 'icmn-database',
-    UNDO: 'icmn-undo2',
-    REDO: 'icmn-redo2',
-    CHAT: 'icmn-bubbles4',
-    BRIEFCASE: 'icmn-briefcase',
-    USER: 'icmn-user',
-    ADDUSER: 'icmn-user-plus',
-    REMOVEUSER: 'icmn-user-minus',
-    SPINNER: 'icmn-spiiner3',
-    SEARCH: 'icmn-search',
-    ZOOMIN: 'icmn-zoom-in',
-    ZOOMOUT: 'icmn-zoom-out',
-    KEY: 'icmn-key',
-    LOCK: 'icmn-lock',
-    lockDoc: 'icmn-lock',
-    UNLOCK: 'icmn-unlocked',
-    CONFIG: 'icmn-wrench',
-    TUNE: 'icmn-equalizer',
-    GEAR: 'icmn-cog',
-    ADMIN: 'fa fa-cogs',
-    LIST: 'icmn-list',
-    FORMRECORD: 'icmn-insert-template',
-    PIE: 'icmn-pie-chart',
-    GRAPH: 'icmn-stats-dots',
-    TROPHY: 'icmn-trophy',
-    GIFT: 'icmn-gift',
-    GAUGE: 'icmn-meter',
-    FIRE: 'icmn-fire',
-    LAB: 'icmn-lab',
-    DELIVER: 'icmn-truck',
-    MOBILE: 'icmn-mobile',
-    MOBILE2: 'icmn-mobile',
-    RECHARGE: 'icmn-power-cord',
-    TREE: 'icmn-tree',
-    EARTH: 'icmn-earth',
-    TARGET: 'icmn-target',
-    POWER: 'icmn-switch',
-    VERIFY: 'icmn-clipboard',
-    UPLOAD: 'icmn-cloud-upload',
-    DOWNLOAD: 'icmn-cloud-download',
-    DOWNLOADSET: 'icmn-cloud-download',
-    LINK: 'icmn-link',
-    ATACH: 'icmn-atachment',
-    EYE: 'icmn-eye',
-    NOEYE: 'icmn-eye-blocked',
-    BOOKMARK: 'icmn-bookmark',
-    STAR: 'icmn-star-full',
-    HEART: 'icmn-heart',
-    HEARTBROKEN: 'icmn-heart-broken',
-    HAPPY: 'icmn-happy',
-    SAD: 'icmn-sad',
-    ACTIVATE: 'icmn-checkmark',
-    INACTIVATE: 'icmn-cross',
-    APPROVE: 'icmn-checkmark',
-    REJECT: 'icmn-cross',
-    CANCEL: 'icmn-cross',
-    CLOSE: 'icmn-ungroup',
-    CLEAN: 'fa fa-eraser',
-    CHECK: 'icmn-checkmark',
-    UNCHECK: 'icmn-cross',
-    SELECTROW: 'icmn-checkbox-unchecked',
-    UNSELECTROW: 'icmn-checkbox-checked',
-    CHECKED: 'icmn-checkbox-checked',
-    UNCHECKED: 'icmn-checkbox-unchecked',
-    ENTER: 'icmn-enter',
-    EXIT: 'icmn-exit',
-    CUT: 'icmn-scissors',
-    FILTER: 'icmn-filter',
-    PLAY: 'icmn-play2',
-    STOP: 'icmn-stop',
-    UP: 'icmn-circle-up',
-    DOWN: 'icmn-circle-down',
-    RIGHT: 'icmn-circle-right',
-    LEFT: 'icmn-circle-left',
-    SORTASC: 'icmn-sort-alpha-asc',
-    SORTDSC: 'icmn-sort-alpha-desc',
-    TABLE: 'icmn-table',
-    OFFICE: 'icmn-office',
-    SHARE: 'icmn-share',
-    FACEBOOK: 'icmn-facebook',
-    WHATSAPP: 'icmn-whatsapp',
-    TWITTER: 'icmn-twitter',
-    YOUTUBE: 'icmn-youtube',
-    PDF: 'icmn-file-pdf',
-    EXCEL: 'icmn-file-excel',
-    HOLDER: 'icmn-profile',
-    XXX: 'fa fa-first-order',
-    BANK: 'fa fa-bank',
-    CREDITCARD2: 'fa fa-credit-card-alt',
-    BUS: 'fa fa-bus',
-    TELEVISION: 'icmn-tv',
-    BACK: 'fa fa-arrow-left',
-    SEND: 'fa fa-paper-plane-o',
-    TEXTFILE: 'fa fa-file-text-o',
-    PERSON: 'fa fa-user',
-    BATCHFILE: 'fa fa-wpforms',
-    REQUESTS: 'icmn-stack',
-    THUMBUP: 'fa fa-thumbs-o-up',
-    THUMBDOWN: 'fa fa-thumbs-o-down',
-    EXCLAMATION: 'fa fa-exclamation-circle',
-};
-class IconDictionaryService {
-    constructor() {
-        this.mapIcon = (iconName) => (iconName && iconDictionary[iconName])
-            ? iconDictionary[iconName] : iconDictionary.DEFAULT;
-    }
-}
-
 class ActionComponent {
-    constructor(_iconDictionary) {
-        this._iconDictionary = _iconDictionary;
+    constructor() {
         this.style = 'primary';
         this.showLabel = true;
     }
@@ -183,10 +21,6 @@ class ActionComponent {
             this.actionObject.notifyActivation();
         }
     }
-    icon() {
-        var _a;
-        return this._iconDictionary.mapIcon((_a = this.actionObject) === null || _a === void 0 ? void 0 : _a.iconName);
-    }
     get isVisible() {
         var _a, _b, _c, _d, _e;
         if (!((_a = this.actionObject) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
@@ -206,9 +40,6 @@ ActionComponent.decorators = [
                 template: `<ng-content></ng-content>`
             },] }
 ];
-ActionComponent.ctorParameters = () => [
-    { type: IconDictionaryService }
-];
 ActionComponent.propDecorators = {
     actionObject: [{ type: Input }],
     disabled: [{ type: Input }],
@@ -348,22 +179,6 @@ FieldComponent.propDecorators = {
     disabled: [{ type: Input }]
 };
 
-class PasswordComponent extends FieldComponent {
-    constructor() {
-        super(...arguments);
-        this.inputType = 'password';
-    }
-    togglePwdView() {
-        this.inputType = (this.inputType === 'password') ? 'text' : 'password';
-    }
-}
-PasswordComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-password',
-                template: `<ng-content></ng-content>`
-            },] }
-];
-
 class ElementComponent {
     constructor() {
         this.componentConstants = Object.assign({}, componentConstants);
@@ -416,11 +231,6 @@ class FormHeaderComponent {
     goBackForm() {
         this.goBackEvent.emit();
     }
-    ngOnInit() {
-        var _a, _b;
-        this.navigation = ((_b = (_a = this.formManager) === null || _a === void 0 ? void 0 : _a.formManagerService) === null || _b === void 0 ? void 0 : _b.pageStack)
-            ? Object.keys(this.formManager.formManagerService.pageStack) : null;
-    }
 }
 FormHeaderComponent.decorators = [
     { type: Component, args: [{
@@ -430,7 +240,6 @@ FormHeaderComponent.decorators = [
 ];
 FormHeaderComponent.propDecorators = {
     formManager: [{ type: Input }],
-    icon: [{ type: Input }],
     goBackAction: [{ type: Input }],
     showTitle: [{ type: Input }],
     headerActions: [{ type: Input }],
@@ -1173,8 +982,7 @@ LibTableFilterComponent.propDecorators = {
 
 const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent {
-    constructor(_iconDictionary) {
-        this._iconDictionary = _iconDictionary;
+    constructor() {
         this.actionSelected = new EventEmitter();
     }
     ngOnInit() {
@@ -1189,17 +997,6 @@ class LibTableRecordActionComponent {
         };
         this.actionSelected.emit(tableEvent);
     }
-    icon() {
-        if (this.action.actionType === 'CHECK') {
-            return this._iconDictionary.mapIcon('SELECTROW');
-        }
-        else if (this.action.actionType === 'UNCHECK') {
-            return this._iconDictionary.mapIcon('UNSELECTROW');
-        }
-        else {
-            return this._iconDictionary.mapIcon(this.action.iconName);
-        }
-    }
     class() { }
 }
 LibTableRecordActionComponent.decorators = [
@@ -1209,9 +1006,7 @@ LibTableRecordActionComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
-LibTableRecordActionComponent.ctorParameters = () => [
-    { type: IconDictionaryService }
-];
+LibTableRecordActionComponent.ctorParameters = () => [];
 LibTableRecordActionComponent.propDecorators = {
     recordId: [{ type: Input }],
     recordData: [{ type: Input }],
@@ -2365,40 +2160,86 @@ class FormStructureAndData {
 
 class LibFormManagerService {
     constructor() {
-        this.resetPageStack();
+        this.cleanStack();
     }
-    resetPageStack() {
-        this.pageStack = {};
+    /**
+     * Métodos virtuales de manejo de formularios
+     */
+    getFormDefinition(formCode) { }
+    execServerAction(actionDetail) { }
+    goToRoute(navigationArray) { }
+    /**
+     * Manejo del stack de navegación con atributos estados y parámetros
+     */
+    resetPageStack() { this.cleanStack(); }
+    cleanStack() {
+        this.pageStack = [];
+    }
+    stack(data) {
+        const id = nanoid(6);
+        this.pageStack.push({ id, data });
+        return id;
+    }
+    unstack(id) {
+        const stackIdx = this.pageStack.findIndex(item => item.id === id);
+        if (stackIdx >= 0) {
+            const formData = this.pageStack[stackIdx].data;
+            // Se eliminan los formularios posteriores al solicitado
+            this.pageStack.splice(stackIdx + 1);
+            return formData;
+        }
+    }
+    getInputData(id) {
+        const stackIdx = (id) ? this.pageStack.findIndex(item => item.id === id) : -1;
+        if (stackIdx >= 0) {
+            const { target: { predefinedFields } } = this.pageStack[stackIdx].data;
+            return predefinedFields;
+        }
+        return null;
     }
-    getStackObject(formToken) {
-        return (formToken && this.pageStack[formToken]) ? this.pageStack[formToken] : null;
+    getOriginInfo(id) {
+        const stackIdx = (id) ? this.pageStack.findIndex(item => item.id === id) : -1;
+        if (stackIdx >= 0) {
+            const { origin } = this.pageStack[stackIdx].data;
+            return JSON.parse(JSON.stringify(origin));
+        }
+        return null;
     }
-    getInputData(formToken) {
-        const originData = this.getStackObject(formToken);
-        const predefinedFields = (originData && originData.predefinedFields)
-            ? originData.predefinedFields : null;
-        return predefinedFields;
+    changeForm(origin, target) {
+        if (!origin) {
+            this.cleanStack();
+        }
+        const { url, params } = target;
+        const newToken = this.stack({ origin, target });
+        const navigationArray = [url, ...params, newToken];
+        this.goToRoute(navigationArray);
     }
-    goBackFormOrigin(formToken) {
-        const originObject = this.getStackObject(formToken);
-        console.log(originObject);
-        if (originObject) {
-            delete this.pageStack[formToken];
-            const originNavigationArray = originObject.navigation;
-            this.goToRoute(originNavigationArray);
+    changePreviousForm(transitionToken) {
+        const prevForm = this.unstack(transitionToken);
+        if (!prevForm) {
+            return;
         }
+        const { origin: { url, params, token } } = prevForm;
+        const navigationArray = [url, ...params, token];
+        this.goToRoute(navigationArray);
     }
-    goForwardFormOrigin(originData, forwardNavigation) {
-        const { goBack, predefinedFields } = originData;
-        const navigation = goBack.filter(item => typeof item !== 'undefined' && item !== null);
-        const formToken = v4();
-        this.pageStack[formToken] = { navigation, predefinedFields };
-        forwardNavigation.push(formToken);
-        this.goToRoute(forwardNavigation);
+}
+
+class LibEventManagerService {
+    constructor(eventNames) {
+        this.eventSubjects = {};
+        eventNames.forEach((name) => { this.addEventName(name); });
     }
-    getFormDefinition(formCode) { }
-    execServerAction(actionDetail) { }
-    goToRoute(navigationArray) { }
+    addEventName(name) {
+        if (!this.eventSubjects[name]) {
+            const newEventSubject = new BehaviorSubject(null);
+            this.eventSubjects[name] = newEventSubject;
+        }
+    }
+    getEventNames() { return Object.keys(this.eventSubjects); }
+    getSubject(eventClassName) { return eventClassName ? this.eventSubjects[eventClassName] : null; }
+    subscribe(eventClassName, callback) { this.getSubject(eventClassName).subscribe(callback); }
+    next(eventClassName, data) { this.getSubject(eventClassName).next(data); }
 }
 
 class LibFileManagementService {
@@ -2416,14 +2257,16 @@ const ORIGIN_PARAM = 'origin';
 const STATE_PARAM = 'mode';
 const REQUIRED_FIELD_MESSAGE = 'Campo requerido';
 class BasicFormComponent {
-    constructor(formManagerService, fileMgmtServices) {
+    constructor(formManagerService, _eventManager, fileMgmtServices) {
         this.formManagerService = formManagerService;
+        this._eventManager = _eventManager;
         this.fileMgmtServices = fileMgmtServices;
         this.errorCode = '';
         this.errorMessage = '';
         this.errorDetail = '';
         this.formStructure = null;
-        this.originToken = null;
+        this.transitionToken = null;
+        this.inputDataFields = [];
         this.extraData = null;
         this.componentConstants = componentConstants;
         this.definitionObtained = false;
@@ -2444,6 +2287,7 @@ class BasicFormComponent {
         this.tableGetDataStart = {};
         this.tableGetDataFinish = {};
         this.customPreProcessing();
+        this._eventEmiter = this._eventManager;
     }
     get currentState() { return this.formStructure.state; }
     set currentState(state) { this.formStructure.changeState(state); }
@@ -2569,32 +2413,38 @@ class BasicFormComponent {
     showFieldInfo(fieldCode) { }
     showModalDialog(title, body, options, callback, params) { }
     openUploadDialog(title, body, options, callback, params) { }
-    goBackForm() {
-        this.formManagerService.goBackFormOrigin(this.originToken);
+    subscribeAppEvent(eventName, callback) {
+        this._eventEmiter.subscribe(eventName, callback);
     }
-    goToSubPage(navigationArray, fieldValuesArray) {
-        if (navigationArray.length < 2) {
-            return;
+    goToPage(navigationArray, predefinedFields, options = null) {
+        var _a;
+        let origin = null;
+        const cleanStack = (_a = options === null || options === void 0 ? void 0 : options.cleanStack) !== null && _a !== void 0 ? _a : false;
+        if (!cleanStack) {
+            origin = {
+                code: this.formCode,
+                url: this._formRoute,
+                params: [
+                    this.currentState,
+                    this.formSubject,
+                ],
+                token: this.transitionToken,
+                predefinedFields: this.inputDataFields
+            };
         }
-        if (navigationArray.length === 2) {
-            navigationArray.push('0');
-        }
-        if (navigationArray.length > 3) {
-            navigationArray = navigationArray.slice(0, 3);
-        }
-        let goBackNavigationArray = [
-            this._formRoute,
-            this.formStructure.state,
-            this.formSubject,
-            this.originToken
-        ];
-        goBackNavigationArray = goBackNavigationArray.filter(item => typeof item !== 'undefined' && item !== null);
-        const originData = {
-            goBack: goBackNavigationArray,
-            predefinedFields: fieldValuesArray
+        const target = {
+            url: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0],
+            params: navigationArray.splice(1),
+            predefinedFields,
         };
-        this.formManagerService.goForwardFormOrigin(originData, navigationArray);
-    }
+        this.formManagerService.changeForm(origin, target);
+    }
+    goToNewPage(nav, flds) { return this.goToPage(nav, flds, { cleanStack: true }); }
+    goToSubPage(nav, flds) { return this.goToPage(nav, flds, { cleanStack: false }); }
+    canGoBack() { return this.transitionToken !== null; }
+    goBack() { return this.formManagerService.changePreviousForm(this.transitionToken); }
+    goBackForm() { return this.goBack(); }
+    getOriginDetail() { return this.formManagerService.getOriginInfo(this.transitionToken); }
     setError(errorType, errorMessage, errorDetail) {
         this._errorType = errorType || '';
         this.errorMessage = errorMessage || '';
@@ -2619,23 +2469,21 @@ class BasicFormComponent {
     getSubject() { return this.formSubject; }
     getformSubject() { return this.getSubject(); }
     preocessInputParams(params) {
-        const allParams = Object.keys(params);
-        if (!allParams || !Array.isArray(allParams) || allParams.length < 1) {
+        var _a, _b, _c;
+        const allParams = Object.keys(params !== null && params !== void 0 ? params : {});
+        if (!allParams || !Array.isArray(allParams) || allParams.length === 0) {
             return;
         }
         this.extraData = [];
         for (const paramName of allParams) {
             this.extraData[paramName] = params[paramName].toString();
         }
-        this.formSubject = (this.extraData && this.extraData[FORM_SUBJECT] !== '0')
-            ? this.extraData[FORM_SUBJECT] : null;
+        this.formSubject = (_b = (_a = this.extraData) === null || _a === void 0 ? void 0 : _a[FORM_SUBJECT]) !== null && _b !== void 0 ? _b : null;
         const initialState = this.extraData[STATE_PARAM];
-        this.originToken = this.extraData[ORIGIN_PARAM] || null;
-        if (this.originToken) {
-            this.inputDataFields = this.formManagerService.getInputData(this.originToken);
-        }
-        else {
-            this.formManagerService.resetPageStack();
+        this.transitionToken = (_c = this.extraData[ORIGIN_PARAM]) !== null && _c !== void 0 ? _c : null;
+        this.inputDataFields = (this.transitionToken) ? this.formManagerService.getInputData(this.transitionToken) : [];
+        if (!this.transitionToken) {
+            this.formManagerService.cleanStack();
         }
         return initialState;
     }
@@ -2698,11 +2546,10 @@ class BasicFormComponent {
                 initialState = this.formStructure.defaultState;
             }
             this.formStructure.changeState(initialState || this.formStructure.defaultState);
-            if (this.inputDataFields && this.inputDataFields.length > 0) {
-                for (const inputFieldData of this.inputDataFields) {
-                    if (inputFieldData.fieldCode) {
-                        this.setFieldValue(inputFieldData.fieldCode, inputFieldData.fieldValue);
-                    }
+            for (const inputFieldData of this.inputDataFields) {
+                const { fieldCode, fieldValue } = inputFieldData;
+                if (fieldCode) {
+                    this.setFieldValue(inputFieldData.fieldCode, fieldValue);
                 }
             }
             const recordResponse = yield this.requestFormAction(componentConstants.FORMACTION_GETDATA);
@@ -3681,6 +3528,7 @@ BasicFormComponent.decorators = [
 ];
 BasicFormComponent.ctorParameters = () => [
     { type: LibFormManagerService },
+    { type: LibEventManagerService },
     { type: LibFileManagementService }
 ];
 
@@ -3688,7 +3536,6 @@ const COMPONENTS = [
     BasicFormComponent,
     ActionComponent,
     FieldComponent,
-    PasswordComponent,
     ElementComponent,
     FormErrorComponent,
     FormHeaderComponent,
@@ -3717,5 +3564,5 @@ TuainNgFormsLibModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionComponent, BasicFormComponent, ElementComponent, FieldComponent, FormErrorComponent, FormHeaderComponent, IconDictionaryService, LibFileManagementService, LibFormManagerService, LibTableComponent, LibTableFilterComponent, LibTableRecordActionComponent, LibTableRecordFieldComponent, PasswordComponent, SectionComponent, SubSectionComponent, TuainNgFormsLibModule, iconDictionary };
+export { ActionComponent, BasicFormComponent, ElementComponent, FieldComponent, FormErrorComponent, FormHeaderComponent, LibEventManagerService, LibFileManagementService, LibFormManagerService, LibTableComponent, LibTableFilterComponent, LibTableRecordActionComponent, LibTableRecordFieldComponent, SectionComponent, SubSectionComponent, TuainNgFormsLibModule };
 //# sourceMappingURL=tuain-ng-forms-lib.js.map