nuxeo-development-framework 5.6.7 → 5.6.9

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;
@@ -15143,7 +15148,7 @@
       return DynamicColumnComponent;
   }());
   DynamicColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicColumnComponent, deps: [{ token: ExtensionService }, { token: ColumnRendererRegistryService }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  DynamicColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: { id: "id", context: "context", column: "column" }, host: { classAttribute: "cts-dynamic-column" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: i0.ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: " <ng-container #content></ng-container> ", isInline: true, styles: ["\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t"], encapsulation: i0__namespace.ViewEncapsulation.None });
+  DynamicColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: { id: "id", context: "context", column: "column" }, host: { classAttribute: "cts-dynamic-column" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: i0.ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: " <ng-container #content></ng-container> ", isInline: true, styles: ["\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: var(--dynamic-column-align, center);\n\t\t\t\tjustify-content: var(--dynamic-column-justity, flex-start);\n\t\t\t\twidth: var(--dynamic-column-width, 100%);\n\t\t\t\tpadding :var(--dynamic-column-padding, unset);\n\t\t\t}\n\t\t"], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicColumnComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -15152,7 +15157,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       host: { class: 'cts-dynamic-column' },
                       styles: [
-                          "\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t"
+                          "\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: var(--dynamic-column-align, center);\n\t\t\t\tjustify-content: var(--dynamic-column-justity, flex-start);\n\t\t\t\twidth: var(--dynamic-column-width, 100%);\n\t\t\t\tpadding :var(--dynamic-column-padding, unset);\n\t\t\t}\n\t\t"
                       ]
                   }]
           }], ctorParameters: function () { return [{ type: ExtensionService }, { type: ColumnRendererRegistryService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { content: [{
@@ -22532,18 +22537,15 @@
           this.baseAppUrl = baseAppUrl;
           this.configService = configService;
           this.isFeatureEnabled = false;
+          this.isEnabled = false;
           this.editorConfig = (_a = this.configService.myConfiguration) === null || _a === void 0 ? void 0 : _a.configEditor;
           this.isFeatureEnabled = environment.configEditor === 'YES';
       }
-      Object.defineProperty(EditorButtonComponent.prototype, "isEnabled", {
-          get: function () {
-              var _a, _b, _c, _d;
-              return ((_a = this.editorConfig) === null || _a === void 0 ? void 0 : _a.enabled) && ((_d = (_c = (_b = this.editorConfig) === null || _b === void 0 ? void 0 : _b.types) === null || _c === void 0 ? void 0 : _c[this.type]) === null || _d === void 0 ? void 0 : _d.enabled);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      EditorButtonComponent.prototype.ngOnInit = function () { };
+      EditorButtonComponent.prototype.ngOnChanges = function (changes) {
+          var _a, _b, _c, _d;
+          this.typeConfig = (_b = (_a = this.editorConfig) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b[this.type];
+          this.isEnabled = this.isFeatureEnabled && ((_c = this.editorConfig) === null || _c === void 0 ? void 0 : _c.enabled) && ((_d = this.typeConfig) === null || _d === void 0 ? void 0 : _d.enabled);
+      };
       EditorButtonComponent.prototype.navigate = function () {
           var _e;
           var _a;
@@ -22566,12 +22568,12 @@
       return EditorButtonComponent;
   }());
   EditorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorButtonComponent, deps: [{ token: 'environment' }, { token: i1__namespace$5.Router }, { token: PROJECT_BASE_HREF }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorButtonComponent, selector: "app-editor-button", inputs: { type: "type", key: "key" }, ngImport: i0__namespace, template: "\n\t\t<ng-container *ngIf=\"isFeatureEnabled && isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: item?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t", isInline: true, components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  EditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorButtonComponent, selector: "app-editor-button", inputs: { type: "type", key: "key" }, usesOnChanges: true, ngImport: i0__namespace, template: "\n\t\t<ng-container *ngIf=\"isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: typeConfig?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t", isInline: true, components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorButtonComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-editor-button',
-                      template: "\n\t\t<ng-container *ngIf=\"isFeatureEnabled && isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: item?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t"
+                      template: "\n\t\t<ng-container *ngIf=\"isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: typeConfig?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t"
                   }]
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
@@ -48273,10 +48275,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));
           }