nuxeo-development-framework 5.6.6 → 5.6.8

package/bundles/nuxeo-development-framework.umd.js

@@ -3172,7 +3172,8 @@
           return this.dialog.open(options.component, {
               width: (options === null || options === void 0 ? void 0 : options.width) || 'auto',
               height: (options === null || options === void 0 ? void 0 : options.height) || 'auto',
-              minWidth: '35%',
+              minWidth: (options === null || options === void 0 ? void 0 : options.height) || '35%',
+              maxWidth: (options === null || options === void 0 ? void 0 : options.maxWidth) || '80vw',
               panelClass: __spreadArray(['ndf-dialog'], __read(__classPrivateFieldGet(this, _NuxeoDialogService_instances, "m", _NuxeoDialogService_getPanelClass).call(this, options === null || options === void 0 ? void 0 : options.panelClass))),
               disableClose: true,
               data: Object.assign({ dialogConfig: {
@@ -12502,7 +12503,6 @@
           return this.userApiService.getUsersSuggestions(term);
       };
       DynamicFormSelectUsersComponent.prototype.constructUserArray = function (data, filterValue) {
-          var _this = this;
           var ConstructedData;
           // if not using arabic name then construct full name here
           if (!this.useArabicName) {
@@ -12511,17 +12511,22 @@
           ConstructedData = this.filterUsers(data, filterValue);
           // Due to not using bindValue, we need to hold the selected value as the full user object, not just the username
           if (this.writedValue) {
-              var selected = void 0;
-              if (this.multiple) {
-                  selected = ConstructedData.filter(function (user) { return _this.writedValue.includes(user.properties.username); });
-              }
-              else {
-                  selected = ConstructedData.filter(function (user) { return user.properties.username === _this.writedValue; })[0];
-              }
-              this.selection = selected !== null && selected !== void 0 ? selected : this.selection;
+              this.handleWrittedValue(ConstructedData);
           }
           return ConstructedData;
       };
+      DynamicFormSelectUsersComponent.prototype.handleWrittedValue = function (users) {
+          var _this = this;
+          var userId = function (value) {
+              return (typeof (value) === 'string') ? value : value.id;
+          };
+          this.selection = (this.multiple) ? users.filter(function (user) { return _this.writedValue.some(function (value) { return user.properties.username === userId(value); }); })
+              : users.filter(function (user) { return user.properties.username === userId(_this.writedValue); })[0];
+          if (this.selection) {
+              this.writedValue = null;
+              this.emitSelection(this.selection);
+          }
+      };
       DynamicFormSelectUsersComponent.prototype.insertFUllName = function (data) {
           return data.map(function (user) {
               var _a, _b;
@@ -18701,6 +18706,7 @@
               }
               var _vals = Array.isArray(_values) ? _values : [_values];
               this.internalValue = _values;
+              this.selectionModel.clear();
               (_b = this.selectionModel).select.apply(_b, __spreadArray([], __read(_vals)));
               this._isFieldDirty = true;
               this.cdr.markForCheck();
@@ -19334,7 +19340,7 @@
               useExisting: i0.forwardRef(function () { return AggregationCheckboxComponent; }),
               multi: true
           }
-      ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"options$ | async as options\">\r\n\t<field-header *ngIf=\"fieldConfig.label && !renderOptions?.hideLabel\" class=\"filter-checkbox__header\">\r\n\t\t<span>\r\n\t\t\t{{ fieldConfig.label | translate }}\r\n\t\t</span>\r\n\t\t<filter-options-sort *ngIf=\"renderOptions?.sort\" (sortChange)=\"sortChange($event)\"></filter-options-sort>\r\n\t</field-header>\r\n\r\n\t<filter-search-input\r\n\t\tclass=\"filter-checkbox__filter\"\r\n\t\t*ngIf=\"renderOptions?.filter\"\r\n\t\t[(searchText)]=\"searchText\"\r\n\t></filter-search-input>\r\n\r\n\t<filter-autocomplete-input\r\n\t\t*ngIf=\"renderOptions?.search\"\r\n\t\t[fieldConfig]=\"fieldConfig\"\r\n\t\t[language]=\"language\"\r\n\t\t[direction]=\"direction\"\r\n\t\t(searchChange)=\"emitValue($event)\"\r\n\t></filter-autocomplete-input>\r\n\r\n\t<ng-container *ngIf=\"options | filter: searchText | sortList: sort as filteredOptions\">\r\n\t\t<div class=\"filter-checkbox__wrapper\">\r\n\t\t\t<mat-checkbox\r\n\t\t\t\tclass=\"filter-checkbox__item\"\r\n\t\t\t\t*ngFor=\"let option of filteredOptions; index as index\"\r\n\t\t\t\t[checked]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t(change)=\"selectionModel.toggle(option.value)\"\r\n\t\t\t\t[class.checkedBox]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.unCheckedBox]=\"!selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.hidden]=\"renderOptions?.collapse && index + 1 > visibleItemsCount\"\r\n\t\t\t>\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: option, fieldConfig, aggregation }\"\r\n\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"option\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</mat-checkbox>\r\n\t\t</div>\r\n\r\n\t\t<filter-empty-message *ngIf=\"!filteredOptions.length\" class=\"filter-checkbox__empty\"></filter-empty-message>\r\n\r\n\t\t<filter-collapse-control\r\n\t\t\tclass=\"filter-checkbox__collapse\"\r\n\t\t\t*ngIf=\"renderOptions?.collapse\"\r\n\t\t\t[minCount]=\"expandedCount\"\r\n\t\t\t[(visibleCount)]=\"visibleItemsCount\"\r\n\t\t\t[totalItems]=\"filteredOptions.length\"\r\n\t\t></filter-collapse-control>\r\n\t</ng-container>\r\n</ng-container>\r\n", styles: [".filter-checkbox{display:var(--fc-display, block)}.filter-checkbox__wrapper{display:var(--fc-wrapper-display, flex);flex-direction:var(--fc-wrapper-direction, column)}.filter-checkbox__item{margin-bottom:var(--filter-row-margin-bottom, .3rem)}.filter-checkbox__item.hidden{display:none}.filter-checkbox__item .mat-checkbox-layout{display:flex}.filter-checkbox__item .mat-checkbox-layout .mat-checkbox-label{flex-grow:1}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }, { type: FilterOptionsSortComponent, selector: "filter-options-sort", inputs: ["options", "sort"], outputs: ["sortChange"] }, { type: FilterSearchInputComponent, selector: "filter-search-input", inputs: ["searchText"], outputs: ["searchTextChange"] }, { type: FilterAutocompleteInputComponent, selector: "filter-autocomplete-input", inputs: ["direction", "language", "fieldConfig"], outputs: ["searchChange"] }, { type: i5__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FilterOptionTextComponent, selector: "filter-option-text", inputs: ["option", "showCount", "language"] }, { type: FilterEmptyMessageComponent, selector: "filter-empty-message", inputs: ["message"] }, { type: FilterCollapseControlComponent, selector: "filter-collapse-control", inputs: ["minCount", "totalItems", "visibleCount"], outputs: ["visibleCountChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "sortList": SortListPipe, "filter": FilterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
+      ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"options$ | async as options\">\r\n\t<field-header *ngIf=\"fieldConfig.label && !renderOptions?.hideLabel\" class=\"filter-checkbox__header\">\r\n\t\t<span>\r\n\t\t\t{{ fieldConfig.label | translate }}\r\n\t\t</span>\r\n\t\t<filter-options-sort *ngIf=\"renderOptions?.sort\" (sortChange)=\"sortChange($event)\"></filter-options-sort>\r\n\t</field-header>\r\n\r\n\t<filter-search-input\r\n\t\tclass=\"filter-checkbox__filter\"\r\n\t\t*ngIf=\"renderOptions?.filter\"\r\n\t\t[(searchText)]=\"searchText\"\r\n\t></filter-search-input>\r\n\r\n\t<filter-autocomplete-input\r\n\t\t*ngIf=\"renderOptions?.search\"\r\n\t\t[fieldConfig]=\"fieldConfig\"\r\n\t\t[language]=\"language\"\r\n\t\t[direction]=\"direction\"\r\n\t\t(searchChange)=\"emitValue($event)\"\r\n\t></filter-autocomplete-input>\r\n\r\n\t<ng-container *ngIf=\"options | filter: searchText | sortList: sort as filteredOptions\">\r\n\t\t<div class=\"filter-checkbox__wrapper\">\r\n\t\t\t<mat-checkbox\r\n\t\t\t\tclass=\"filter-checkbox__item\"\r\n\t\t\t\t*ngFor=\"let option of filteredOptions; index as index ;\"\r\n\t\t\t\t[checked]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t(change)=\"selectionModel.toggle(option.value)\"\r\n\t\t\t\t[class.checkedBox]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.unCheckedBox]=\"!selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.hidden]=\"renderOptions?.collapse && index + 1 > visibleItemsCount\"\r\n\t\t\t>\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: option, fieldConfig, aggregation }\"\r\n\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"option\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</mat-checkbox>\r\n\t\t</div>\r\n\r\n\t\t<filter-empty-message *ngIf=\"!filteredOptions.length\" class=\"filter-checkbox__empty\"></filter-empty-message>\r\n\r\n\t\t<filter-collapse-control\r\n\t\t\tclass=\"filter-checkbox__collapse\"\r\n\t\t\t*ngIf=\"renderOptions?.collapse\"\r\n\t\t\t[minCount]=\"expandedCount\"\r\n\t\t\t[(visibleCount)]=\"visibleItemsCount\"\r\n\t\t\t[totalItems]=\"filteredOptions.length\"\r\n\t\t></filter-collapse-control>\r\n\t</ng-container>\r\n</ng-container>\r\n\r\n", styles: [".filter-checkbox{display:var(--fc-display, block)}.filter-checkbox__wrapper{display:var(--fc-wrapper-display, flex);flex-direction:var(--fc-wrapper-direction, column)}.filter-checkbox__item{margin-bottom:var(--filter-row-margin-bottom, .3rem)}.filter-checkbox__item.hidden{display:none}.filter-checkbox__item .mat-checkbox-layout{display:flex}.filter-checkbox__item .mat-checkbox-layout .mat-checkbox-label{flex-grow:1}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }, { type: FilterOptionsSortComponent, selector: "filter-options-sort", inputs: ["options", "sort"], outputs: ["sortChange"] }, { type: FilterSearchInputComponent, selector: "filter-search-input", inputs: ["searchText"], outputs: ["searchTextChange"] }, { type: FilterAutocompleteInputComponent, selector: "filter-autocomplete-input", inputs: ["direction", "language", "fieldConfig"], outputs: ["searchChange"] }, { type: i5__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FilterOptionTextComponent, selector: "filter-option-text", inputs: ["option", "showCount", "language"] }, { type: FilterEmptyMessageComponent, selector: "filter-empty-message", inputs: ["message"] }, { type: FilterCollapseControlComponent, selector: "filter-collapse-control", inputs: ["minCount", "totalItems", "visibleCount"], outputs: ["visibleCountChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "sortList": SortListPipe, "filter": FilterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationCheckboxComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -21158,6 +21164,7 @@
           return field === null || field === void 0 ? void 0 : field.fieldKey;
       };
       AggregationGroupComponent.prototype.writeValue = function (value) {
+          var _a;
           if (value) {
               var _values = this._getValues(value);
               if (___default["default"].isEqual(_values, this.internalValue)) {
@@ -21166,6 +21173,12 @@
               this.internalValue = _values;
               this.formItems.clear();
               this._prepareFormFields(this.internalValue);
+              return;
+          }
+          else if (!!((_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.length)) {
+              this.internalValue = [];
+              this._resetFormArray();
+              this._prepareFormFields(this.internalValue);
           }
       };
       AggregationGroupComponent.prototype.ngOnInit = function () {
@@ -21189,7 +21202,6 @@
           var _a;
           var items = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.aggregations) || [];
           if (!!items.length) {
-              this.formItems.clear();
               items.forEach(function (item) {
                   _this.formItems.push(new i2.FormControl(values));
               });
@@ -21208,6 +21220,10 @@
           var _a;
           return Array.isArray(values) ? values : ((_a = values) === null || _a === void 0 ? void 0 : _a.value) || [];
       };
+      AggregationGroupComponent.prototype._resetFormArray = function () {
+          this.formItems = new i2.FormArray([]);
+          this.formGroup.setControl('items', this.formItems);
+      };
       return AggregationGroupComponent;
   }(BaseCustomField));
   AggregationGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -47454,11 +47470,11 @@
           var value = ___default["default"].cloneDeep(config);
           this._checkConfigChange(value);
           this._configSubject.next(value);
-          if (value === null || value === void 0 ? void 0 : value.activeQuery) {
+          if ((value === null || value === void 0 ? void 0 : value.activeQuery) && !!Object.keys(value === null || value === void 0 ? void 0 : value.activeQuery).length) {
               this._updateActiveQuery(value === null || value === void 0 ? void 0 : value.activeQuery);
               this._filtersCriteriaSubject.next(this._prepareMappedQuery(value === null || value === void 0 ? void 0 : value.activeQuery, this.filtersConfig.mode));
           }
-          else if (!!Object.keys(this.activeQuery).length) {
+          else if (!this.activeQuery || Object.keys(this.activeQuery).length == 0) {
               this._resetQueryAndFiltersCriteria();
           }
           this.isPanelOpened = false;
@@ -48262,10 +48278,15 @@
           var themeValue = (_a = changes.theme) === null || _a === void 0 ? void 0 : _a.currentValue;
           var optionsValue = (_b = changes.options) === null || _b === void 0 ? void 0 : _b.currentValue;
           var isThemeFirstChange = (_c = changes === null || changes === void 0 ? void 0 : changes.theme) === null || _c === void 0 ? void 0 : _c.firstChange;
+          var activeTheme = this._optionsSubject.getValue().theme;
           var mergedOptions = ___default["default"].merge(this._defaultEditorOptions, optionsValue || {}, { language: 'json' });
           if (themeValue && isThemeFirstChange) {
               mergedOptions.theme = themeValue;
           }
+          if (!optionsValue && activeTheme && themeValue && activeTheme !== themeValue) {
+              var activeOptions = this._optionsSubject.getValue();
+              this._optionsSubject.next(___default["default"].merge(activeOptions, { theme: themeValue }));
+          }
           if (optionsValue || (themeValue && isThemeFirstChange)) {
               this._optionsSubject.next(___default["default"].cloneDeep(mergedOptions));
           }