@gravitee/ui-policy-studio-angular 18.0.1 → 18.0.2

package/fesm2022/gravitee-ui-policy-studio-angular.mjs

@@ -1552,9 +1552,15 @@ class GioPolicyStudioStepFormComponent {
         this.isValid = new EventEmitter();
         this.unsubscribe$ = new Subject();
         this.isMessage = false;
+        /**
+         * A policy plugin that cannot honour a message condition (e.g. one working on raw frames) declares it in its plugin
+         * properties: the field is then never offered.
+         */
+        this.supportsMessageCondition = true;
     }
     ngOnChanges(changes) {
         if (changes.genericPolicy) {
+            this.supportsMessageCondition = !isPolicy(this.genericPolicy) || this.genericPolicy.supportsMessageCondition !== false;
             if (isPolicy(this.genericPolicy)) {
                 this.policySchema$ = this.policyStudioService.getPolicySchema(toPolicy(this.genericPolicy)).pipe(map(schema => {
                     if (GioFormJsonSchemaComponent.isDisplayable(schema)) {
@@ -1622,12 +1628,13 @@ class GioPolicyStudioStepFormComponent {
             ...this.step,
             description: this.stepForm?.get('description')?.value,
             condition: this.stepForm?.get('condition')?.value ?? undefined,
-            messageCondition: this.stepForm?.get('messageCondition')?.value ?? undefined,
+            // A condition left on a step by an earlier version is dropped as soon as the step is saved again
+            messageCondition: this.supportsMessageCondition ? (this.stepForm?.get('messageCondition')?.value ?? undefined) : undefined,
             configuration,
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: GioPolicyStudioStepFormComponent, deps: [{ token: GioPolicyStudioService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: GioPolicyStudioStepFormComponent, isStandalone: true, selector: "gio-ps-step-form", inputs: { readOnly: "readOnly", step: "step", flowPhase: "flowPhase", apiType: "apiType", genericPolicy: "genericPolicy" }, outputs: { stepChange: "stepChange", isValid: "isValid" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"settings\">\n  <div class=\"settings__header\">Settings</div>\n\n  <div class=\"settings__content\">\n    @if (stepForm && (policySchema$ | async); as policySchema) {\n      <ng-container [formGroup]=\"stepForm\">\n        <mat-form-field>\n          <mat-label>Description</mat-label>\n          <textarea matInput formControlName=\"description\" cdkFocusInitial></textarea>\n          <mat-hint>Describe how your policy works.</mat-hint>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Trigger condition</mat-label>\n          <input matInput formControlName=\"condition\" />\n          <mat-hint>The condition to execute this policy. Supports Expression Language.</mat-hint>\n          <gio-el-assistant matSuffix />\n        </mat-form-field>\n        @if (isMessage) {\n          <mat-form-field>\n            <mat-label>Message trigger condition</mat-label>\n            <input matInput formControlName=\"messageCondition\" />\n            <mat-hint>The condition to execute this policy on message. Supports Expression Language.</mat-hint>\n            <gio-el-assistant matSuffix />\n          </mat-form-field>\n        }\n        @if (policySchema) {\n          <gio-form-json-schema\n            [jsonSchema]=\"$any(policySchema)\"\n            [context]=\"context\"\n            (ready)=\"onJsonSchemaReady($event)\"\n            formControlName=\"configuration\"\n          ></gio-form-json-schema>\n        }\n      </ng-container>\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n\n<div class=\"documentation\">\n  <div class=\"documentation__header\">Documentation</div>\n\n  <div class=\"documentation__content\">\n    @if (infoBanner) {\n      <gio-banner-warning>\n        Prerequisite message\n        <span gioBannerBody>{{ infoBanner }}</span>\n      </gio-banner-warning>\n    }\n    @if (policyDocumentation$ | async; as policyDocumentation) {\n      @switch (policyDocumentation.language) {\n        @case ('ASCIIDOC') {\n          <gio-asciidoctor [content]=\"policyDocumentation.content\"></gio-asciidoctor>\n        }\n        @case ('MARKDOWN') {\n          <markdown class=\"documentation__content__markdown\" [data]=\"policyDocumentation.content\"></markdown>\n        }\n      }\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;flex-direction:row;border:1px solid #d2cecd;border-radius:8px}::ng-deep gio-ps-step-form .documentation__content__markdown table{overflow:hidden;width:100%;border:1px solid #d2cecd;border-radius:4px;margin-bottom:12px;border-collapse:separate;border-spacing:0}::ng-deep gio-ps-step-form .documentation__content__markdown table th,::ng-deep gio-ps-step-form .documentation__content__markdown table td{padding:8px;border-bottom:1px solid #d2cecd}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td{border-bottom:none}::ng-deep gio-ps-step-form .documentation__content__markdown table th:first-child{border-top-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table th:last-child{border-top-right-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:first-child{border-bottom-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:last-child{border-bottom-right-radius:4px}.settings{display:flex;flex:0 0 50%;flex-direction:column}.settings__header{border-right:1px solid #d2cecd}.settings__content{display:flex;flex:1 1 auto;flex-direction:column;padding:16px;border-right:1px solid #d2cecd}.documentation{display:flex;overflow:auto;flex:0 0 50%;flex-direction:column}.documentation__content{overflow:auto;flex:1 1 auto;padding:16px}.settings__header,.documentation__header{padding:16px;border-bottom:1px solid #d2cecd;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: GioFormJsonSchemaModule }, { kind: "component", type: i7.GioFormJsonSchemaComponent, selector: "gio-form-json-schema", inputs: ["jsonSchema", "context", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: GioAsciidoctorModule }, { kind: "component", type: i6$2.GioAsciidoctorComponent, selector: "gio-asciidoctor", inputs: ["content", "src"] }, { kind: "ngmodule", type: GioLoaderModule }, { kind: "component", type: i7.GioLoaderComponent, selector: "gio-loader" }, { kind: "ngmodule", type: GioBannerModule }, { kind: "component", type: i7.GioBannerWarningComponent, selector: "gio-banner-warning" }, { kind: "directive", type: i7.GioBannerBodyDirective, selector: "[gioBannerBody]" }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: GioPolicyStudioStepFormComponent, isStandalone: true, selector: "gio-ps-step-form", inputs: { readOnly: "readOnly", step: "step", flowPhase: "flowPhase", apiType: "apiType", genericPolicy: "genericPolicy" }, outputs: { stepChange: "stepChange", isValid: "isValid" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"settings\">\n  <div class=\"settings__header\">Settings</div>\n\n  <div class=\"settings__content\">\n    @if (stepForm && (policySchema$ | async); as policySchema) {\n      <ng-container [formGroup]=\"stepForm\">\n        <mat-form-field>\n          <mat-label>Description</mat-label>\n          <textarea matInput formControlName=\"description\" cdkFocusInitial></textarea>\n          <mat-hint>Describe how your policy works.</mat-hint>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Trigger condition</mat-label>\n          <input matInput formControlName=\"condition\" />\n          <mat-hint>The condition to execute this policy. Supports Expression Language.</mat-hint>\n          <gio-el-assistant matSuffix />\n        </mat-form-field>\n        @if (isMessage && supportsMessageCondition) {\n          <mat-form-field>\n            <mat-label>Message trigger condition</mat-label>\n            <input matInput formControlName=\"messageCondition\" />\n            <mat-hint>The condition to execute this policy on message. Supports Expression Language.</mat-hint>\n            <gio-el-assistant matSuffix />\n          </mat-form-field>\n        }\n        @if (policySchema) {\n          <gio-form-json-schema\n            [jsonSchema]=\"$any(policySchema)\"\n            [context]=\"context\"\n            (ready)=\"onJsonSchemaReady($event)\"\n            formControlName=\"configuration\"\n          ></gio-form-json-schema>\n        }\n      </ng-container>\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n\n<div class=\"documentation\">\n  <div class=\"documentation__header\">Documentation</div>\n\n  <div class=\"documentation__content\">\n    @if (infoBanner) {\n      <gio-banner-warning>\n        Prerequisite message\n        <span gioBannerBody>{{ infoBanner }}</span>\n      </gio-banner-warning>\n    }\n    @if (policyDocumentation$ | async; as policyDocumentation) {\n      @switch (policyDocumentation.language) {\n        @case ('ASCIIDOC') {\n          <gio-asciidoctor [content]=\"policyDocumentation.content\"></gio-asciidoctor>\n        }\n        @case ('MARKDOWN') {\n          <markdown class=\"documentation__content__markdown\" [data]=\"policyDocumentation.content\"></markdown>\n        }\n      }\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;flex-direction:row;border:1px solid #d2cecd;border-radius:8px}::ng-deep gio-ps-step-form .documentation__content__markdown table{overflow:hidden;width:100%;border:1px solid #d2cecd;border-radius:4px;margin-bottom:12px;border-collapse:separate;border-spacing:0}::ng-deep gio-ps-step-form .documentation__content__markdown table th,::ng-deep gio-ps-step-form .documentation__content__markdown table td{padding:8px;border-bottom:1px solid #d2cecd}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td{border-bottom:none}::ng-deep gio-ps-step-form .documentation__content__markdown table th:first-child{border-top-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table th:last-child{border-top-right-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:first-child{border-bottom-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:last-child{border-bottom-right-radius:4px}.settings{display:flex;flex:0 0 50%;flex-direction:column}.settings__header{border-right:1px solid #d2cecd}.settings__content{display:flex;flex:1 1 auto;flex-direction:column;padding:16px;border-right:1px solid #d2cecd}.documentation{display:flex;overflow:auto;flex:0 0 50%;flex-direction:column}.documentation__content{overflow:auto;flex:1 1 auto;padding:16px}.settings__header,.documentation__header{padding:16px;border-bottom:1px solid #d2cecd;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: GioFormJsonSchemaModule }, { kind: "component", type: i7.GioFormJsonSchemaComponent, selector: "gio-form-json-schema", inputs: ["jsonSchema", "context", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: GioAsciidoctorModule }, { kind: "component", type: i6$2.GioAsciidoctorComponent, selector: "gio-asciidoctor", inputs: ["content", "src"] }, { kind: "ngmodule", type: GioLoaderModule }, { kind: "component", type: i7.GioLoaderComponent, selector: "gio-loader" }, { kind: "ngmodule", type: GioBannerModule }, { kind: "component", type: i7.GioBannerWarningComponent, selector: "gio-banner-warning" }, { kind: "directive", type: i7.GioBannerBodyDirective, selector: "[gioBannerBody]" }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: GioPolicyStudioStepFormComponent, decorators: [{
             type: Component,
@@ -1646,7 +1653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                         MatIcon,
                         PopoverTriggerDirective,
                         GioElAssistantComponent,
-                    ], selector: 'gio-ps-step-form', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"settings\">\n  <div class=\"settings__header\">Settings</div>\n\n  <div class=\"settings__content\">\n    @if (stepForm && (policySchema$ | async); as policySchema) {\n      <ng-container [formGroup]=\"stepForm\">\n        <mat-form-field>\n          <mat-label>Description</mat-label>\n          <textarea matInput formControlName=\"description\" cdkFocusInitial></textarea>\n          <mat-hint>Describe how your policy works.</mat-hint>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Trigger condition</mat-label>\n          <input matInput formControlName=\"condition\" />\n          <mat-hint>The condition to execute this policy. Supports Expression Language.</mat-hint>\n          <gio-el-assistant matSuffix />\n        </mat-form-field>\n        @if (isMessage) {\n          <mat-form-field>\n            <mat-label>Message trigger condition</mat-label>\n            <input matInput formControlName=\"messageCondition\" />\n            <mat-hint>The condition to execute this policy on message. Supports Expression Language.</mat-hint>\n            <gio-el-assistant matSuffix />\n          </mat-form-field>\n        }\n        @if (policySchema) {\n          <gio-form-json-schema\n            [jsonSchema]=\"$any(policySchema)\"\n            [context]=\"context\"\n            (ready)=\"onJsonSchemaReady($event)\"\n            formControlName=\"configuration\"\n          ></gio-form-json-schema>\n        }\n      </ng-container>\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n\n<div class=\"documentation\">\n  <div class=\"documentation__header\">Documentation</div>\n\n  <div class=\"documentation__content\">\n    @if (infoBanner) {\n      <gio-banner-warning>\n        Prerequisite message\n        <span gioBannerBody>{{ infoBanner }}</span>\n      </gio-banner-warning>\n    }\n    @if (policyDocumentation$ | async; as policyDocumentation) {\n      @switch (policyDocumentation.language) {\n        @case ('ASCIIDOC') {\n          <gio-asciidoctor [content]=\"policyDocumentation.content\"></gio-asciidoctor>\n        }\n        @case ('MARKDOWN') {\n          <markdown class=\"documentation__content__markdown\" [data]=\"policyDocumentation.content\"></markdown>\n        }\n      }\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;flex-direction:row;border:1px solid #d2cecd;border-radius:8px}::ng-deep gio-ps-step-form .documentation__content__markdown table{overflow:hidden;width:100%;border:1px solid #d2cecd;border-radius:4px;margin-bottom:12px;border-collapse:separate;border-spacing:0}::ng-deep gio-ps-step-form .documentation__content__markdown table th,::ng-deep gio-ps-step-form .documentation__content__markdown table td{padding:8px;border-bottom:1px solid #d2cecd}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td{border-bottom:none}::ng-deep gio-ps-step-form .documentation__content__markdown table th:first-child{border-top-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table th:last-child{border-top-right-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:first-child{border-bottom-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:last-child{border-bottom-right-radius:4px}.settings{display:flex;flex:0 0 50%;flex-direction:column}.settings__header{border-right:1px solid #d2cecd}.settings__content{display:flex;flex:1 1 auto;flex-direction:column;padding:16px;border-right:1px solid #d2cecd}.documentation{display:flex;overflow:auto;flex:0 0 50%;flex-direction:column}.documentation__content{overflow:auto;flex:1 1 auto;padding:16px}.settings__header,.documentation__header{padding:16px;border-bottom:1px solid #d2cecd;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px}\n"] }]
+                    ], selector: 'gio-ps-step-form', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"settings\">\n  <div class=\"settings__header\">Settings</div>\n\n  <div class=\"settings__content\">\n    @if (stepForm && (policySchema$ | async); as policySchema) {\n      <ng-container [formGroup]=\"stepForm\">\n        <mat-form-field>\n          <mat-label>Description</mat-label>\n          <textarea matInput formControlName=\"description\" cdkFocusInitial></textarea>\n          <mat-hint>Describe how your policy works.</mat-hint>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Trigger condition</mat-label>\n          <input matInput formControlName=\"condition\" />\n          <mat-hint>The condition to execute this policy. Supports Expression Language.</mat-hint>\n          <gio-el-assistant matSuffix />\n        </mat-form-field>\n        @if (isMessage && supportsMessageCondition) {\n          <mat-form-field>\n            <mat-label>Message trigger condition</mat-label>\n            <input matInput formControlName=\"messageCondition\" />\n            <mat-hint>The condition to execute this policy on message. Supports Expression Language.</mat-hint>\n            <gio-el-assistant matSuffix />\n          </mat-form-field>\n        }\n        @if (policySchema) {\n          <gio-form-json-schema\n            [jsonSchema]=\"$any(policySchema)\"\n            [context]=\"context\"\n            (ready)=\"onJsonSchemaReady($event)\"\n            formControlName=\"configuration\"\n          ></gio-form-json-schema>\n        }\n      </ng-container>\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n\n<div class=\"documentation\">\n  <div class=\"documentation__header\">Documentation</div>\n\n  <div class=\"documentation__content\">\n    @if (infoBanner) {\n      <gio-banner-warning>\n        Prerequisite message\n        <span gioBannerBody>{{ infoBanner }}</span>\n      </gio-banner-warning>\n    }\n    @if (policyDocumentation$ | async; as policyDocumentation) {\n      @switch (policyDocumentation.language) {\n        @case ('ASCIIDOC') {\n          <gio-asciidoctor [content]=\"policyDocumentation.content\"></gio-asciidoctor>\n        }\n        @case ('MARKDOWN') {\n          <markdown class=\"documentation__content__markdown\" [data]=\"policyDocumentation.content\"></markdown>\n        }\n      }\n    } @else {\n      <gio-loader></gio-loader>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;flex-direction:row;border:1px solid #d2cecd;border-radius:8px}::ng-deep gio-ps-step-form .documentation__content__markdown table{overflow:hidden;width:100%;border:1px solid #d2cecd;border-radius:4px;margin-bottom:12px;border-collapse:separate;border-spacing:0}::ng-deep gio-ps-step-form .documentation__content__markdown table th,::ng-deep gio-ps-step-form .documentation__content__markdown table td{padding:8px;border-bottom:1px solid #d2cecd}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td{border-bottom:none}::ng-deep gio-ps-step-form .documentation__content__markdown table th:first-child{border-top-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table th:last-child{border-top-right-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:first-child{border-bottom-left-radius:4px}::ng-deep gio-ps-step-form .documentation__content__markdown table tr:last-child td:last-child{border-bottom-right-radius:4px}.settings{display:flex;flex:0 0 50%;flex-direction:column}.settings__header{border-right:1px solid #d2cecd}.settings__content{display:flex;flex:1 1 auto;flex-direction:column;padding:16px;border-right:1px solid #d2cecd}.documentation{display:flex;overflow:auto;flex:0 0 50%;flex-direction:column}.documentation__content{overflow:auto;flex:1 1 auto;padding:16px}.settings__header,.documentation__header{padding:16px;border-bottom:1px solid #d2cecd;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px}\n"] }]
         }], ctorParameters: () => [{ type: GioPolicyStudioService }], propDecorators: { readOnly: [{
                 type: Input
             }], step: [{