nuxeo-development-framework 5.2.6 → 5.2.8

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

@@ -13921,7 +13921,7 @@
       return ListViewerComponent;
   }());
   ListViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ListViewerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ListViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ListViewerComponent, selector: "cts-list-viewer", inputs: { label: "label", data: "data", vertical: "vertical" }, ngImport: i0__namespace, template: "<div class=\"container\">\r\n  <div>{{label | translate}}</div>\r\n  <span class=\"title\" (click)=\"show = !show\" *ngIf=\"data.length > 1\">\r\n    {{\r\n    (show ? \"CREATE.SHOW_LESS\" : \"CREATE.SHOW_MORE\")\r\n    | translate\r\n    }}\r\n  </span>\r\n</div>\r\n<div class=\"two-columns\" [class.show]=\"show\" *ngIf=\"data.length \">\r\n  <ng-container *ngFor=\"let elem of data\">\r\n    <div class=\"wrapper\">\r\n      <span class=\"avatar-wrapper\">\r\n        <cts-avatar [user]=\"elem\"></cts-avatar>\r\n      </span>\r\n      <span class=\"fullName\">\r\n        {{ elem?.properties?.firstName }} {{ elem?.properties?.lastName }}\r\n      </span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"no-data-section\" *ngIf=\"data.length === 0\">\r\n  {{\"CREATE.NO_USERS\" | translate}}\r\n</div>\r\n", styles: [".title{font-size:12px;cursor:pointer;font-weight:bold;margin-top:4px;color:#d3d3d3}.container{display:flex;place-content:space-between;padding:0;font-weight:bold;font-size:14px}.two-columns{height:63px;overflow:hidden;width:100%;display:flex;flex-wrap:wrap;padding:0 5px;border:1px solid #d9dce2}.two-columns .wrapper{display:inline-flex;padding:6px;align-items:center;width:50%}.no-data-section{height:63px;border:1px solid #d9dce2;display:flex;justify-content:center;align-items:center;color:gray;font-size:14px}.avatar-wrapper{width:35px;height:35px;margin:5px}.show{overflow:visible;height:auto}.fullName{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}\n"], components: [{ type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  ListViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ListViewerComponent, selector: "cts-list-viewer", inputs: { label: "label", data: "data", vertical: "vertical" }, ngImport: i0__namespace, template: "<div class=\"container\">\r\n  <div>{{label | translate}}</div>\r\n  <span class=\"title\" (click)=\"show = !show\" *ngIf=\"data.length > 1\">\r\n    {{\r\n    (show ? \"CREATE.SHOW_LESS\" : \"CREATE.SHOW_MORE\")\r\n    | translate\r\n    }}\r\n  </span>\r\n</div>\r\n<div class=\"two-columns\" [class.show]=\"show\" *ngIf=\"data.length \">\r\n  <ng-container *ngFor=\"let elem of data\">\r\n    <div class=\"wrapper\">\r\n      <span class=\"avatar-wrapper\">\r\n        <cts-avatar [user]=\"elem\"></cts-avatar>\r\n      </span>\r\n      <span class=\"fullName\">\r\n        {{ elem?.properties?.firstName }} {{ elem?.properties?.lastName }}\r\n      </span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"no-data-section\" *ngIf=\"data.length === 0\">\r\n  {{\"CREATE.NO_USERS\" | translate}}\r\n</div>\r\n", styles: [".title{font-size:12px;cursor:pointer;font-weight:bold;margin-top:4px;color:#d3d3d3}.container{display:flex;place-content:space-between;padding:0;font-weight:bold;font-size:14px;height:auto}.two-columns{height:63px;overflow:hidden;width:100%;display:flex;flex-wrap:wrap;padding:0 5px;border:1px solid #d9dce2}.two-columns .wrapper{display:inline-flex;padding:6px;align-items:center;width:50%}.no-data-section{height:63px;border:1px solid #d9dce2;display:flex;justify-content:center;align-items:center;color:gray;font-size:14px}.avatar-wrapper{width:35px;height:35px;margin:5px}.show{overflow:visible;height:auto}.fullName{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}\n"], components: [{ type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ListViewerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -14581,7 +14581,7 @@
       return PageSizesListComponent;
   }());
   PageSizesListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageSizesListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  PageSizesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: { pageSizes: "pageSizes", selectedPageSize: "selectedPageSize" }, outputs: { onChangePageSize: "onChangePageSize" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"tablePageSizesWrapper\" *ngIf=\"pageSizes?.length\">\r\n  <span class=\"tablePageSizeLabel\">\r\n    {{ \"tablePageSizes\" | translate }}\r\n  </span>\r\n  <ng-select\r\n    class=\"tablePageSizesList\"\r\n    [items]=\"pageSizes\"\r\n    bindValue=\"size\"\r\n    bindLabel=\"label\"\r\n    [(ngModel)]=\"selectedPageSize\"\r\n    (change)=\"changePageSize()\"\r\n    appendTo=\"body\"\r\n  >\r\n  </ng-select>\r\n</div>\r\n", styles: [".tablePageSizesWrapper{display:flex;grid-column-gap:12px;column-gap:12px;align-items:center}.tablePageSizesWrapper .tablePageSizesList{width:100px}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  PageSizesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: { pageSizes: "pageSizes", selectedPageSize: "selectedPageSize" }, outputs: { onChangePageSize: "onChangePageSize" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"tablePageSizesWrapper\" *ngIf=\"pageSizes?.length\">\r\n\t<span class=\"tablePageSizeLabel\">\r\n\t\t{{ 'tablePageSizes' | translate }}\r\n\t</span>\r\n\t<ng-select\r\n\t\tclass=\"tablePageSizesList\"\r\n\t\t[dropdownPosition]=\"'top'\"\r\n\t\t[items]=\"pageSizes\"\r\n\t\tbindValue=\"size\"\r\n\t\tbindLabel=\"label\"\r\n\t\t[(ngModel)]=\"selectedPageSize\"\r\n\t\t(change)=\"changePageSize()\"\r\n\t>\r\n\t</ng-select>\r\n</div>\r\n", styles: [".tablePageSizesWrapper{display:flex;grid-column-gap:12px;column-gap:12px;align-items:center}.tablePageSizesWrapper .tablePageSizesList{width:100px}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageSizesListComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -14783,6 +14783,8 @@
               sortOrder: event.newValue
           };
           this.onSorting.emit(sort);
+          this.onMultiRowSelected.emit([]);
+          this.disabledActions = false;
       };
       TableComponent.prototype.assignTableColumns = function (event) {
           this.onResize(event.target.innerWidth);
@@ -19681,13 +19683,13 @@
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
               multi: true
           }
-      ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container #dynamicContainer></ng-container>\r\n", styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
+      ], usesInheritance: true, ngImport: i0__namespace, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-aggregation-field',
-                      templateUrl: './aggregation-field.component.html',
-                      styleUrls: ['./aggregation-field.component.scss'],
+                      template: '<ng-container #dynamicContainer></ng-container>',
+                      styles: [''],
                       encapsulation: i0.ViewEncapsulation.None,
                       providers: [
                           {
@@ -42688,6 +42690,52 @@
                   }]
           }] });
 
