npm - @o3r/rules-engine - Versions diffs - 12.0.0-next.8 → 12.0.0-next.9 - Mend

@o3r/rules-engine 12.0.0-next.8 → 12.0.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/fesm2022/o3r-rules-engine.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Pipe, NgModule, InjectionToken, Injectable, Optional, Inject, inject, DestroyRef } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, JsonPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Pipe, NgModule, InjectionToken, Injectable, Optional, Inject, inject, DestroyRef } from '@angular/core';
 import { Subject, of, from, ReplaySubject, Observable, combineLatest, BehaviorSubject, merge, firstValueFrom, fromEvent } from 'rxjs';
 import { switchMap, delay, startWith, mergeMap, map, catchError, withLatestFrom, concatMap, tap, share, shareReplay, pairwise, distinctUntilChanged, takeUntil, filter, scan } from 'rxjs/operators';
 import * as i1$2 from '@ngrx/store';
@@ -15,39 +15,6 @@ import { createEntityAdapter } from '@ngrx/entity';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { JSONPath } from 'jsonpath-plus';
-class RuleConditionPresComponent {
-    constructor() {
-        /**
-         * Left hand operator as it will be displayed in the template.
-         * In the case of a fact with a json path, will resolve the whole fact path, else will only display the value
-         */
-        this.lhs = 'undefined';
-    }
-    /**
-     * Rule condition that will be flattened by the component setter
-     */
-    set condition(condition) {
-        this._condition = condition;
-        this.lhs = condition?.lhs ? this.getOperandName(condition.lhs) : 'undefined';
-        this.rhs = condition?.rhs ? this.getOperandName(condition.rhs) : undefined;
-    }
-    get condition() {
-        return this._condition;
-    }
-    getOperandName(operand) {
-        const value = `${operand.value ?? 'MISSING_VALUE'}`;
-        return operand.path ? operand.path.replace(/^\$/, value) : value;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleConditionPresComponent, isStandalone: false, selector: "o3r-rule-condition-pres", inputs: { condition: "condition" }, ngImport: i0, template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'o3r-rule-condition-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"] }]
-        }], propDecorators: { condition: [{
-                type: Input
-            }] } });
 /**
  * Duration of the notification for clipboard feature (in milliseconds)
  */
@@ -91,11 +58,11 @@ class RuleKeyValuePresComponent {
         this.triggerNotification.next();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleKeyValuePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleKeyValuePresComponent, isStandalone: false, selector: "o3r-rule-key-value-pres", inputs: { key: "key", value: "value", oldValue: "oldValue", type: "type" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleKeyValuePresComponent, isStandalone: true, selector: "o3r-rule-key-value-pres", inputs: { key: "key", value: "value", oldValue: "oldValue", type: "type" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleKeyValuePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-key-value-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"] }]
+            args: [{ selector: 'o3r-rule-key-value-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, JsonPipe], template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"] }]
         }], propDecorators: { key: [{
                 type: Input
             }], value: [{
@@ -115,9 +82,78 @@ class O3rFallbackToPipe {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rFallbackToPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'o3rFallbackTo', standalone: true }]
+            args: [{ name: 'o3rFallbackTo' }]
+        }] });
+class O3rJsonOrStringPipe {
+    /**
+     * @inheritDoc
+     */
+    transform(value) {
+        if (typeof value === 'string') {
+            return value;
+        }
+        return JSON.stringify(value, null, 2);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, isStandalone: true, name: "o3rJsonOrString" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'o3rJsonOrString' }]
         }] });
