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

package/fesm2022/o3r-rules-engine.mjs

@@ -38,12 +38,12 @@ class RuleConditionPresComponent {
         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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleConditionPresComponent, isStandalone: false, selector: "o3r-rule-condition-pres", inputs: { condition: "condition" }, ngImport: i0, template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleConditionPresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleConditionPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-condition-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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"] }]
+            args: [{ selector: 'o3r-rule-condition-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-container *ngIf=\"!condition; else displayConditions\">\n  <span class=\"input-value\">true</span>\n</ng-container>\n<ng-template #displayConditions>\n  <ng-container *ngIf=\"!$any(condition).all && !$any(condition).any && !$any(condition).not\">\n    <span class=\"input-key\">{{ lhs }}</span> {{ $any(condition).operator }} <span class=\"input-value\" *ngIf=\"rhs !== undefined\">{{ rhs }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"$any(condition).all || $any(condition).any || $any(condition).not\">\n    <span *ngIf=\"$any(condition).all\">ALL</span>\n    <span *ngIf=\"$any(condition).any\">ANY</span>\n    <span *ngIf=\"$any(condition).not\">NOT</span>\n    <span>(\n    <ng-container *ngFor=\"let cond of $any(condition).all || $any(condition).any || [$any(condition).not]; let last = last;\">\n      <o3r-rule-condition-pres [condition]=\"cond\"></o3r-rule-condition-pres>\n      <span *ngIf=\"!last\">, </span>\n    </ng-container>\n  )</span>\n  </ng-container>\n</ng-template>\n", styles: ["o3r-rule-condition-pres{word-break:break-word}\n"] }]
         }], propDecorators: { condition: [{
                 type: Input
             }] } });
@@ -90,12 +90,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.6", ngImport: i0, type: RuleKeyValuePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleKeyValuePresComponent, isStandalone: false, selector: "o3r-rule-key-value-pres", inputs: { key: "key", value: "value", oldValue: "oldValue", type: "type" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleKeyValuePresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleKeyValuePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-key-value-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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, standalone: false, template: "<span *ngIf=\"key\" class=\"input-key\">{{key}}<ng-container *ngIf=\"type === 'state'\">: </ng-container></span>\n<ng-container *ngIf=\"type === 'assignment'\"> = </ng-container>\n<ng-container *ngIf=\"oldValue\">\n  <pre class=\"input-value\"\n    [class.limit-characters]=\"shouldLimitCharactersForOldValue\"\n    (click)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    (keyup.enter)=\"shouldLimitCharactersForOldValue = !shouldLimitCharactersForOldValue\"\n    tabindex=\"0\"\n  >\n    {{isOldValuePrimitiveType ? oldValue : (oldValue | json)}}\n  </pre>\n  <button (click)=\"copyToClipBoard(oldValue)\" *ngIf=\"isClipBoardFeatureAvailableForOldValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n  \u2192\n</ng-container>\n<pre class=\"input-value\"\n  [class.limit-characters]=\"shouldLimitCharactersForValue\"\n  (click)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  (keyup.enter)=\"shouldLimitCharactersForValue = !shouldLimitCharactersForValue\"\n  tabindex=\"0\"\n>\n  {{isValuePrimitiveType ? value : (value | json)}}\n</pre>\n<button (click)=\"copyToClipBoard(value)\" *ngIf=\"isClipBoardFeatureAvailableForValue\" title=\"Copy to clipboard\">\uD83D\uDCCB</button>\n<div role=\"alert\" class=\"notification\" *ngIf=\"showNotification$ | async\">Copied to clipboard</div>\n", styles: ["o3r-rule-key-value-pres{position:relative}o3r-rule-key-value-pres .ruleset-panel-title,o3r-rule-key-value-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-key-value-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-key-value-pres .ruleset-expansion-action,o3r-rule-key-value-pres .icon-caret-down,o3r-rule-key-value-pres .icon-caret-up{cursor:pointer}o3r-rule-key-value-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-key-value-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-key-value-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-key-value-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-key-value-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-rule-key-value-pres .limit-characters{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:38rem;vertical-align:bottom}o3r-rule-key-value-pres .input-value{margin-top:0;margin-bottom:0}o3r-rule-key-value-pres button{background:none;border:0;appearance:none}o3r-rule-key-value-pres .notification{position:absolute;padding:1rem 1.5rem;border-radius:5px;background:#444;color:#eee;right:0;z-index:1}\n"] }]
         }], propDecorators: { key: [{
                 type: Input
             }], value: [{
@@ -110,10 +110,10 @@ 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.6", ngImport: i0, type: O3rFallbackToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", 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.6", ngImport: i0, type: O3rFallbackToPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'o3rFallbackTo', standalone: true }]
         }] });
