@unifylib/ui-lib 1.1.43 → 1.1.45

package/fesm2022/unifylib-ui-lib.mjs

@@ -1062,8 +1062,8 @@ class BackendService {
             let transLabel = this.translateService.instant(this.labelKey(c, pageInfo));
             let transGroup = pageInfo.supportGroupingInExport ?
                 c.group.trim() ? this.translateService.instant(c.group) : ' ' : null;
-            if (c.type === 'workflowStatus') {
-                transLabel = this.translateService.instant('workflowStatus');
+            if (c.type === 'stateType') {
+                transLabel = this.translateService.instant('stateType');
             }
             if ((c.reportVisible === true) || (c.visible === true && c.reportVisible !== false)) {
                 columnDef.push(new ColumnDef(c, index, transLabel, this.translateService.getDefaultLang(), transGroup));
@@ -1702,7 +1702,7 @@ class AutoCompleteComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: BackendService }, { token: i2.TranslateService }, { token: 'secretsManager' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AutoCompleteComponent, isStandalone: true, selector: "app-auto-complete", inputs: { field: "field", form: "form", defaultValue: "defaultValue", readonly: "readonly", supportingAttributes: "supportingAttributes" }, outputs: { selectedValue: "selectedValue" }, viewQueries: [{ propertyName: "matACTrigger", first: true, predicate: ["autocompleteTrigger"], descendants: true }, { propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"field\" class=\"main-auto-complete\">\r\n  <div class=\"mat-field-wrapper\" [formGroup]=\"form\">\r\n\r\n    <div class=\"label-and-asterisk-container\">\r\n      <span class=\"custom-label\" id=\"label-{{field.property}}\">\r\n        {{ field.label! | translate }}\r\n      </span>\r\n      <span *ngIf=\"field.required\" class=\"required-asterisk\"> * </span>\r\n      <span *ngIf=\"!field.required\" class=\"optional-text\"> {{ 'optional' | translate }} </span>\r\n    </div>\r\n\r\n    <mat-form-field class=\"autocomplete-field\" appearance=\"outline\">\r\n      <input type=\"text\"\r\n             [placeholder]=\"'search_placeholder' | translate\"\r\n             [id]=\"getId()\"\r\n             [formControl]=\"myControl\"\r\n             (keydown)=\"onKeydown($event, autocompleteTrigger)\"\r\n             [matAutocomplete]=\"auto\"\r\n             matInput\r\n             [required]=\"isRequired\"\r\n             #autocompleteTrigger=\"matAutocompleteTrigger\"\r\n             [readonly]=\"readonly\"\r\n      >\r\n\r\n      <button mat-button matSuffix\r\n              color=\"primary\"\r\n              class=\"autocomplete-button\"\r\n              (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n              [attr.id]=\"'autocomplete-trigger-' + field.property\">\r\n        <mat-icon>arrow_drop_down</mat-icon>\r\n      </button>\r\n\r\n      <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption [displayWith]=\"displayFn.bind(this)\"\r\n                        (optionSelected)=\"itemSelected($event.option.value)\"\r\n                        (closed)=\"closed()\">\r\n        <ng-container *ngIf=\"!field.readonly\">\r\n          <mat-option *ngIf=\"items.length > 1 && lookupItems$\" [value]=\"null\">{{ \"none\" | translate }}</mat-option>\r\n          <mat-option *ngFor=\"let item of lookupItems$ | async\" [value]=\"item\" [ngClass]=\"_allowSelection(item)\">\r\n            {{ itemNameByLag(item) }}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n\r\n  </div>\r\n</ng-container>\r\n", styles: [".main-auto-complete,.mat-field-wrapper{display:flex;flex-direction:column;width:100%}.label-and-asterisk-container{display:flex;align-items:center;gap:4px;margin-bottom:4px}.custom-label{font-weight:500}.required-asterisk{color:red}.optional-text{color:#9b9b9b;font-size:14px;font-weight:400}.autocomplete-field{width:100%;display:flex;align-items:center}.autocomplete-button{margin-left:4px}@media (max-width: 600px){.main-auto-complete,.mat-field-wrapper,.autocomplete-field{flex-direction:column;width:100%}.autocomplete-button{margin-left:0;margin-top:4px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AutoCompleteComponent, isStandalone: true, selector: "app-auto-complete", inputs: { field: "field", form: "form", defaultValue: "defaultValue", readonly: "readonly", supportingAttributes: "supportingAttributes" }, outputs: { selectedValue: "selectedValue" }, viewQueries: [{ propertyName: "matACTrigger", first: true, predicate: ["autocompleteTrigger"], descendants: true }, { propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"field\" class=\"main-auto-complete\">\r\n  <div class=\"mat-field-wrapper\" [formGroup]=\"form\">\r\n\r\n    <div class=\"label-and-asterisk-container\">\r\n      <span class=\"custom-label\" id=\"label-{{field.property}}\">\r\n        {{ field.label! | translate }}\r\n      </span>\r\n      <span *ngIf=\"field.required\" class=\"required-asterisk\"> * </span>\r\n      <span *ngIf=\"!field.required\" class=\"optional-text\"> {{ 'optional' | translate }} </span>\r\n    </div>\r\n\r\n    <mat-form-field class=\"autocomplete-field\" appearance=\"outline\">\r\n      <input type=\"text\"\r\n             [placeholder]=\"'search_placeholder' | translate\"\r\n             [id]=\"getId()\"\r\n             [formControl]=\"myControl\"\r\n             (keydown)=\"onKeydown($event, autocompleteTrigger)\"\r\n             [matAutocomplete]=\"auto\"\r\n             (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n             matInput\r\n             [required]=\"isRequired\"\r\n             #autocompleteTrigger=\"matAutocompleteTrigger\"\r\n             [readonly]=\"readonly\"\r\n      >\r\n\r\n      <button mat-button matSuffix\r\n              color=\"primary\"\r\n              class=\"autocomplete-button\"\r\n              (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n              [attr.id]=\"'autocomplete-trigger-' + field.property\">\r\n        <mat-icon>arrow_drop_down</mat-icon>\r\n      </button>\r\n\r\n      <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption [displayWith]=\"displayFn.bind(this)\"\r\n                        (optionSelected)=\"itemSelected($event.option.value)\"\r\n                        (closed)=\"closed()\">\r\n        <ng-container *ngIf=\"!field.readonly\">\r\n          <mat-option *ngIf=\"items.length > 1 && lookupItems$\" [value]=\"null\">{{ \"none\" | translate }}</mat-option>\r\n          <mat-option *ngFor=\"let item of lookupItems$ | async\" [value]=\"item\" [ngClass]=\"_allowSelection(item)\">\r\n            {{ itemNameByLag(item) }}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n\r\n  </div>\r\n</ng-container>\r\n", styles: [".main-auto-complete,.mat-field-wrapper{display:flex;flex-direction:column;width:100%}.label-and-asterisk-container{display:flex;align-items:center;gap:4px;margin-bottom:4px}.custom-label{font-weight:500}.required-asterisk{color:red}.optional-text{color:#9b9b9b;font-size:14px;font-weight:400}.autocomplete-field{width:100%;display:flex;align-items:center}.autocomplete-button{margin-left:4px}@media (max-width: 600px){.main-auto-complete,.mat-field-wrapper,.autocomplete-field{flex-direction:column;width:100%}.autocomplete-button{margin-left:0;margin-top:4px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoCompleteComponent, decorators: [{
             type: Component,
@@ -1721,7 +1721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         NgForOf,
                         MatIconButton,
                         MatButton,
-                    ], template: "<ng-container *ngIf=\"field\" class=\"main-auto-complete\">\r\n  <div class=\"mat-field-wrapper\" [formGroup]=\"form\">\r\n\r\n    <div class=\"label-and-asterisk-container\">\r\n      <span class=\"custom-label\" id=\"label-{{field.property}}\">\r\n        {{ field.label! | translate }}\r\n      </span>\r\n      <span *ngIf=\"field.required\" class=\"required-asterisk\"> * </span>\r\n      <span *ngIf=\"!field.required\" class=\"optional-text\"> {{ 'optional' | translate }} </span>\r\n    </div>\r\n\r\n    <mat-form-field class=\"autocomplete-field\" appearance=\"outline\">\r\n      <input type=\"text\"\r\n             [placeholder]=\"'search_placeholder' | translate\"\r\n             [id]=\"getId()\"\r\n             [formControl]=\"myControl\"\r\n             (keydown)=\"onKeydown($event, autocompleteTrigger)\"\r\n             [matAutocomplete]=\"auto\"\r\n             matInput\r\n             [required]=\"isRequired\"\r\n             #autocompleteTrigger=\"matAutocompleteTrigger\"\r\n             [readonly]=\"readonly\"\r\n      >\r\n\r\n      <button mat-button matSuffix\r\n              color=\"primary\"\r\n              class=\"autocomplete-button\"\r\n              (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n              [attr.id]=\"'autocomplete-trigger-' + field.property\">\r\n        <mat-icon>arrow_drop_down</mat-icon>\r\n      </button>\r\n\r\n      <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption [displayWith]=\"displayFn.bind(this)\"\r\n                        (optionSelected)=\"itemSelected($event.option.value)\"\r\n                        (closed)=\"closed()\">\r\n        <ng-container *ngIf=\"!field.readonly\">\r\n          <mat-option *ngIf=\"items.length > 1 && lookupItems$\" [value]=\"null\">{{ \"none\" | translate }}</mat-option>\r\n          <mat-option *ngFor=\"let item of lookupItems$ | async\" [value]=\"item\" [ngClass]=\"_allowSelection(item)\">\r\n            {{ itemNameByLag(item) }}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n\r\n  </div>\r\n</ng-container>\r\n", styles: [".main-auto-complete,.mat-field-wrapper{display:flex;flex-direction:column;width:100%}.label-and-asterisk-container{display:flex;align-items:center;gap:4px;margin-bottom:4px}.custom-label{font-weight:500}.required-asterisk{color:red}.optional-text{color:#9b9b9b;font-size:14px;font-weight:400}.autocomplete-field{width:100%;display:flex;align-items:center}.autocomplete-button{margin-left:4px}@media (max-width: 600px){.main-auto-complete,.mat-field-wrapper,.autocomplete-field{flex-direction:column;width:100%}.autocomplete-button{margin-left:0;margin-top:4px}}\n"] }]
+                    ], template: "<ng-container *ngIf=\"field\" class=\"main-auto-complete\">\r\n  <div class=\"mat-field-wrapper\" [formGroup]=\"form\">\r\n\r\n    <div class=\"label-and-asterisk-container\">\r\n      <span class=\"custom-label\" id=\"label-{{field.property}}\">\r\n        {{ field.label! | translate }}\r\n      </span>\r\n      <span *ngIf=\"field.required\" class=\"required-asterisk\"> * </span>\r\n      <span *ngIf=\"!field.required\" class=\"optional-text\"> {{ 'optional' | translate }} </span>\r\n    </div>\r\n\r\n    <mat-form-field class=\"autocomplete-field\" appearance=\"outline\">\r\n      <input type=\"text\"\r\n             [placeholder]=\"'search_placeholder' | translate\"\r\n             [id]=\"getId()\"\r\n             [formControl]=\"myControl\"\r\n             (keydown)=\"onKeydown($event, autocompleteTrigger)\"\r\n             [matAutocomplete]=\"auto\"\r\n             (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n             matInput\r\n             [required]=\"isRequired\"\r\n             #autocompleteTrigger=\"matAutocompleteTrigger\"\r\n             [readonly]=\"readonly\"\r\n      >\r\n\r\n      <button mat-button matSuffix\r\n              color=\"primary\"\r\n              class=\"autocomplete-button\"\r\n              (click)=\"autocompleteTrigger.openPanel(); filterLookupItems('', autocompleteTrigger); $event.stopPropagation()\"\r\n              [attr.id]=\"'autocomplete-trigger-' + field.property\">\r\n        <mat-icon>arrow_drop_down</mat-icon>\r\n      </button>\r\n\r\n      <mat-autocomplete #auto=\"matAutocomplete\" autoActiveFirstOption [displayWith]=\"displayFn.bind(this)\"\r\n                        (optionSelected)=\"itemSelected($event.option.value)\"\r\n                        (closed)=\"closed()\">\r\n        <ng-container *ngIf=\"!field.readonly\">\r\n          <mat-option *ngIf=\"items.length > 1 && lookupItems$\" [value]=\"null\">{{ \"none\" | translate }}</mat-option>\r\n          <mat-option *ngFor=\"let item of lookupItems$ | async\" [value]=\"item\" [ngClass]=\"_allowSelection(item)\">\r\n            {{ itemNameByLag(item) }}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n    </mat-form-field>\r\n\r\n  </div>\r\n</ng-container>\r\n", styles: [".main-auto-complete,.mat-field-wrapper{display:flex;flex-direction:column;width:100%}.label-and-asterisk-container{display:flex;align-items:center;gap:4px;margin-bottom:4px}.custom-label{font-weight:500}.required-asterisk{color:red}.optional-text{color:#9b9b9b;font-size:14px;font-weight:400}.autocomplete-field{width:100%;display:flex;align-items:center}.autocomplete-button{margin-left:4px}@media (max-width: 600px){.main-auto-complete,.mat-field-wrapper,.autocomplete-field{flex-direction:column;width:100%}.autocomplete-button{margin-left:0;margin-top:4px}}\n"] }]
         }], ctorParameters: () => [{ type: BackendService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['secretsManager']