+/**
+ * Compute the status of the execution depending on its execution event type, the output and whether the execution
+ * is still active
+ * @param rulesetExecution
+ * @param isActive
+ */
+const getStatus = (rulesetExecution, isActive) => {
+    if (rulesetExecution.type === 'RulesetExecutionError') {
+        return 'Error';
+    }
+    else if (rulesetExecution.outputActions?.length === 0) {
+        return 'NoEffect';
+    }
+    else if (isActive) {
+        return 'Active';
+    }
+    return 'Deactivated';
+};
+/**
+ * Transform the output of the debug reports into the model for the ruleset history debug panel
+ * @param events
+ * @param rulesetMap
+ */
+const rulesetReportToHistory = (events, rulesetMap) => {
+    const availableRulesets = (events.filter((e) => e.type === 'AvailableRulesets').reverse()[0])?.availableRulesets || [];
+    const lastActiveRulesets = (events.filter((e) => e.type === 'ActiveRulesets').reverse()[0])?.rulesets || [];
+    return availableRulesets
+        .filter((ruleset) => !!ruleset)
+        .reduce((acc, ruleset) => {
+        const rulesetExecutions = events
+            .filter((e) => ((e.type === 'RulesetExecutionError' || e.type === 'RulesetExecution') && e.rulesetId === ruleset.id));
+        if (rulesetExecutions) {
+            acc.push(...rulesetExecutions);
+        }
+        return acc;
+    }, [])
+        .sort((execA, execB) => execB.timestamp - execA.timestamp)
+        .map((rulesetExecution) => {
+        const rulesetInformation = rulesetMap[rulesetExecution.rulesetId];
+        const isActive = lastActiveRulesets.find((r) => r.id === rulesetExecution.rulesetId);
+        return {
+            ...rulesetExecution,
+            status: getStatus(rulesetExecution, !!isActive),
+            isActive: !!isActive,
+            rulesetInformation,
+            rulesEvaluations: (rulesetExecution.rulesEvaluations || []).sort((evalA, evalB) => (rulesetInformation?.rules.findIndex((r) => r.id === evalA.rule.id) || -1)
+                - (rulesetInformation?.rules.findIndex((r) => r.id === evalB.rule.id) || -1))
+        };
+    });
+};
 class RuleActionsPresComponent {
     constructor() {
         /**
@@ -135,11 +171,11 @@ class RuleActionsPresComponent {
         this.runtimeOutputs = [];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleActionsPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleActionsPresComponent, isStandalone: false, selector: "o3r-rule-actions-pres", inputs: { actions: "actions", temporaryFacts: "temporaryFacts", runtimeOutputs: "runtimeOutputs" }, ngImport: i0, template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleActionsPresComponent, isStandalone: true, selector: "o3r-rule-actions-pres", inputs: { actions: "actions", temporaryFacts: "temporaryFacts", runtimeOutputs: "runtimeOutputs" }, ngImport: i0, template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleActionsPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-actions-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"] }]
+            args: [{ selector: 'o3r-rule-actions-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, JsonPipe, RuleKeyValuePresComponent, O3rFallbackToPipe], template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], temporaryFacts: [{
@@ -148,6 +184,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                 type: Input
             }] } });
+class RuleConditionPresComponent {
+    constructor() {
+        /**
+         * Left hand operator as it will be displayed in the template.
+         * In the case of a fact with a json path, will resolve the whole fact path, else will only display the value
+         */
+        this.lhs = 'undefined';
+    }
+    /**
+     * Rule condition that will be flattened by the component setter
+     */
+    set condition(condition) {
+        this._condition = condition;
+        this.lhs = condition?.lhs ? this.getOperandName(condition.lhs) : 'undefined';
+        this.rhs = condition?.rhs ? this.getOperandName(condition.rhs) : undefined;
+    }
+    get condition() {
+        return this._condition;
+    }
+    getOperandName(operand) {
+        const value = `${operand.value ?? 'MISSING_VALUE'}`;
+        return operand.path ? operand.path.replace(/^\$/, value) : value;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleConditionPresComponent, isStandalone: true, selector: "o3r-rule-condition-pres", inputs: { condition: "condition" }, ngImport: i0, template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"], dependencies: [{ kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'o3r-rule-condition-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"] }]
+        }], propDecorators: { condition: [{
+                type: Input
+            }] } });
 class RuleTreePresComponent {
     constructor() {
         /**
@@ -174,11 +243,11 @@ class RuleTreePresComponent {
         this.successActionsExpanded = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleTreePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleTreePresComponent, isStandalone: false, selector: "o3r-rule-tree-pres", inputs: { name: "name", blockType: "blockType", condition: "condition", successElements: "successElements", failureElements: "failureElements" }, ngImport: i0, template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleTreePresComponent, isStandalone: true, selector: "o3r-rule-tree-pres", inputs: { name: "name", blockType: "blockType", condition: "condition", successElements: "successElements", failureElements: "failureElements" }, ngImport: i0, template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleTreePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-tree-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"] }]
+            args: [{ selector: 'o3r-rule-tree-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, RuleActionsPresComponent, RuleConditionPresComponent], template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], blockType: [{
@@ -191,27 +260,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                 type: Input
             }] } });
-class O3rJsonOrStringPipe {
-    /**
-     * @inheritDoc
-     */
-    transform(value) {
-        if (typeof value === 'string') {
-            return value;
-        }
-        return JSON.stringify(value, null, 2);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, isStandalone: true, name: "o3rJsonOrString" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'o3rJsonOrString',
-                    standalone: true
-                }]
-        }] });
 class RulesetHistoryPresComponent {
     constructor(cd) {
         this.cd = cd;
@@ -243,11 +291,18 @@ class RulesetHistoryPresComponent {
         this.cd.detectChanges();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RulesetHistoryPresComponent, isStandalone: false, selector: "o3r-ruleset-history-pres", inputs: { rulesetExecutions: "rulesetExecutions", executionDurationFormat: "executionDurationFormat" }, ngImport: i0, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: O3rJsonOrStringPipe, name: "o3rJsonOrString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RulesetHistoryPresComponent, isStandalone: true, selector: "o3r-ruleset-history-pres", inputs: { rulesetExecutions: "rulesetExecutions", executionDurationFormat: "executionDurationFormat" }, ngImport: i0, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: O3rJsonOrStringPipe, name: "o3rJsonOrString" }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-ruleset-history-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"] }]
