@seniorsistemas/angular-components 17.10.3 → 17.10.5

package/bundles/seniorsistemas-angular-components.umd.js

@@ -8694,8 +8694,8 @@
         TokenListComponent = TokenListComponent_1 = __decorate([
             core.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;
@@ -11860,6 +11860,7 @@
         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) {
@@ -11893,81 +11894,14 @@
             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 forms.FormGroup({});
-            var observables = [this.getCustomFields(), this.localeService.get()];
-            rxjs.forkJoin(observables)
-                .pipe(operators.takeUntil(this.ngUsubscribe), operators.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(forms.Validators.pattern(validationRegex));
-                    if (fieldType === CustomFieldType.Integer && !formField.mask)
-                        validators.push(forms.Validators.pattern(/^\-?\d*$/));
-                    if ((_a = formField.required) === null || _a === void 0 ? void 0 : _a.call(formField)) {
-                        validators.push(forms.Validators.required);
-                    }
-                    var control = new forms.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) {
@@ -11979,9 +11913,7 @@
             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;
@@ -12020,6 +11952,9 @@
             });
             return errors;
         };
+        CustomFieldsComponent.prototype.cleanFields = function () {
+            this.formGroup.reset();
+        };
         CustomFieldsComponent.prototype.enableOrDisableFields = function (disabled) {
             var e_1, _a;
             if (!this.formGroup) {
@@ -12039,8 +11974,80 @@
                 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 forms.FormGroup({});
+            var observables = [this.getCustomFields(), this.localeService.get()];
+            rxjs.forkJoin(observables)
+                .pipe(operators.takeUntil(this.ngUsubscribe), operators.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(forms.Validators.pattern(validationRegex));
+                    if (fieldType === CustomFieldType.Integer && !formField.mask)
+                        validators.push(forms.Validators.pattern(/^\-?\d*$/));
+                    if ((_a = formField.required) === null || _a === void 0 ? void 0 : _a.call(formField)) {
+                        validators.push(forms.Validators.required);
+                    }
+                    var control = new forms.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);