tuain-ng-forms-lib 14.4.91 → 14.4.93

package/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+# last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/tuain-ng-forms-lib'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/tuain-ng-forms-lib",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "nanoid",
+    "yn"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuain-ng-forms-lib",
-  "version": "14.4.91",
+  "version": "14.4.93",
   "description": "Componentes y Clases Angular para la gestión de formularios TUAIN",
   "author": "Mauricio Méndez, Imix Consulting",
   "license": "MIT",
@@ -16,31 +16,13 @@
   ],
   "peerDependencies": {
     "@angular/common": "^14.2.6",
-    "@angular/core": "^14.2.6"
+    "@angular/core": "^14.2.6",
+    "ts-node": "^10.9.1",
+    "ts-node-dev": "^2.0.0"
   },
   "dependencies": {
     "nanoid": "^4.0.0",
     "tslib": "^2.4.0",
     "yn": "^5.0.0"
-  },
-  "module": "fesm2015/tuain-ng-forms-lib.mjs",
-  "es2020": "fesm2020/tuain-ng-forms-lib.mjs",
-  "esm2020": "esm2020/tuain-ng-forms-lib.mjs",
-  "fesm2020": "fesm2020/tuain-ng-forms-lib.mjs",
-  "fesm2015": "fesm2015/tuain-ng-forms-lib.mjs",
-  "typings": "tuain-ng-forms-lib.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./tuain-ng-forms-lib.d.ts",
-      "esm2020": "./esm2020/tuain-ng-forms-lib.mjs",
-      "es2020": "./fesm2020/tuain-ng-forms-lib.mjs",
-      "es2015": "./fesm2015/tuain-ng-forms-lib.mjs",
-      "node": "./fesm2015/tuain-ng-forms-lib.mjs",
-      "default": "./fesm2020/tuain-ng-forms-lib.mjs"
-    }
-  },
-  "sideEffects": false
-}
+  }
+}

package/src/lib/classes/forms/action.ts

@@ -0,0 +1,56 @@
+import { Subject } from 'rxjs';
+import { elementTypes } from './form.constants';
+import { FormElement } from './element';
+
+const HEADER = 'HEADER';
+
+export class FormAction extends FormElement {
+  private readonly _actionActivated = new Subject<string>();
+
+  inProgress = false;
+  newState: string;
+  backend: boolean;
+
+  actionCode: string;
+  actionName: string;
+  iconName: string;
+
+  restrictedOnField: string;
+  restrictedOnOperator: string;
+  restrictedOnValue: string;
+  customValidation: any;
+
+  constructor(actionDefinition, formConfig) {
+    super(actionDefinition, formConfig);
+    this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.actions ?? [];
+    this.elementType = elementTypes.action;
+    this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
+    this.actionName = actionDefinition.actionTitle;
+    this.iconName = actionDefinition.iconName || this.actionCode;
+    this.setCustomAttribute('location', actionDefinition.position || HEADER);
+    this.backend = actionDefinition?.serverAction ?? false;
+    this.newState = actionDefinition?.newState;
+
+    this.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
+    this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+    this.restrictedOnValue = actionDefinition.valueRestricted ?? '';
+    this.customValidation = () => true;
+  }
+
+  get actionActivated() { return this._actionActivated; }
+
+  start() { this.inProgress = true; }
+  stop() { this.inProgress = false; }
+
+  notifyActivation() { this._actionActivated.next(this.actionCode); }
+
+  updateFromServer(receivedAction) {
+    for (const propertyName in receivedAction) {
+      if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
+        this[propertyName] = receivedAction[propertyName];
+      }
+    }
+  }
+
+  setCustomValidation(callback) { this.customValidation = () => callback(); }
+}

package/src/lib/classes/forms/element.ts

@@ -0,0 +1,29 @@
+import { FormPiecePropagate } from './piece-propagate';
+import { elementTypes } from './form.constants';
+export class FormElement extends FormPiecePropagate {
+  elementType: string | null = null;;
+
+  constructor(elementDefinition: any, formConfig: any) {
+    super(elementDefinition, formConfig);
+  }
+
+  setAttr(attr: any, value: any) {
+    const { name: attrName, propagate: name } = attr;
+    this[attrName] = value;
+    name && this.propagateAttribute(name, value);
+  }
+
+  isField(): boolean { return this.elementType === elementTypes.field; }
+  isAction(): boolean { return this.elementType === elementTypes.action; }
+  isTable(): boolean { return this.elementType === elementTypes.table; }
+
+  /**
+   * @deprecated Utilizar viewOnState
+   */
+  supportState(state: string): boolean { return this.viewOnState(state); }
+
+  /**
+   * @deprecated Utilizar viewOnState
+   */
+  supportMode(state: string): boolean { return this.viewOnState(state); }
+}