+            args: [{ selector: 'o3r-ruleset-history-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        CommonModule,
+                        O3rFallbackToPipe,
+                        O3rJsonOrStringPipe,
+                        RuleActionsPresComponent,
+                        RuleKeyValuePresComponent,
+                        RuleTreePresComponent
+                    ], template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { rulesetExecutions: [{
                 type: Input
             }], executionDurationFormat: [{
@@ -255,66 +310,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             }] } });
 /**
- * Compute the status of the execution depending on its execution event type, the output and whether the execution
- * is still active
- * @param rulesetExecution
- * @param isActive
- */
-const getStatus = (rulesetExecution, isActive) => {
-    if (rulesetExecution.type === 'RulesetExecutionError') {
-        return 'Error';
-    }
-    else if (rulesetExecution.outputActions?.length === 0) {
-        return 'NoEffect';
-    }
-    else if (isActive) {
-        return 'Active';
-    }
-    return 'Deactivated';
-};
-/**
- * Transform the output of the debug reports into the model for the ruleset history debug panel
- * @param events
- * @param rulesetMap
+ * @deprecated The Components and Pipes are now standalone, this module will be removed in v14
  */
-const rulesetReportToHistory = (events, rulesetMap) => {
-    const availableRulesets = (events.filter((e) => e.type === 'AvailableRulesets').reverse()[0])?.availableRulesets || [];
-    const lastActiveRulesets = (events.filter((e) => e.type === 'ActiveRulesets').reverse()[0])?.rulesets || [];
-    return availableRulesets
-        .filter((ruleset) => !!ruleset)
-        .reduce((acc, ruleset) => {
-        const rulesetExecutions = events
-            .filter((e) => ((e.type === 'RulesetExecutionError' || e.type === 'RulesetExecution') && e.rulesetId === ruleset.id));
-        if (rulesetExecutions) {
-            acc.push(...rulesetExecutions);
-        }
-        return acc;
-    }, [])
-        .sort((execA, execB) => execB.timestamp - execA.timestamp)
-        .map((rulesetExecution) => {
-        const rulesetInformation = rulesetMap[rulesetExecution.rulesetId];
-        const isActive = lastActiveRulesets.find((r) => r.id === rulesetExecution.rulesetId);
-        return {
-            ...rulesetExecution,
-            status: getStatus(rulesetExecution, !!isActive),
-            isActive: !!isActive,
-            rulesetInformation,
-            rulesEvaluations: (rulesetExecution.rulesEvaluations || []).sort((evalA, evalB) => (rulesetInformation?.rules.findIndex((r) => r.id === evalA.rule.id) || -1)
-                - (rulesetInformation?.rules.findIndex((r) => r.id === evalB.rule.id) || -1))
-        };
-    });
-};
 class RulesetHistoryPresModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, declarations: [RulesetHistoryPresComponent, RuleConditionPresComponent, RuleTreePresComponent, RuleActionsPresComponent, RuleKeyValuePresComponent], imports: [O3rFallbackToPipe, CommonModule, CommonModule, CommonModule, JsonPipe, O3rJsonOrStringPipe], exports: [RulesetHistoryPresComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, imports: [CommonModule, CommonModule, CommonModule] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, imports: [JsonPipe,
+            RulesetHistoryPresComponent,
+            RuleConditionPresComponent], exports: [RulesetHistoryPresComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, imports: [RulesetHistoryPresComponent,
+            RuleConditionPresComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [O3rFallbackToPipe, CommonModule, CommonModule, CommonModule, JsonPipe, O3rJsonOrStringPipe],
-                    declarations: [RulesetHistoryPresComponent, RuleConditionPresComponent, RuleTreePresComponent, RuleActionsPresComponent, RuleKeyValuePresComponent],
+                    imports: [
+                        JsonPipe,
+                        RulesetHistoryPresComponent,
+                        RuleConditionPresComponent
+                    ],
                     exports: [RulesetHistoryPresComponent]
                 }]
         }] });