nuxeo-development-framework 5.5.5 → 5.5.6

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

@@ -43474,6 +43474,12 @@
       gradient.addColorStop(0, colors === null || colors === void 0 ? void 0 : colors.startColor);
       gradient.addColorStop(1, colors === null || colors === void 0 ? void 0 : colors.endColor);
       return gradient;
+  }
+  // Check if the string is a valid CSS color
+  function isColor(str) {
+      var s = new Option().style;
+      s.color = str;
+      return s.color !== '';
   }
 
   function flatArray(data) {
@@ -43590,6 +43596,36 @@
       var luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
       return luminance > 0.6 ? darkColor : lightColor;
   }
+  function getCssColors(colors) {
+      var _colors = (colors || []).map(function (color) {
+          var str = "" + color;
+          if (isCssVar(str)) {
+              var _var = extractCssVar(str);
+              return getColor(_var);
+          }
+          return str;
+      });
+      return __spreadArray([], __read(_colors));
+  }
+  function isCssVar(value) {
+      return typeof value === 'string' && (value.startsWith('var') || value.startsWith('--'));
+  }
+  function extractCssVar(data) {
+      var match = data.match(/var\((--[^)]+)\)/);
+      return match ? match[1] : data;
+  }
+  function resolveColor(value, cssVar, fallback) {
+      if (!value && !cssVar) {
+          return fallback;
+      }
+      if (isCssVar(value)) {
+          return getColor(extractCssVar(value), fallback);
+      }
+      if (isColor(value)) {
+          return value;
+      }
+      return getColor(cssVar, fallback);
+  }
   /*
    * Converts a hexadecimal color code to an RGB array.
    *
@@ -43627,6 +43663,7 @@
     createShade: createShade,
     createColorVariants: createColorVariants,
     createConicGradient: createConicGradient,
+    isColor: isColor,
     flatArray: flatArray,
     isObject: isObject,
     getCssVariable: getCssVariable,
@@ -43634,7 +43671,11 @@
     getGridColor: getGridColor,
     getTicksColor: getTicksColor,
     getColors: getColors,
-    getTextColor: getTextColor
+    getTextColor: getTextColor,
+    getCssColors: getCssColors,
+    isCssVar: isCssVar,
+    extractCssVar: extractCssVar,
+    resolveColor: resolveColor
   });
 
   var StatisticService = /** @class */ (function (_super) {
@@ -45445,10 +45486,8 @@
   // Keep the original replaceColors for processing individual values
   function replaceColors(data) {
       var e_2, _a;
-      if (typeof data === 'string' && (data.startsWith('var') || data.startsWith('--'))) {
-          var match = data.match(/var\((--[^)]+)\)/);
-          var value = match ? match[1] : data;
-          return getColor(value);
+      if (isCssVar(data)) {
+          return getColor(extractCssVar(data));
       }
       if (data === null || typeof data !== 'object') {
           return data;
@@ -45554,14 +45593,7 @@
           return ((_a = _optionsMap[key]) === null || _a === void 0 ? void 0 : _a.call(_optionsMap, options)) || {};
       };
       ReportConfigMapperService.prototype._prepareColors = function (colors) {
-          var _colors = (colors || []).map(function (color) {
-              var str = "" + color;
-              if (str.startsWith('var(')) {
-                  var match = str.match(/^var\((--[^)]+)\)/);
-                  return match ? getColor(match[1]) : str;
-              }
-              return str.startsWith('--') ? getColor(str) : str;
-          });
+          var _colors = getCssColors(colors || []);
           return __spreadArray(__spreadArray([], __read(_colors)), __read(getColors()));
       };
       return ReportConfigMapperService;
@@ -46062,6 +46094,31 @@
               direction: this.direction
           });
       };
+      BaseGraphReport.prototype.ngAfterViewInit = function () {
+          this._setupThemeWatcher();
+      };
+      BaseGraphReport.prototype.ngOnDestroy = function () {
+          _super.prototype.ngOnDestroy.call(this);
+          this._chartThemeService.destroy();
+      };
+      BaseGraphReport.prototype._setupThemeWatcher = function () {
+          var _this = this;
+          this._chartThemeService.theme$
+              .pipe(operators.filter(function (value) { return value !== _this._initialTheme && !!_this._definition; }), operators.takeUntil(this.destroy$))
+              .subscribe(function (theme) {
+              _this._initialTheme = theme;
+              var _a = _this._configSub.getValue(), chart = _a.chart, config = __rest(_a, ["chart"]);
+              var data = ___default["default"].merge({}, _this._definition, {
+                  chart: {
+                      type: chart.type
+                  }
+              });
+              _this._configSub.next(_this._prepareConfig(data));
+              Chart__default["default"].defaults.color = getColor('--chart-default-color', '#666');
+              Chart__default["default"].defaults.backgroundColor = getColor('--chart-default-background-color', 'rgba(0, 0, 0, 0.1)');
+              Chart__default["default"].defaults.borderColor = getColor('--chart-default-border-color', 'rgba(0, 0, 0, 0.1)');
+          });
+      };
       return BaseGraphReport;
   }(BaseReport));
   BaseGraphReport.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseGraphReport, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
