@seniorsistemas/angular-components 17.10.3 → 17.10.5

package/fesm2015/seniorsistemas-angular-components.js

@@ -7977,8 +7977,8 @@ __decorate([
 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);
 
@@ -10963,7 +10963,6 @@ CustomFieldsService = __decorate([
     Injectable()
 ], CustomFieldsService);
 
-var CustomFieldsComponent_1;
 var CustomFieldType;
 (function (CustomFieldType) {
     CustomFieldType["String"] = "String";
@@ -10980,6 +10979,8 @@ var CustomFieldType;
     CustomFieldType["Any"] = "Any";
     CustomFieldType["Enum"] = "Enum";
 })(CustomFieldType || (CustomFieldType = {}));
+
+var CustomFieldsComponent_1;
 const moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
 let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponent {
     constructor(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
@@ -11004,12 +11005,82 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
         return this.parentForm.get("custom");
     }
     ngOnInit() {
+        this._validateInputs();
+        this._createForm();
+        this.addDisplayTimeInfoSignToFields();
+    }
+    ngAfterViewInit() {
+        this.enableOrDisableFields(this.disableFields);
+        this.formGroup.valueChanges.subscribe(() => { var _a; return (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, this.parseFieldsValues()); });
+    }
+    ngOnChanges(changes) {
+        if (changes.disableFields) {
+            this.enableOrDisableFields(changes.disableFields.currentValue);
+        }
+    }
+    ngOnDestroy() {
+        this.ngUsubscribe.next();
+        this.ngUsubscribe.complete();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.ready) {
+            const newValue = this.parseValuesForFields(value);
+            this.formGroup.patchValue(newValue);
+            this.value = newValue;
+            this.createFilesIfSetFormValuesAfterInit();
+        }
+        else {
+            this.formGroup.patchValue(value || {});
+            this.value = value;
+        }
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled)
+            this.formGroup.disable({ emitEvent: false });
+        else
+            this.formGroup.enable({ emitEvent: false });
+    }
+    getCustomFields() {
+        if (this.entityObject && this.entityObject.entity_) {
+            return of(this.entityObject);
+        }
+        return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
+    }
+    validate() {
+        const errors = {};
+        Object.keys(this.formGroup.controls).forEach((field) => {
+            const { errors: controlErrors } = this.formGroup.get(field);
+            if (controlErrors)
+                errors[field] = controlErrors;
+        });
+        return errors;
+    }
+    cleanFields() {
+        this.formGroup.reset();
+    }
+    enableOrDisableFields(disabled) {
+        if (!this.formGroup) {
+            return;
+        }
+        for (const controlName of Object.keys(this.formGroup.value)) {
+            disabled ? this.formGroup.get(controlName).disable() : this.formGroup.get(controlName).enable();
+        }
+    }
+    _validateInputs() {
         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!");
+    }
+    _createForm() {
         this.formGroup = new FormGroup({});
         const observables = [this.getCustomFields(), this.localeService.get()];
         forkJoin(observables)
@@ -11074,70 +11145,6 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
             this.formGroup.patchValue(this.parseValuesForFields(this.value));
             this.ready = true;
         });
-        this.addDisplayTimeInfoSignToFields();
-    }
-    ngAfterViewInit() {
-        this.enableOrDisableFields(this.disableFields);
-    }
-    ngOnChanges(changes) {
-        if (changes.disableFields) {
-            this.enableOrDisableFields(changes.disableFields.currentValue);
-        }
-    }
-    ngOnDestroy() {
-        this.ngUsubscribe.next();
-        this.ngUsubscribe.complete();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-        this.formGroup.valueChanges.subscribe(() => this.onChange(this.parseFieldsValues()));
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(value) {
-        if (this.ready) {
-            const newValue = this.parseValuesForFields(value);
-            this.formGroup.patchValue(newValue);
-            this.value = newValue;
-            this.createFilesIfSetFormValuesAfterInit();
-        }
-        else {
-            this.formGroup.patchValue(value || {});
-            this.value = value;
-        }
-    }
-    setDisabledState(isDisabled) {
-        if (isDisabled)
-            this.formGroup.disable({ emitEvent: false });
-        else
-            this.formGroup.enable({ emitEvent: false });
-    }
-    getCustomFields() {
-        if (this.entityObject && this.entityObject.entity_) {
-            return of(this.entityObject);
-        }
-        return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
-    }
-    validate() {
-        const errors = {};
-        Object.keys(this.formGroup.controls).forEach((field) => {
-            const { errors: controlErrors } = this.formGroup.get(field);
-            if (controlErrors)
-                errors[field] = controlErrors;
-        });
-        return errors;
-    }
-    enableOrDisableFields(disabled) {
-        if (!this.formGroup) {
-            return;
-        }
-        for (const controlName of Object.keys(this.formGroup.value)) {
-            disabled ? this.formGroup.get(controlName).disable() : this.formGroup.get(controlName).enable();
-        }
-    }
-    cleanFields() {
-        this.formGroup.reset();
     }
     parseValuesForFields(values) {
         const parsedValues = Object.assign({}, values);