npm - @o3r/rules-engine - Versions diffs - 12.0.0-next.2 → 12.0.0-next.21 - Mend

@o3r/rules-engine 12.0.0-next.2 → 12.0.0-next.21

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 (108) 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: "18.2.13", ngImport: i0, type: RuleConditionPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RuleConditionPresComponent, 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: "18.2.13", ngImport: i0, type: RuleConditionPresComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'o3r-rule-condition-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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)
  */
@@ -90,12 +57,12 @@ class RuleKeyValuePresComponent {
         await navigator.clipboard.writeText(content);
         this.triggerNotification.next();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleKeyValuePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RuleKeyValuePresComponent, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleKeyValuePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "18.2.13", ngImport: i0, type: RuleKeyValuePresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleKeyValuePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-key-value-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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: [{
@@ -110,25 +77,83 @@ class O3rFallbackToPipe {
     transform(value, fallback = 'undefined') {
         return value === undefined ? fallback : value;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: O3rFallbackToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: O3rFallbackToPipe, isStandalone: true, name: "o3rFallbackTo" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: O3rFallbackToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: O3rFallbackToPipe, isStandalone: true, name: "o3rFallbackTo" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: O3rFallbackToPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: O3rFallbackToPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'o3rFallbackTo', standalone: true }]
+            args: [{ name: 'o3rFallbackTo' }]
         }] });
-/**
- * @deprecated please use O3rFallbackToPipe, will be removed in v12.
- */
-class FallbackToPipe extends O3rFallbackToPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FallbackToPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FallbackToPipe, name: "fallbackTo" }); }
+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.7", ngImport: i0, type: O3rJsonOrStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: O3rJsonOrStringPipe, isStandalone: true, name: "o3rJsonOrString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FallbackToPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'fallbackTo' }]
+            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() {
         /**
@@ -145,12 +170,12 @@ class RuleActionsPresComponent {
          */
         this.runtimeOutputs = [];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleActionsPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RuleActionsPresComponent, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleActionsPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "18.2.13", ngImport: i0, type: RuleActionsPresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleActionsPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-actions-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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: [{
@@ -159,6 +184,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 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.7", ngImport: i0, type: RuleConditionPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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.7", 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() {
         /**
@@ -184,12 +242,12 @@ class RuleTreePresComponent {
          */
         this.successActionsExpanded = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleTreePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RuleTreePresComponent, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleTreePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "18.2.13", ngImport: i0, type: RuleTreePresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RuleTreePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-tree-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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: [{
@@ -202,27 +260,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 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: "18.2.13", ngImport: i0, type: O3rJsonOrStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: O3rJsonOrStringPipe, isStandalone: true, name: "o3rJsonOrString" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'o3rJsonOrString',
-                    standalone: true
-                }]
-        }] });
 class RulesetHistoryPresComponent {
     constructor(cd) {
         this.cd = cd;
@@ -253,12 +290,19 @@ class RulesetHistoryPresComponent {
         }
         this.cd.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetHistoryPresComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RulesetHistoryPresComponent, 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 || execution.rulesetInformation?.linkedComponent\">\n            <ng-container *ngFor=\"let lc of (execution.rulesetInformation?.linkedComponents?.or || [execution.rulesetInformation.linkedComponent]); 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", 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.7", 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: "18.2.13", ngImport: i0, type: RulesetHistoryPresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetHistoryPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-ruleset-history-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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 || execution.rulesetInformation?.linkedComponent\">\n            <ng-container *ngFor=\"let lc of (execution.rulesetInformation?.linkedComponents?.or || [execution.rulesetInformation.linkedComponent]); 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: [{
@@ -266,66 +310,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 /**
- * 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: "18.2.13", ngImport: i0, type: RulesetHistoryPresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: RulesetHistoryPresModule, imports: [CommonModule, CommonModule, CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetHistoryPresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: RulesetHistoryPresModule, imports: [JsonPipe,
+            RulesetHistoryPresComponent,
+            RuleConditionPresComponent], exports: [RulesetHistoryPresComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetHistoryPresModule, imports: [RulesetHistoryPresComponent,
+            RuleConditionPresComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetHistoryPresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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]
                 }]
         }] });
@@ -399,10 +401,10 @@ class RulesetsEffect {
          */
         this.upsertEntitiesFromApi$ = createEffect(() => this.actions$.pipe(ofType(upsertRulesetsEntitiesFromApi), mergeMap((payload) => from(payload.call).pipe(map((reply) => upsertRulesetsEntities({ entities: reply, requestId: payload.requestId })), catchError((err) => of(failRulesetsEntities({ error: err, requestId: payload.requestId })))))));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsEffect, deps: [{ token: i1$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsEffect }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsEffect, deps: [{ token: i1$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsEffect }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsEffect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsEffect, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.Actions }] });