+  var NdfPanelComponent = /** @class */ (function () {
+      function NdfPanelComponent() {
+          this.maxBodyHeight = 'auto';
+      }
+      return NdfPanelComponent;
+  }());
+  NdfPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfPanelComponent, selector: "ndf-panel", inputs: { maxBodyHeight: "maxBodyHeight" }, queries: [{ propertyName: "panelHeader", first: true, predicate: ["panelHeader"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelFooter", first: true, predicate: ["panelFooter"], descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<div class=\"scroll-panel\">\r\n\t<div class=\"header\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelHeader\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"body\" [style.maxHeight]=\"maxBodyHeight\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelBody\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"footer\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelFooter\"></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".scroll-panel{display:var(--ndf-panel-display, flex);flex-direction:var(--ndf-panel-flex-direction, column);height:var(--ndf-panel-height, calc(100dvh - 65px));border:1px solid var(--ndf-panel-main-border)}.header{flex:var(--ndf-panel-header-flex, 0 0 auto);color:var(--ndf-panel-color, #3b3b3c);background-color:var(--ndf-panel-bg, #f6f9f5);border-bottom:1px solid var(--ndf-panel-border-color, #e7e7e7)}.footer{border-top:1px solid var(--ndf-panel-border-color, #e7e7e7)}.body{flex:var(--ndf-panel-body-flex, 1 1 auto);overflow-y:var(--ndf-panel-body-overflow-y, auto);min-height:var(--ndf-panel-body-min-height, 0)}\n"], directives: [{ type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'ndf-panel',
+                      templateUrl: './ndf-panel.component.html',
+                      styleUrls: ['./ndf-panel.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush
+                  }]
+          }], propDecorators: { maxBodyHeight: [{
+                  type: i0.Input
+              }], panelHeader: [{
+                  type: i0.ContentChild,
+                  args: ['panelHeader', { read: i0.TemplateRef }]
+              }], panelBody: [{
+                  type: i0.ContentChild,
+                  args: ['panelBody', { read: i0.TemplateRef }]
+              }], panelFooter: [{
+                  type: i0.ContentChild,
+                  args: ['panelFooter', { read: i0.TemplateRef }]
+              }] } });
+
+  var NdfPanelModule = /** @class */ (function () {
+      function NdfPanelModule() {
+      }
+      return NdfPanelModule;
+  }());
+  NdfPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  NdfPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, declarations: [NdfPanelComponent], imports: [i4.CommonModule], exports: [NdfPanelComponent] });
+  NdfPanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, imports: [[i4.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [NdfPanelComponent],
+                      imports: [i4.CommonModule],
+                      exports: [NdfPanelComponent]
+                  }]
+          }] });
+
   /*
    * Public API Surface of nuxeo-development-framework
    */
@@ -42986,6 +43034,8 @@
   exports.NdfGregorianDatepickerComponent = NdfGregorianDatepickerComponent;
   exports.NdfHijriDatepickerComponent = NdfHijriDatepickerComponent;
   exports.NdfNuxeoDialog = NdfNuxeoDialog;
+  exports.NdfPanelComponent = NdfPanelComponent;
+  exports.NdfPanelModule = NdfPanelModule;
   exports.NdfTableComponent = NdfTableComponent;
   exports.NdfTableModule = NdfTableModule;
   exports.NdfTableService = NdfTableService;