@@ -134,12 +134,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.6", ngImport: i0, type: RuleActionsPresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleActionsPresComponent, isStandalone: false, selector: "o3r-rule-actions-pres", inputs: { actions: "actions", temporaryFacts: "temporaryFacts", runtimeOutputs: "runtimeOutputs" }, ngImport: i0, template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleActionsPresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleActionsPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-actions-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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, standalone: false, template: "<div class=\"ruleset-panel-category-title\">Output Actions</div>\n<div *ngIf=\"actions.length === 0 && runtimeOutputs.length === 0\" class=\"ruleset-panel-category-body empty\">\n  No action\n</div>\n<ul class=\"ruleset-panel-category-body\">\n  <li *ngFor=\"let action of actions\">\n    <ng-container *ngIf=\"action.actionType\">\n      <ng-container [ngSwitch]=\"action.actionType\">\n        <div *ngSwitchCase=\"'SET_FACT'\">\n          <div>Set Fact</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.fact | o3rFallbackTo: 'Missing \\'fact\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_CONFIG'\">\n          <div>Update Config {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [key]=\"action.property | o3rFallbackTo: 'Missing \\'property\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_ASSET'\">\n          <div>Update Asset:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.asset | o3rFallbackTo: 'Missing \\'asset\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchCase=\"'UPDATE_LOCALISATION'\">\n          <div>Update localization:</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.key | o3rFallbackTo: 'Missing \\'key\\''\"\n              [value]=\"action.value | o3rFallbackTo\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div\n          *ngSwitchCase=\"'UPDATE_PLACEHOLDER'\"\n          [class.error]=\"!action.placeholderId\">\n          <div>Update placeholder in {{action.component}} {{action.library}}</div>\n          <div>\n            <o3r-rule-key-value-pres\n              [oldValue]=\"action.placeholderId | o3rFallbackTo: 'Missing \\'placeholderId\\''\"\n              [value]=\"action.value\"\n              [type]=\"'state'\"></o3r-rule-key-value-pres>\n          </div>\n        </div>\n        <div *ngSwitchDefault class=\"error\">\n          <div>Unrecognized action</div>\n          <div>{{action | json}}</div>\n        </div>\n      </ng-container>\n    </ng-container>\n  </li>\n  <li *ngFor=\"let runtimeOutput of runtimeOutputs\">\n    <div>Set temporary fact</div>\n    <div>\n      <o3r-rule-key-value-pres\n        [key]=\"runtimeOutput | o3rFallbackTo: 'Missing \\'fact\\''\"\n        [value]=\"temporaryFacts[runtimeOutput] | o3rFallbackTo\"\n        [type]=\"'assignment'\"></o3r-rule-key-value-pres>\n    </div>\n  </li>\n</ul>\n", styles: ["o3r-rule-actions-pres .ruleset-panel-title,o3r-rule-actions-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-rule-actions-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-rule-actions-pres .ruleset-expansion-action,o3r-rule-actions-pres .icon-caret-down,o3r-rule-actions-pres .icon-caret-up{cursor:pointer}o3r-rule-actions-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-rule-actions-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-rule-actions-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-rule-actions-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-rule-actions-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], temporaryFacts: [{
@@ -173,12 +173,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.6", ngImport: i0, type: RuleTreePresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RuleTreePresComponent, isStandalone: false, selector: "o3r-rule-tree-pres", inputs: { name: "name", blockType: "blockType", condition: "condition", successElements: "successElements", failureElements: "failureElements" }, ngImport: i0, template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RuleConditionPresComponent, selector: "o3r-rule-condition-pres", inputs: ["condition"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuleTreePresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RuleTreePresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-rule-tree-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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, standalone: false, template: "<span *ngIf=\"name\">{{name | titlecase}}:</span>\n<div class=\"rule-wrapper tree\">\n  <ng-container *ngIf=\"blockType === 'IF_ELSE'; else noCondition\">\n    <div class=\"tree-root\" *ngIf=\"!name\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"rule-conditions\">\n      <div class=\"rule-conditions-title\">If\n        <o3r-rule-condition-pres [condition]=\"condition\"></o3r-rule-condition-pres>\n      </div>\n      <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"rule-actions-wrapper tree-node\">\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title success-actions\"\n            tabindex=\"0\"\n            (click)=\"successActionsExpanded = !successActionsExpanded\"\n            (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\">\n          <i class=\"icon refx-icon-validate\"></i>\n          <span>Then</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!successActionsExpanded\"\n            [class.icon-caret-up]=\"successActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\" *ngIf=\"successActionsExpanded\"\n                              [actions]=\"successElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n      </div>\n      <div class=\"rule-actions tree-branch\">\n        <div class=\"tree-leaf\" [attr.aria-hidden]=\"true\">\n          <div></div>\n          <div></div>\n        </div>\n        <div class=\"rule-action-title error-actions\"\n            tabindex=\"0\"\n            (click)=\"failureActionsExpanded = !failureActionsExpanded\"\n            (keyup.enter)=\"failureActionsExpanded = !failureActionsExpanded\">\n          <i class=\"icon refx-icon-cross\"></i>\n          <span>Else</span>\n          <i class=\"icon\"\n            [class.icon-caret-down]=\"!failureActionsExpanded\"\n            [class.icon-caret-up]=\"failureActionsExpanded\">\n          </i>\n        </div>\n        <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                              *ngIf=\"failureActionsExpanded\"\n                              [actions]=\"failureElements\">\n        </o3r-rule-actions-pres>\n        <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: failureElements}\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n<ng-template #noCondition>\n  <div class=\"rule-conditions\">\n    <div class=\"rule-conditions-title\">If <span class=\"input-value\">true</span></div>\n    <div class=\"tree-root\" [attr.aria-hidden]=\"true\">\n      <div></div>\n      <div></div>\n    </div>\n  </div>\n  <div class=\"rule-actions-wrapper\">\n    <div class=\"rule-actions\">\n      <div class=\"rule-action-title success-actions\" tabindex=\"0\"\n          (keyup.enter)=\"successActionsExpanded = !successActionsExpanded\"\n          (click)=\"successActionsExpanded = !successActionsExpanded\">\n        <i class=\"icon refx-icon-validate\">\n        </i>\n        <span>Then</span>\n        <i class=\"icon\"\n          [class.icon-caret-down]=\"!successActionsExpanded\"\n          [class.icon-caret-up]=\"successActionsExpanded\">\n        </i>\n      </div>\n      <o3r-rule-actions-pres class=\"rule-tree-actions\"\n                            *ngIf=\"successActionsExpanded\"\n                            [actions]=\"successElements\">\n      </o3r-rule-actions-pres>\n      <ng-container [ngTemplateOutlet]=\"subTree\" [ngTemplateOutletContext]=\"{blocks: successElements}\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subTree let-blocks=\"blocks\">\n  <div class=\"rule-sub-trees\">\n    <ng-container *ngFor=\"let block of blocks\">\n      <div *ngIf=\"block.blockType === 'IF_ELSE'\" class=\"tree-branch\">\n        <o3r-rule-tree-pres\n          [blockType]=\"'IF_ELSE'\"\n          [condition]=\"block.condition\"\n          [failureElements]=\"block.failureElements\"\n          [successElements]=\"block.successElements\"></o3r-rule-tree-pres>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: ["o3r-rule-tree-pres{display:block;padding-bottom:1rem}o3r-rule-tree-pres .rule-sub-trees{display:flex}o3r-rule-tree-pres .rule-conditions-title,o3r-rule-tree-pres .rule-action-title{text-align:center}o3r-rule-tree-pres .rule-conditions-title{border:1px solid #999999;background:#fff;color:#000;padding:.2rem}o3r-rule-tree-pres .rule-action-title{background:#fff;border-radius:0;border:1px solid #999999;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}o3r-rule-tree-pres .rule-tree-actions{display:block;padding:.5rem}o3r-rule-tree-pres .rule-actions:first-child>.rule-action-title{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}o3r-rule-tree-pres .rule-actions:last-child>.rule-action-title{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}o3r-rule-tree-pres .rule-actions-wrapper{display:flex}o3r-rule-tree-pres .rule-actions-wrapper .rule-actions{flex:1 1 100%}o3r-rule-tree-pres .success-actions{border-color:#16aa32}o3r-rule-tree-pres .success-actions.rule-action-title{background:#16aa32;color:#fff}o3r-rule-tree-pres .error-actions{border-color:#c02020}o3r-rule-tree-pres .error-actions.rule-action-title{background:#c02020;color:#fff}o3r-rule-tree-pres .tree .tree-leaf,o3r-rule-tree-pres .tree .tree-root{display:flex;width:100%}o3r-rule-tree-pres .tree .tree-leaf>div,o3r-rule-tree-pres .tree .tree-root>div{height:1rem;width:50%}o3r-rule-tree-pres .tree .tree-root div:first-child{border-right:1px dashed}o3r-rule-tree-pres .tree .tree-root{margin-top:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:last-child>.tree-leaf>div:first-child{border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2rem}o3r-rule-tree-pres .tree .tree-node>.tree-branch:first-child>.tree-leaf>div:last-child{border-left:1px dashed;border-top:1px dashed;border-top-left-radius:.2rem}o3r-rule-tree-pres .icon{cursor:pointer}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], blockType: [{
@@ -201,10 +201,10 @@ class O3rJsonOrStringPipe {
         }
         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" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, isStandalone: true, name: "o3rJsonOrString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: O3rJsonOrStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'o3rJsonOrString',
@@ -242,12 +242,12 @@ 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\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: O3rJsonOrStringPipe, name: "o3rJsonOrString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: RulesetHistoryPresComponent, isStandalone: false, selector: "o3r-ruleset-history-pres", inputs: { rulesetExecutions: "rulesetExecutions", executionDurationFormat: "executionDurationFormat" }, ngImport: i0, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RuleTreePresComponent, selector: "o3r-rule-tree-pres", inputs: ["name", "blockType", "condition", "successElements", "failureElements"] }, { kind: "component", type: RuleActionsPresComponent, selector: "o3r-rule-actions-pres", inputs: ["actions", "temporaryFacts", "runtimeOutputs"] }, { kind: "component", type: RuleKeyValuePresComponent, selector: "o3r-rule-key-value-pres", inputs: ["key", "value", "oldValue", "type"] }, { kind: "pipe", type: O3rFallbackToPipe, name: "o3rFallbackTo" }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: O3rJsonOrStringPipe, name: "o3rJsonOrString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetHistoryPresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'o3r-ruleset-history-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"] }]
+            args: [{ selector: 'o3r-ruleset-history-pres', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<section>\n  <h4 class=\"mb-4\">Ruleset Execution History</h4>\n  <ng-template #noRulesEngine>\n    <div class=\"alert alert-danger m-2\" role=\"alert\">\n      The Rules Engine is not configured on this page.\n    </div>\n  </ng-template>\n  <ul *ngIf=\"rulesetExecutions; else noRulesEngine\" class=\"rulesets\">\n    <li *ngFor=\"let execution of rulesetExecutions\" class=\"ruleset\">\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n      <div class=\"ruleset-panel-title ruleset-expansion-action\"\n        [class.error]=\"execution.type === 'RulesetExecutionError'\"\n        (click)=\"toggleExpansion(execution.executionId, 'ruleset')\">\n        <div><span [title]=\"'This ruleset has been evaluated ' + execution.executionCounter + ' time(s)'\">{{execution.executionCounter}}</span> - {{execution.rulesetName | titlecase }}\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.linkedComponents?.or\">\n            <ng-container *ngFor=\"let lc of execution.rulesetInformation?.linkedComponents?.or; last as isLast\">\n              <div>{{lc.name}} {{lc.library}} <span *ngIf=\"!isLast\"> OR </span></div>\n            </ng-container>\n          </div>\n          <div class=\"ruleset-panel-subtitle\" *ngIf=\"execution.rulesetInformation?.validityRange as validityRange\">\n            Date range: {{validityRange.from}} - {{validityRange.to}}\n          </div>\n        </div>\n        <div class=\"ruleset-panel-title-aside\">\n          <span class=\"error capsule\" *ngIf=\"execution.status === 'Error'\">Error</span>\n          <span class=\"success capsule\" *ngIf=\"execution.status === 'Active'\">Applied</span>\n          <span class=\"inactive capsule\" *ngIf=\"execution.status === 'Deactivated'\">Deactivated</span>\n          <span class=\"warn capsule\" *ngIf=\"execution.status === 'NoEffect'\">No effect</span>\n          <span class=\"time capsule\">\n            <span>{{execution.timestamp | date: 'HH:mm:ss SSS'}}</span>\n            <span>({{execution.duration | number: executionDurationFormat}}ms)</span>\n          </span>\n          <button\n            class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[execution.executionId]?.ruleset\"\n            [class.icon-caret-up]=\"expansionStatus[execution.executionId]?.ruleset\">\n          </button>\n        </div>\n      </div>\n      <div class=\"ruleset-panel-description\" *ngIf=\"expansionStatus[execution.executionId]?.ruleset\">\n        <ng-container [ngTemplateOutlet]=\"rules\"\n                      [ngTemplateOutletContext]=\"{\n                        rules: execution.rulesetInformation.rules,\n                        expansionID: execution.executionId\n                      }\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"inputs\"\n                      [ngTemplateOutletContext]=\"{\n                        inputs: execution.inputFacts\n                      }\"></ng-container>\n        <ng-container *ngIf=\"execution.type === 'RulesetExecutionError'; else success\">\n          <div class=\"ruleset-panel-category-title\">Rules:</div>\n          <ul class=\"ruleset-panel-category-body rule-description\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <ng-container>\n                <div class=\"ruleset-panel-title\" [class.error]=\"ruleEvaluation.error\">\n                  <span>{{ruleEvaluation.rule.name | titlecase}} </span>\n                  <span class=\"capsule error\" *ngIf=\"ruleEvaluation.error\">Error</span>\n                </div>\n                <div>\n                  <ng-container *ngIf=\"ruleEvaluation.error\">\n                    <span class=\"ruleset-panel-category-title\">Error:</span>\n                    <pre class=\"ruleset-panel-category-body error\">{{ruleEvaluation.error | o3rJsonOrString}}</pre>\n                  </ng-container>\n                  <ng-container [ngTemplateOutlet]=\"inputs\"\n                                [ngTemplateOutletContext]=\"{\n                                  inputs: execution.inputFacts,\n                                  runtimeInputs: execution.rulesetInformation?.rules[index]?.inputRuntimeFacts\n                                }\"></ng-container>\n                  <o3r-rule-actions-pres *ngIf=\"!ruleEvaluation.error\"\n                    [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                    [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\"\n                  ></o3r-rule-actions-pres>\n                </div>\n              </ng-container>\n            </li>\n          </ul>\n        </ng-container>\n        <ng-template #success>\n          <o3r-rule-actions-pres [actions]=\"execution.outputActions\"></o3r-rule-actions-pres>\n          <div class=\"ruleset-panel-category-title\">Executed Rules</div>\n          <ul class=\"rule-description ruleset-panel-category-body\">\n            <li *ngFor=\"let ruleEvaluation of execution.rulesEvaluations; let index=index;\">\n              <div class=\"ruleset-panel-title\">\n                <span>{{ruleEvaluation.rule.name | titlecase}}</span>\n                <span class=\"capsule inactive\" *ngIf=\"ruleEvaluation.cached\">Cached</span>\n                <span class=\"capsule\">({{ruleEvaluation.duration | number: executionDurationFormat}}ms)</span>\n              </div>\n              <div>\n                <ng-container [ngTemplateOutlet]=\"triggers\"\n                              [ngTemplateOutletContext]=\"{triggers: (ruleEvaluation.triggers[ruleEvaluation.rule.id])}\"></ng-container>\n                <o3r-rule-actions-pres\n                  [actions]=\"ruleEvaluation.outputActions\"\n                  [temporaryFacts]=\"ruleEvaluation.temporaryFacts\"\n                  [runtimeOutputs]=\"execution.rulesetInformation?.rules[index]?.outputRuntimeFacts\">\n                </o3r-rule-actions-pres>\n              </div>\n            </li>\n          </ul>\n        </ng-template>\n      </div>\n    </li>\n  </ul>\n</section>\n\n<ng-template let-triggers=\"triggers\" #triggers>\n  <div class=\"ruleset-panel-category-title\">Basefacts Triggers</div>\n  <ul class=\"ruleset-panel-category-body triggers\">\n    <ng-container *ngFor=\"let trigger of (triggers | keyvalue)\">\n      <li *ngIf=\"trigger.value?.factName\">\n        <o3r-rule-key-value-pres\n          [key]=\"trigger.value.factName\"\n          [oldValue]=\"trigger.value.oldValue | o3rFallbackTo\"\n          [value]=\"trigger.value.newValue | o3rFallbackTo\"\n          [type]=\"'state'\"></o3r-rule-key-value-pres>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n\n<ng-template let-rules=\"rules\" let-expansionID=\"expansionID\" #rules>\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- need to refactor the div to accordion from DF #1518 -->\n  <div class=\"ruleset-panel-category-title ruleset-expansion-action\"\n    (click)=\"toggleExpansion(expansionID, 'rulesOverview')\">\n    <span>Rules Overview</span>\n    <button class=\"icon\"\n            [class.icon-caret-down]=\"!expansionStatus[expansionID]?.rulesOverview\"\n            [class.icon-caret-up]=\"expansionStatus[expansionID]?.rulesOverview\">\n    </button>\n  </div>\n  <ng-container *ngIf=\"expansionStatus[expansionID]?.rulesOverview\">\n    <div *ngIf=\"rules?.length === 0\" class=\"ruleset-panel-category-body empty\">No rule</div>\n    <ul class=\"ruleset-panel-category-body\" *ngIf=\"rules?.length > 0\">\n      <li *ngFor=\"let rule of rules\">\n        <o3r-rule-tree-pres [name]=\"rule.name\"\n                            [condition]=\"rule?.rootElement?.condition\"\n                            [blockType]=\"rule?.rootElement?.blockType\"\n                            [successElements]=\"rule?.rootElement?.successElements\"\n                            [failureElements]=\"rule?.rootElement?.failureElements\">\n        </o3r-rule-tree-pres>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n\n<ng-template let-inputs=\"inputs\" let-runtimeInputs=\"runtimeInputs\" #inputs>\n  <div class=\"ruleset-panel-category-title\">Inputs snapshot</div>\n  <div *ngIf=\"inputs?.length === 0\" class=\"ruleset-panel-category-body empty\">No inputs</div>\n  <ul class=\"ruleset-panel-category-body\" *ngIf=\"inputs?.length > 0\">\n    <li *ngFor=\"let input of inputs\">\n      <o3r-rule-key-value-pres\n        [key]=\"input.factName\"\n        [value]=\"input.value | o3rFallbackTo\"\n        [type]=\"'state'\"></o3r-rule-key-value-pres>\n    </li>\n    <li *ngFor=\"let input of runtimeInputs\">{{input}} (scope limited to ruleset)</li>\n  </ul>\n</ng-template>\n", styles: ["o3r-ruleset-history-pres .ruleset-panel-title,o3r-ruleset-history-pres .ruleset-panel-category-title{display:flex;justify-content:space-between;align-items:center}o3r-ruleset-history-pres .ruleset-panel-title{font-size:1rem;padding:.5rem 0 .1rem}o3r-ruleset-history-pres .ruleset-expansion-action,o3r-ruleset-history-pres .icon-caret-down,o3r-ruleset-history-pres .icon-caret-up{cursor:pointer}o3r-ruleset-history-pres .ruleset-panel-subtitle{font-size:.75rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:fit-content}o3r-ruleset-history-pres .ruleset-panel-category-title{font-size:.95rem;background:#eee;padding:.5rem;margin-bottom:.5rem;margin-top:1rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-title{font-size:.893rem;cursor:default}o3r-ruleset-history-pres .rule-description .ruleset-panel-title{font-size:.94rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body{padding-bottom:.5rem;padding-left:1.5rem}o3r-ruleset-history-pres .rule-description .ruleset-panel-category-body:empty{margin:0;padding:0 0 0 1.5rem}o3r-ruleset-history-pres .rulesets{margin:0;padding:0;list-style:none}o3r-ruleset-history-pres .rulesets ul{margin:0;padding-left:2rem}o3r-ruleset-history-pres .rulesets li.ruleset:nth-child(odd){background:#fbfbfb}o3r-ruleset-history-pres .ruleset-panel-category-body li{list-style:disc}o3r-ruleset-history-pres li:empty{display:none}o3r-ruleset-history-pres .ruleset{border-bottom:1px solid #dddddd}o3r-ruleset-history-pres .ruleset .ruleset-panel-description{padding:0 1rem 0 2rem;margin-bottom:2em}o3r-ruleset-history-pres .ruleset:first-child{border-top:1px solid #dddddd}o3r-ruleset-history-pres .ruleset-panel-title.ruleset-expansion-action{padding:.5rem 1rem}o3r-ruleset-history-pres .empty{font-style:italic;padding-left:1.5rem}o3r-ruleset-history-pres .ruleset-panel-category-body:empty.triggers:after{content:\"No trigger for this rule\";display:block;font-style:italic;padding-bottom:.5rem}o3r-ruleset-history-pres .ruleset-panel-title-aside{padding-left:1rem}o3r-ruleset-history-pres .rule-description .capsule{font-size:.8em;padding:.1rem .5rem;margin:0 .5rem}o3r-ruleset-history-pres .icon{background:none;border:none;font-size:1em}o3r-ruleset-history-pres .capsule{padding:.3rem;margin:.5rem;font-size:.875em;min-width:6rem;text-align:center}o3r-ruleset-history-pres .capsule.time{display:flex;flex-direction:column}o3r-ruleset-history-pres .success{background-color:#16aa32;color:#fff}o3r-ruleset-history-pres .inactive{background-color:#aaa;color:#fff}o3r-ruleset-history-pres .error{color:#c02020}o3r-ruleset-history-pres .error .capsule.error{background-color:#c02020;color:#fff}o3r-ruleset-history-pres .warn{background-color:#b92;color:#fff}o3r-ruleset-history-pres .input-key{color:#26c}o3r-ruleset-history-pres .input-value{color:#c29}o3r-ruleset-history-pres .input-key,o3r-ruleset-history-pres .input-value{font-family:monospace}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { rulesetExecutions: [{
                 type: Input
             }], executionDurationFormat: [{
@@ -306,11 +306,11 @@ const rulesetReportToHistory = (events, rulesetMap) => {
 };
 
 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.6", ngImport: i0, type: RulesetHistoryPresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, declarations: [RulesetHistoryPresComponent, RuleConditionPresComponent, RuleTreePresComponent, RuleActionsPresComponent, RuleKeyValuePresComponent], imports: [O3rFallbackToPipe, CommonModule, CommonModule, CommonModule, JsonPipe, O3rJsonOrStringPipe], exports: [RulesetHistoryPresComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, imports: [CommonModule, CommonModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RulesetHistoryPresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: RulesetHistoryPresModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [O3rFallbackToPipe, CommonModule, CommonModule, CommonModule, JsonPipe, O3rJsonOrStringPipe],
@@ -388,10 +388,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.6", 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.6", 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.6", ngImport: i0, type: RulesetsEffect, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.Actions }] });
 
@@ -446,13 +446,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.6", ngImport: i0, type: RulesetsStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: RulesetsStoreModule, imports: [i1$2.StoreFeatureModule, i1$1.EffectsFeatureModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", 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.6", ngImport: i0, type: RulesetsStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -851,10 +851,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));
 }
 
@@ -2021,10 +2023,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.6", 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.6", 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.6", ngImport: i0, type: RulesEngineRunnerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Store }, { type: i2.LoggerService }, { type: undefined, decorators: [{
                     type: Optional
@@ -2044,15 +2046,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.6", ngImport: i0, type: RulesEngineRunnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", 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.6", 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.6", ngImport: i0, type: RulesEngineRunnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2173,10 +2175,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.6", 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.6", 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.6", ngImport: i0, type: OtterRulesEngineDevtools, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2279,10 +2281,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.6", 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.6", 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.6", ngImport: i0, type: RulesEngineDevtoolsConsoleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2383,10 +2385,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.6", 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.6", 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.6", ngImport: i0, type: RulesEngineDevtoolsMessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2413,17 +2415,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.6", ngImport: i0, type: RulesEngineDevtoolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", 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.6", 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.6", ngImport: i0, type: RulesEngineDevtoolsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2463,10 +2465,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.6", ngImport: i0, type: CurrentTimeFactsService, deps: [{ token: RulesEngineRunnerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", 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.6", ngImport: i0, type: CurrentTimeFactsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'