@@ -457,13 +459,13 @@ class RulesetsStoreModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RulesetsStoreModule, imports: [i1$2.StoreFeatureModule, i1$1.EffectsFeatureModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsStoreModule, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: RulesetsStoreModule, imports: [i1$2.StoreFeatureModule, i1$1.EffectsFeatureModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsStoreModule, providers: [
             { provide: RULESETS_REDUCER_TOKEN, useFactory: getDefaultRulesetsReducer }
         ], imports: [StoreModule.forFeature(RULESETS_STORE_NAME, RULESETS_REDUCER_TOKEN), EffectsModule.forFeature([RulesetsEffect])] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetsStoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesetsStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -519,21 +521,8 @@ const selectRuleSetsInRange = createSelector(selectAllRulesets, (ruleSets) => ru
  * Returns the rulesets ids which are not onDemand and in the validity range
  */
 const selectActiveRuleSets = createSelector(selectRuleSetsInRange, (ruleSets) => ruleSets
-    .filter((ruleSet) => (!(ruleSet.linkedComponents?.or?.length || ruleSet.linkedComponent)))
+    .filter((ruleSet) => (!ruleSet.linkedComponents?.or?.length))
     .map((ruleSet) => ruleSet.id));
-/**
- * Assign rulesetId to a component
- * @deprecated It will be removed in v12 with the selector using it
- * @param compName
- * @param library
- * @param ruleSetId
- * @param acc
- */
-function linkRulesetToComponent(compName, library, ruleSetId, acc = {}) {
-    const configName = computeItemIdentifier(compName, library);
-    acc[configName] ||= [];
-    acc[configName].push(ruleSetId);
-}
 /**
  * Assign component to RulesetIds Map
  * @param compName
@@ -546,32 +535,12 @@ function linkComponentToRuleset(compName, library, ruleSetId, acc = {}) {
     acc[ruleSetId] ||= [];
     acc[ruleSetId].push(configName);
 }
-/**
- * Select the map of ruleSet to activate based on the component computed name
- * @deprecated use {@link selectComponentsLinkedToRuleset} instead. It will be removed in v12
- */
-const selectRuleSetLinkComponents = createSelector(selectRuleSetsInRange, (ruleSets) => ruleSets
-    .reduce((acc, ruleSet) => {
-    if ((!ruleSet.linkedComponents?.or || ruleSet.linkedComponents.or.length === 0) && !ruleSet.linkedComponent) {
-        return acc;
-    }
-    if (ruleSet.linkedComponents?.or?.length) {
-        ruleSet.linkedComponents.or.forEach((linkComp) => {
-            linkRulesetToComponent(linkComp.name, linkComp.library, ruleSet.id, acc);
-        });
-        return acc;
-    }
-    if (ruleSet.linkedComponent) {
-        linkRulesetToComponent(ruleSet.linkedComponent.name, ruleSet.linkedComponent.library, ruleSet.id, acc);
-    }
-    return acc;
-}, {}));
 /**
  * Select the map of ruleSets to activate based on linked components
  */
 const selectComponentsLinkedToRuleset = createSelector(selectRuleSetsInRange, (ruleSets) => ruleSets
     .reduce((acc, ruleSet) => {
-    if ((!ruleSet.linkedComponents?.or || ruleSet.linkedComponents.or.length === 0) && !ruleSet.linkedComponent) {
+    if (!ruleSet.linkedComponents?.or || ruleSet.linkedComponents.or.length === 0) {
         return acc;
     }
     if (ruleSet.linkedComponents?.or?.length) {
@@ -580,9 +549,6 @@ const selectComponentsLinkedToRuleset = createSelector(selectRuleSetsInRange, (r
         });
         return acc;
     }
-    if (ruleSet.linkedComponent) {
-        linkComponentToRuleset(ruleSet.linkedComponent.name, ruleSet.linkedComponent.library, ruleSet.id, acc.or);
-    }
     return acc;
 }, { or: {} }));
@@ -605,7 +571,7 @@ const rulesetsStorageSync = {
 };
 /**
- * Function to retrive from 2 sequential executions only the triggers which activated the last ruleset execution
+ * Function to retrieve from 2 sequential executions only the triggers which activated the last ruleset execution
  * @param currRes Current ruleset execution object
  * @param prevRes Previous ruleset execution object
  * @returns The triggers list which activates the last ruleset execution
@@ -666,16 +632,17 @@ function flagCachedRules(rulesEvaluations, triggers) {
  * @param runtimeFactValues
  * @param factValues
  * @param oldFactValues
+ * @param inputFacts
  */
-function handleRuleEvaluationDebug(rule, rulesetName, outputActions, outputError, runtimeFactValues, factValues, oldFactValues) {
+function handleRuleEvaluationDebug(rule, rulesetName, outputActions, outputError, runtimeFactValues, factValues, oldFactValues, inputFacts = []) {
     const executionId = `${rulesetName} - ${rule.name}`;
     const reasons = {};
     for (let index = 0; index < factValues.length; index++) {
         if (!oldFactValues) {
-            (reasons[rule.id] ||= {})[rule.inputFacts[index]] = { factName: rule.inputFacts[index], newValue: factValues[index] };
+            (reasons[rule.id] ||= {})[inputFacts[index]] = { factName: inputFacts[index], newValue: factValues[index] };
         }
         else if (oldFactValues[index]?.toString() !== factValues[index]?.toString()) {
-            (reasons[rule.id] ||= {})[rule.inputFacts[index]] = { factName: rule.inputFacts[index], oldValue: oldFactValues[index], newValue: factValues[index] };
+            (reasons[rule.id] ||= {})[inputFacts[index]] = { factName: inputFacts[index], oldValue: oldFactValues[index], newValue: factValues[index] };
         }
     }
     const ruleEvaluation = {
@@ -897,10 +864,12 @@ function filterRulesetsEventStream(restrictiveRuleSets) {
         const activeRulesets = restrictiveRuleSets
             ? Object.values(rulesets).filter((ruleSet) => restrictiveRuleSets.includes(ruleSet.id))
             : Object.values(rulesets);
-        return combineLatest(activeRulesets.map((ruleset) => ruleset.rulesResultsSubject$)).pipe(map((item) => item.reduce((acc, currentValue) => {
-            acc.push(...currentValue);
-            return acc;
-        }, [])));
+        return activeRulesets?.length > 0
+            ? combineLatest(activeRulesets.map((ruleset) => ruleset.rulesResultsSubject$)).pipe(map((item) => item.reduce((acc, currentValue) => {
+                acc.push(...currentValue);
+                return acc;
+            }, [])))
+            : of([]);
     }), shareReplay(1));
 }
@@ -1794,7 +1763,7 @@ class RulesetExecutor {
                         output.error = error;
                     }
                     if (this.rulesEngine.debugMode) {
-                        output.evaluation = handleRuleEvaluationDebug({ ...rule, inputFacts }, this.ruleset.name, output.actions, output.error, runtimeFactValues, factValues, oldFactValues);
+                        output.evaluation = handleRuleEvaluationDebug(rule, this.ruleset.name, output.actions, output.error, runtimeFactValues, factValues, oldFactValues, inputFacts);
                     }
                     else if (output.error) {
                         this.rulesEngine.logger?.error(output.error);
@@ -1824,7 +1793,6 @@ class RulesetExecutor {
         return {
             id: this.ruleset.id,
             validityRange: this.ruleset.validityRange,
-            linkedComponent: this.ruleset.linkedComponent,
             linkedComponents: this.ruleset.linkedComponents,
             rulesResultsSubject$: result$
         };
@@ -2068,10 +2036,10 @@ class RulesEngineRunnerService {
             this.linkedComponents$.next(newMap);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerService, deps: [{ token: i1$2.Store }, { token: i2.LoggerService }, { token: RULES_ENGINE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerService, deps: [{ token: i1$2.Store }, { token: i2.LoggerService }, { token: RULES_ENGINE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Store }, { type: i2.LoggerService }, { type: undefined, decorators: [{
                     type: Optional
@@ -2091,15 +2059,15 @@ class RulesEngineRunnerModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerModule, imports: [StoreModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerModule, imports: [StoreModule,
             RulesetsStoreModule,
             LoggerModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerModule, imports: [StoreModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerModule, imports: [StoreModule,
             RulesetsStoreModule,
             LoggerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineRunnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineRunnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2220,10 +2188,10 @@ class OtterRulesEngineDevtools {
     getRulesetInformation(rulesetId) {
         return firstValueFrom(this.store.pipe(select(selectRulesetsEntities), map((entities) => entities[rulesetId])));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtterRulesEngineDevtools, deps: [{ token: i1$2.Store }, { token: RulesEngineRunnerService }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtterRulesEngineDevtools, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: OtterRulesEngineDevtools, deps: [{ token: i1$2.Store }, { token: RulesEngineRunnerService }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: OtterRulesEngineDevtools, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtterRulesEngineDevtools, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: OtterRulesEngineDevtools, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2326,10 +2294,10 @@ class RulesEngineDevtoolsConsoleService {
     async getRulesetInformation(rulesetId) {
         console.log(await this.rulesEngineDevtools.getRulesetInformation(rulesetId));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsConsoleService, deps: [{ token: OtterRulesEngineDevtools }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsConsoleService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsConsoleService, deps: [{ token: OtterRulesEngineDevtools }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsConsoleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsConsoleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsConsoleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2430,10 +2398,10 @@ class RulesEngineDevtoolsMessageService {
         this.startRulesEngineReport();
         fromEvent(window, 'message').pipe(takeUntilDestroyed(this.destroyRef), filterMessageContent(isRulesEngineMessage)).subscribe((e) => this.handleEvents(e));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsMessageService, deps: [{ token: OtterRulesEngineDevtools }, { token: i2.LoggerService }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsMessageService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsMessageService, deps: [{ token: OtterRulesEngineDevtools }, { token: i2.LoggerService }, { token: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsMessageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsMessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2460,17 +2428,17 @@ class RulesEngineDevtoolsModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsModule, imports: [StoreModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsModule, imports: [StoreModule,
             RulesetsStoreModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsModule, providers: [
             { provide: OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, useValue: OTTER_RULES_ENGINE_DEVTOOLS_DEFAULT_OPTIONS },
             RulesEngineDevtoolsMessageService,
             RulesEngineDevtoolsConsoleService
         ], imports: [StoreModule,
             RulesetsStoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesEngineDevtoolsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RulesEngineDevtoolsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2510,10 +2478,10 @@ class CurrentTimeFactsService extends FactsService {
     tick() {
         this.currentTimeSubject$.next(Date.now());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentTimeFactsService, deps: [{ token: RulesEngineRunnerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentTimeFactsService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CurrentTimeFactsService, deps: [{ token: RulesEngineRunnerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CurrentTimeFactsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentTimeFactsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: CurrentTimeFactsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2524,5 +2492,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { CurrentTimeFactsService, DEFAULT_RULES_ENGINE_OPTIONS, EngineDebugger, FactsService, FallbackToPipe, O3rFallbackToPipe, O3rJsonOrStringPipe, OTTER_RULES_ENGINE_DEVTOOLS_DEFAULT_OPTIONS, OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, OtterRulesEngineDevtools, RULESETS_REDUCER_TOKEN, RULESETS_STORE_NAME, RULES_ENGINE_OPTIONS, RulesEngine, RulesEngineDevtoolsConsoleService, RulesEngineDevtoolsMessageService, RulesEngineDevtoolsModule, RulesEngineRunnerModule, RulesEngineRunnerService, RulesetHistoryPresComponent, RulesetHistoryPresModule, RulesetsEffect, RulesetsStoreModule, allEqual, allGreater, allIn, allLower, allMatch, allNotIn, allRangeNumber, arrayBasedOperators, arrayContains, basicOperators, cancelRulesetsRequest, clearRulesetsEntities, dateAfter, dateBasedOperators, dateBefore, dateEquals, dateInNextMinutes, dateNotEquals, dateNotInNextMinutes, equals, executeOperator, failRulesetsEntities, getDefaultRulesetsReducer, getStatus, greaterThan, greaterThanOrEqual, inArray, inRangeDate, inString, isAllConditions, isAnyConditions, isConditionProperties, isDefined, isNotCondition, isOperandFact, isOperandLiteral, isOperandRuntimeFact, isRangeNumber, isRulesEngineMessage, isString, isSupportedSimpleTypes, isUndefined, isValidDate, isValidDateInput, isValidDateRange, lengthEquals, lengthGreaterThan, lengthGreaterThanOrEquals, lengthLessThan, lengthLessThanOrEquals, lengthNotEquals, lessOrEqual, lessThan, matchesPattern, notArrayContains, notEquals, notInArray, notInString, notStringContains, numberBasedOperators, numberValidator, oneEquals, oneGreater, oneIn, oneLower, oneMatches, oneRangeNumber, operatorList, parseRegExp, resetRulesets, rulesetReportToHistory, rulesetsAdapter, rulesetsInitialState, rulesetsReducer, rulesetsReducerFeatures, rulesetsStorageDeserializer, rulesetsStorageSerializer, rulesetsStorageSync, selectActiveRuleSets, selectAllRulesets, selectComponentsLinkedToRuleset, selectRuleSetLinkComponents, selectRuleSetsInRange, selectRulesetsEntities, selectRulesetsIds, selectRulesetsState, selectRulesetsStorePendingStatus, selectRulesetsTotal, setRulesets, setRulesetsEntities, setRulesetsEntitiesFromApi, stringContains, updateRulesets, upsertRulesetsEntities, upsertRulesetsEntitiesFromApi };
+export { CurrentTimeFactsService, DEFAULT_RULES_ENGINE_OPTIONS, EngineDebugger, FactsService, O3rFallbackToPipe, O3rJsonOrStringPipe, OTTER_RULES_ENGINE_DEVTOOLS_DEFAULT_OPTIONS, OTTER_RULES_ENGINE_DEVTOOLS_OPTIONS, OtterRulesEngineDevtools, RULESETS_REDUCER_TOKEN, RULESETS_STORE_NAME, RULES_ENGINE_OPTIONS, RulesEngine, RulesEngineDevtoolsConsoleService, RulesEngineDevtoolsMessageService, RulesEngineDevtoolsModule, RulesEngineRunnerModule, RulesEngineRunnerService, RulesetHistoryPresComponent, RulesetHistoryPresModule, RulesetsEffect, RulesetsStoreModule, allEqual, allGreater, allIn, allLower, allMatch, allNotIn, allRangeNumber, arrayBasedOperators, arrayContains, basicOperators, cancelRulesetsRequest, clearRulesetsEntities, dateAfter, dateBasedOperators, dateBefore, dateEquals, dateInNextMinutes, dateNotEquals, dateNotInNextMinutes, equals, executeOperator, failRulesetsEntities, getDefaultRulesetsReducer, getStatus, greaterThan, greaterThanOrEqual, inArray, inRangeDate, inString, isAllConditions, isAnyConditions, isConditionProperties, isDefined, isNotCondition, isOperandFact, isOperandLiteral, isOperandRuntimeFact, isRangeNumber, isRulesEngineMessage, isString, isSupportedSimpleTypes, isUndefined, isValidDate, isValidDateInput, isValidDateRange, lengthEquals, lengthGreaterThan, lengthGreaterThanOrEquals, lengthLessThan, lengthLessThanOrEquals, lengthNotEquals, lessOrEqual, lessThan, matchesPattern, notArrayContains, notEquals, notInArray, notInString, notStringContains, numberBasedOperators, numberValidator, oneEquals, oneGreater, oneIn, oneLower, oneMatches, oneRangeNumber, operatorList, parseRegExp, resetRulesets, rulesetReportToHistory, rulesetsAdapter, rulesetsInitialState, rulesetsReducer, rulesetsReducerFeatures, rulesetsStorageDeserializer, rulesetsStorageSerializer, rulesetsStorageSync, selectActiveRuleSets, selectAllRulesets, selectComponentsLinkedToRuleset, selectRuleSetsInRange, selectRulesetsEntities, selectRulesetsIds, selectRulesetsState, selectRulesetsStorePendingStatus, selectRulesetsTotal, setRulesets, setRulesetsEntities, setRulesetsEntitiesFromApi, stringContains, updateRulesets, upsertRulesetsEntities, upsertRulesetsEntitiesFromApi };
 //# sourceMappingURL=o3r-rules-engine.mjs.map