@@ -46453,13 +46510,6 @@
           }));
           return _this;
       }
-      GraphReportComponent.prototype.ngAfterViewInit = function () {
-          this._setupThemeWatcher();
-      };
-      GraphReportComponent.prototype.ngOnDestroy = function () {
-          _super.prototype.ngOnDestroy.call(this);
-          this._chartThemeService.destroy();
-      };
       GraphReportComponent.prototype.changeChartType = function (type) {
           var _d;
           var _a, _b;
@@ -46480,21 +46530,6 @@
               this.graphChartComponent.printChart();
           }
       };
-      GraphReportComponent.prototype._setupThemeWatcher = function () {
-          var _this = this;
-          this._chartThemeService.theme$
-              .pipe(operators.filter(function (value) { return value !== _this._initialTheme && !!_this._definition; }), operators.takeUntil(this.destroy$))
-              .subscribe(function (theme) {
-              _this._initialTheme = theme;
-              var _a = _this._configSub.getValue(), chart = _a.chart, config = __rest(_a, ["chart"]);
-              var data = ___default["default"].merge({}, _this._definition, {
-                  chart: {
-                      type: chart.type
-                  }
-              });
-              _this._configSub.next(_this._prepareConfig(data));
-          });
-      };
       return GraphReportComponent;
   }(BaseGraphReport));
   GraphReportComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GraphReportComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -46711,21 +46746,14 @@
           _this._timelineService = _this.injector.get(DynamicTimelineReportService);
           _this._criteria$ = _this.criteria$.pipe(operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }));
           _this.selectedGroup$ = _this._timelineService.selectedGroup$;
-          _this.filterCriteria$ = rxjs.combineLatest([_this._criteria$, _this._timelineService.selectedGroup$]).pipe(operators.map(function (_b) {
-              var _c = __read(_b, 1), criteria = _c[0];
+          _this.filterCriteria$ = rxjs.combineLatest([_this._criteria$, _this._timelineService.selectedGroup$]).pipe(operators.map(function (_a) {
+              var _b = __read(_a, 1), criteria = _b[0];
               return ___default["default"].cloneDeep(___default["default"].merge(criteria || {}, _this._timelineService.prepareSelectedGroups(_this.config)));
           }));
           _this.report$ = rxjs.combineLatest([_this.config$, _this._criteria$, _this._timelineService.rebuild$]).pipe(_this._timelineService.prepareData());
           _this._subscribeToLanguage();
           return _this;
       }
-      DynamicTimelineReportComponent.prototype.ngAfterViewInit = function () {
-          this._setupThemeWatcher();
-      };
-      DynamicTimelineReportComponent.prototype.ngOnDestroy = function () {
-          _super.prototype.ngOnDestroy.call(this);
-          this._chartThemeService.destroy();
-      };
       DynamicTimelineReportComponent.prototype._subscribeToLanguage = function () {
           var _this = this;
           this._translateService.onLangChange
@@ -46748,21 +46776,6 @@
       DynamicTimelineReportComponent.prototype.openDetails = function () {
           this.onOpen.emit(this._timelineService.payload);
       };
-      DynamicTimelineReportComponent.prototype._setupThemeWatcher = function () {
-          var _this = this;
-          this._chartThemeService.theme$
-              .pipe(operators.filter(function (value) { return value !== _this._initialTheme && !!_this._definition; }), operators.takeUntil(this.destroy$))
-              .subscribe(function (theme) {
-              _this._initialTheme = theme;
-              var _a = _this._configSub.getValue(), chart = _a.chart, config = __rest(_a, ["chart"]);
-              var data = ___default["default"].merge({}, _this._definition, {
-                  chart: {
-                      type: chart.type
-                  }
-              });
-              _this._configSub.next(_this._prepareConfig(data));
-          });
-      };
       return DynamicTimelineReportComponent;
   }(BaseGraphReport));
   DynamicTimelineReportComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });