@seniorsistemas/angular-components 17.10.3 → 17.10.5

package/fesm5/seniorsistemas-angular-components.js

@@ -8548,8 +8548,8 @@ var TokenListComponent = /** @class */ (function () {
     TokenListComponent = TokenListComponent_1 = __decorate([
         Component({
             selector: "s-token-list",
-            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled\n            }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"onTokenRemoved(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
-            styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):focus,.token-list .token:not(.token--disabled):hover{background-color:#ccc}.token-list .token a{text-decoration:none;color:#333}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}"]
+            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled\n            }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"fas fa-times\"\n                (click)=\"onTokenRemoved(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
+            styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):focus,.token-list .token:not(.token--disabled):hover{background-color:#ccc}.token-list .token a{text-decoration:none;color:#333}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}"]
         })
     ], TokenListComponent);
     return TokenListComponent;
@@ -11714,6 +11714,7 @@ var CustomFieldType;
     CustomFieldType["Any"] = "Any";
     CustomFieldType["Enum"] = "Enum";
 })(CustomFieldType || (CustomFieldType = {}));
+
 var moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
 var CustomFieldsComponent = /** @class */ (function () {
     function CustomFieldsComponent(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
@@ -11747,81 +11748,14 @@ var CustomFieldsComponent = /** @class */ (function () {
         configurable: true
     });
     CustomFieldsComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        if (!this.domain)
-            throw new Error("You need to specify the custom-fields domain!");
-        if (!this.service)
-            throw new Error("You need to specify the custom-fields service!");
-        if (!this.entity)
-            throw new Error("You need to specify the custom-fields entity!");
-        this.formGroup = new FormGroup({});
-        var observables = [this.getCustomFields(), this.localeService.get()];
-        forkJoin(observables)
-            .pipe(takeUntil(this.ngUsubscribe), finalize(function () {
-            var _a;
-            _this.formGroup.markAsPristine();
-            (_a = _this.parentControl) === null || _a === void 0 ? void 0 : _a.markAsPristine();
-            if (_this.ready$)
-                _this.ready$.next(true);
-        }))
-            .subscribe(function (response) {
-            var _a = __read(response, 2), customFieldsResponse = _a[0], localeOptions = _a[1];
-            var defaults = {};
-            defaults[CustomFieldType.String] = {};
-            defaults[CustomFieldType.Boolean] = { defaultValue: false };
-            defaults[CustomFieldType.Integer] = {};
-            defaults[CustomFieldType.Double] = { defaultMask: "" };
-            defaults[CustomFieldType.Money] = {};
-            defaults[CustomFieldType.Date] = {};
-            defaults[CustomFieldType.DateTime] = {};
-            defaults[CustomFieldType.LocalDateTime] = {};
-            defaults[CustomFieldType.Time] = {};
-            defaults[CustomFieldType.Blob] = {};
-            defaults[CustomFieldType.Enum] = {};
-            defaults[CustomFieldType.Binary] = {};
-            defaults[CustomFieldType.Any] = {};
-            if (!customFieldsResponse || !customFieldsResponse.entity_)
-                return;
-            var _b = customFieldsResponse.entity_, active = _b.active, fields = _b.fields;
-            if (!active)
-                return;
-            fields
-                .filter(function (field) { return field.customizable && field.customization && field.customization.active; })
-                .forEach(function (field) {
-                var _a;
-                var formField = _this.getFormField(field, localeOptions);
-                var fieldType = field.type;
-                if (field.type === CustomFieldType.Blob && _this.value && _this.value[formField.name])
-                    _this.createBlobToFileUpload(formField);
-                var validationRegex = field.customization.validationRegex;
-                var asIsTypes = [
-                    CustomFieldType.Boolean,
-                    CustomFieldType.Money,
-                    CustomFieldType.Date,
-                    CustomFieldType.DateTime,
-                    CustomFieldType.LocalDateTime,
-                    CustomFieldType.Time,
-                ];
-                var validators = [];
-                if (validationRegex && !asIsTypes.includes(fieldType))
-                    validators.push(Validators.pattern(validationRegex));
-                if (fieldType === CustomFieldType.Integer && !formField.mask)
-                    validators.push(Validators.pattern(/^\-?\d*$/));
-                if ((_a = formField.required) === null || _a === void 0 ? void 0 : _a.call(formField)) {
-                    validators.push(Validators.required);
-                }
-                var control = new FormControl({ value: defaults[fieldType].defaultValue, disabled: _this.formGroup.disabled }, validators);
-                _this.formGroup.addControl(formField.name, control);
-                _this.fields.push(formField);
-            });
-            _this.createFieldCustomization(fields);
-            _this.formGroup.patchValue(_this.parseValuesForFields(_this.value));
-            _this.ready = true;
-        });
+        this._validateInputs();
+        this._createForm();
         this.addDisplayTimeInfoSignToFields();
     };
     CustomFieldsComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
         this.enableOrDisableFields(this.disableFields);
+        this.formGroup.valueChanges.subscribe(function () { var _a; return (_a = _this.onChange) === null || _a === void 0 ? void 0 : _a.call(_this, _this.parseFieldsValues()); });
     };
     CustomFieldsComponent.prototype.ngOnChanges = function (changes) {
         if (changes.disableFields) {
@@ -11833,9 +11767,7 @@ var CustomFieldsComponent = /** @class */ (function () {
         this.ngUsubscribe.complete();
     };
     CustomFieldsComponent.prototype.registerOnChange = function (fn) {
-        var _this = this;
         this.onChange = fn;
-        this.formGroup.valueChanges.subscribe(function () { return _this.onChange(_this.parseFieldsValues()); });
     };
     CustomFieldsComponent.prototype.registerOnTouched = function (fn) {
         this.onTouched = fn;
@@ -11874,6 +11806,9 @@ var CustomFieldsComponent = /** @class */ (function () {
         });
         return errors;
     };
+    CustomFieldsComponent.prototype.cleanFields = function () {
+        this.formGroup.reset();
+    };
     CustomFieldsComponent.prototype.enableOrDisableFields = function (disabled) {
         var e_1, _a;
         if (!this.formGroup) {
@@ -11893,8 +11828,80 @@ var CustomFieldsComponent = /** @class */ (function () {
             finally { if (e_1) throw e_1.error; }
         }
     };
-    CustomFieldsComponent.prototype.cleanFields = function () {
-        this.formGroup.reset();
+    CustomFieldsComponent.prototype._validateInputs = function () {
+        if (!this.domain)
+            throw new Error("You need to specify the custom-fields domain!");
+        if (!this.service)
+            throw new Error("You need to specify the custom-fields service!");
+        if (!this.entity)
+            throw new Error("You need to specify the custom-fields entity!");
+    };
+    CustomFieldsComponent.prototype._createForm = function () {
+        var _this = this;
+        this.formGroup = new FormGroup({});
+        var observables = [this.getCustomFields(), this.localeService.get()];
+        forkJoin(observables)
+            .pipe(takeUntil(this.ngUsubscribe), finalize(function () {
+            var _a;
+            _this.formGroup.markAsPristine();
+            (_a = _this.parentControl) === null || _a === void 0 ? void 0 : _a.markAsPristine();
+            if (_this.ready$)
+                _this.ready$.next(true);
+        }))
+            .subscribe(function (response) {
+            var _a = __read(response, 2), customFieldsResponse = _a[0], localeOptions = _a[1];
+            var defaults = {};
+            defaults[CustomFieldType.String] = {};
+            defaults[CustomFieldType.Boolean] = { defaultValue: false };
+            defaults[CustomFieldType.Integer] = {};
+            defaults[CustomFieldType.Double] = { defaultMask: "" };
+            defaults[CustomFieldType.Money] = {};
+            defaults[CustomFieldType.Date] = {};
+            defaults[CustomFieldType.DateTime] = {};
+            defaults[CustomFieldType.LocalDateTime] = {};
+            defaults[CustomFieldType.Time] = {};
+            defaults[CustomFieldType.Blob] = {};
+            defaults[CustomFieldType.Enum] = {};
+            defaults[CustomFieldType.Binary] = {};
+            defaults[CustomFieldType.Any] = {};
+            if (!customFieldsResponse || !customFieldsResponse.entity_)
+                return;
+            var _b = customFieldsResponse.entity_, active = _b.active, fields = _b.fields;
+            if (!active)
+                return;
+            fields
+                .filter(function (field) { return field.customizable && field.customization && field.customization.active; })
+                .forEach(function (field) {
+                var _a;
+                var formField = _this.getFormField(field, localeOptions);
+                var fieldType = field.type;
+                if (field.type === CustomFieldType.Blob && _this.value && _this.value[formField.name])
+                    _this.createBlobToFileUpload(formField);
+                var validationRegex = field.customization.validationRegex;
+                var asIsTypes = [
+                    CustomFieldType.Boolean,
+                    CustomFieldType.Money,
+                    CustomFieldType.Date,
+                    CustomFieldType.DateTime,
+                    CustomFieldType.LocalDateTime,
+                    CustomFieldType.Time,
+                ];
+                var validators = [];
+                if (validationRegex && !asIsTypes.includes(fieldType))
+                    validators.push(Validators.pattern(validationRegex));
+                if (fieldType === CustomFieldType.Integer && !formField.mask)
+                    validators.push(Validators.pattern(/^\-?\d*$/));
+                if ((_a = formField.required) === null || _a === void 0 ? void 0 : _a.call(formField)) {
+                    validators.push(Validators.required);
+                }
+                var control = new FormControl({ value: defaults[fieldType].defaultValue, disabled: _this.formGroup.disabled }, validators);
+                _this.formGroup.addControl(formField.name, control);
+                _this.fields.push(formField);
+            });
+            _this.createFieldCustomization(fields);
+            _this.formGroup.patchValue(_this.parseValuesForFields(_this.value));
+            _this.ready = true;
+        });
     };
     CustomFieldsComponent.prototype.parseValuesForFields = function (values) {
         var parsedValues = __assign({}, values);