@gravitee/ui-particles-angular 13.1.5 → 13.1.6-gio-el-editor-7a2794c

package/fesm2022/gravitee-ui-particles-angular-gio-el.mjs

@@ -0,0 +1,921 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, Component, Input, EventEmitter, HostBinding, Output, ChangeDetectionStrategy } from '@angular/core';
+import * as i7$1 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i6 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, FormGroup, Validators, FormArray } from '@angular/forms';
+import * as i6$2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i8 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i1$1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { startWith, map } from 'rxjs/operators';
+import { isEmpty, toString, isDate, isNil, has } from 'lodash';
+import { GioIconsModule } from '@gravitee/ui-particles-angular';
+import * as i7 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { Observable } from 'rxjs';
+import * as i4 from '@angular/material/core';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import * as i6$1 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i9 from '@angular/material/icon';
+import { ComponentHarness, parallel, HarnessPredicate } from '@angular/cdk/testing';
+import { MatMenuHarness } from '@angular/material/menu/testing';
+import { MatSelectHarness } from '@angular/material/select/testing';
+import { MatButtonToggleGroupHarness } from '@angular/material/button-toggle/testing';
+import { DivHarness } from '@gravitee/ui-particles-angular/testing';
+import { MatSlideToggleHarness } from '@angular/material/slide-toggle/testing';
+import { MatInputHarness } from '@angular/material/input/testing';
+import { MatDatepickerInputHarness } from '@angular/material/datepicker/testing';
+
+const isConditionModel = (conditions) => {
+    return 'field' in conditions && 'label' in conditions && 'type' in conditions;
+};
+
+class ConditionGroup {
+    constructor(condition, conditions) {
+        this.condition = condition;
+        this.conditions = conditions;
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ExpressionLanguageBuilder {
+    static { this.CONDITION_MAP = {
+        OR: '||',
+        AND: '&&',
+    }; }
+    static { this.OPERATOR_MAP = {
+        EQUALS: (field, value) => `#${field} == ${value}`,
+        NOT_EQUALS: (field, value) => `#${field} != ${value}`,
+        LESS_THAN: (field, value) => `#${field} < ${value}`,
+        LESS_THAN_OR_EQUALS: (field, value) => `#${field} <= ${value}`,
+        GREATER_THAN: (field, value) => `#${field} > ${value}`,
+        GREATER_THAN_OR_EQUALS: (field, value) => `#${field} >= ${value}`,
+        CONTAINS: (field, value) => `#${field} matches "${value}"`,
+        NOT_CONTAINS: (field, value) => `!#${field} matches "${value}"`,
+        STARTS_WITH: (field, value) => `#${field} matches "^${value}"`,
+        ENDS_WITH: (field, value) => `#${field} matches "${value}$"`,
+    }; }
+    static buildConditionGroup(conditionGroup) {
+        let el = '';
+        for (const condition of conditionGroup.conditions) {
+            if (condition instanceof ConditionGroup) {
+                el += '( ';
+                el += ExpressionLanguageBuilder.buildConditionGroup(condition);
+                el += ' )';
+            }
+            else {
+                el += ExpressionLanguageBuilder.buildCondition(condition);
+            }
+            if (condition !== conditionGroup.conditions[conditionGroup.conditions.length - 1]) {
+                el += ` ${ExpressionLanguageBuilder.CONDITION_MAP[conditionGroup.condition]} `;
+            }
+        }
+        if (el === '') {
+            return '';
+        }
+        return el;
+    }
+    static buildCondition(condition) {
+        const operator = ExpressionLanguageBuilder.OPERATOR_MAP[condition.operator];
+        return operator(condition.field, ExpressionLanguageBuilder.valueToString(condition.type, condition.value));
+    }
+    static valueToString(type, value) {
+        if (!type) {
+            return '';
+        }
+        switch (type) {
+            case 'string':
+                return `"${value}"`;
+            case 'date':
+                return `${value.getTime()}l`;
+            default:
+                return `${value}`;
+        }
+    }
+    constructor(conditionGroup) {
+        this.conditionGroup = conditionGroup;
+    }
+    build() {
+        const el = ExpressionLanguageBuilder.buildConditionGroup(this.conditionGroup);
+        return `{ ${el} }`;
+    }
+}
+
+class Condition {
+    constructor(field, type, operator, value) {
+        this.field = field;
+        this.type = type;
+        this.operator = operator;
+        this.value = value;
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeStringComponent {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.operators = [
+            { label: 'Equals', value: 'EQUALS' },
+            { label: 'Not equals', value: 'NOT_EQUALS' },
+        ];
+        this.filteredOptions$ = new Observable();
+    }
+    ngOnChanges(changes) {
+        if (changes.conditionFormGroup) {
+            const field = this.conditionFormGroup.controls.field.value;
+            if (isEmpty(field) || field?.type !== 'string') {
+                throw new Error('String field is required!');
+            }
+            this.conditionFormGroup.addControl('operator', new FormControl(null));
+            this.conditionFormGroup.addControl('value', new FormControl(null));
+            const values = field.values;
+            if (values && !isEmpty(values)) {
+                this.filteredOptions$ = this.conditionFormGroup.get('value').valueChanges.pipe(takeUntilDestroyed(this.destroyRef), startWith(''), map(value => filterValues(values, toString(value) ?? '')));
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeStringComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorTypeStringComponent, isStandalone: true, selector: "gio-el-editor-type-string", inputs: { conditionFormGroup: "conditionFormGroup" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Value</mat-label>\n      <input matInput formControlName=\"value\" placeholder=\"Value\" [matAutocomplete]=\"auto\" />\n\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n        @for (option of filteredOptions$ | async; track option) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeStringComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor-type-string', standalone: true, imports: [CommonModule, MatFormFieldModule, MatSelectModule, MatInputModule, ReactiveFormsModule, MatAutocompleteModule], template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Value</mat-label>\n      <input matInput formControlName=\"value\" placeholder=\"Value\" [matAutocomplete]=\"auto\" />\n\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n        @for (option of filteredOptions$ | async; track option) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}\n"] }]
+        }], propDecorators: { conditionFormGroup: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+const filterValues = (values, value) => {
+    const filterValue = value.toLowerCase();
+    return values.filter(option => option.toLowerCase().includes(filterValue));
+};
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeBooleanComponent {
+    constructor() {
+        this.operators = [
+            { label: 'Equals', value: 'EQUALS' },
+            { label: 'Not equals', value: 'NOT_EQUALS' },
+        ];
+    }
+    ngOnChanges(changes) {
+        if (changes.conditionFormGroup) {
+            const field = this.conditionFormGroup.controls.field.value;
+            if (isEmpty(field) || field?.type !== 'boolean') {
+                throw new Error('Boolean field is required!');
+            }
+            this.conditionFormGroup.addControl('operator', new FormControl(null));
+            this.conditionFormGroup.addControl('value', new FormControl(null));
+            this.conditionFormGroup.get('value')?.setValue(true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorTypeBooleanComponent, isStandalone: true, selector: "gio-el-editor-type-boolean", inputs: { conditionFormGroup: "conditionFormGroup" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-slide-toggle class=\"toggle\" #valueToggle formControlName=\"value\">\n      <mat-label>{{ valueToggle.checked ? 'True' : 'False' }}</mat-label>\n    </mat-slide-toggle>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;align-self:center;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeBooleanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor-type-boolean', standalone: true, imports: [CommonModule, MatFormFieldModule, MatSelectModule, ReactiveFormsModule, MatSlideToggle], template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-slide-toggle class=\"toggle\" #valueToggle formControlName=\"value\">\n      <mat-label>{{ valueToggle.checked ? 'True' : 'False' }}</mat-label>\n    </mat-slide-toggle>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;align-self:center;margin-left:8px}\n"] }]
+        }], propDecorators: { conditionFormGroup: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeNumberComponent {
+    constructor() {
+        this.operators = [
+            { label: 'Equals', value: 'EQUALS' },
+            { label: 'Not equals', value: 'NOT_EQUALS' },
+            { label: 'Less than', value: 'LESS_THAN' },
+            { label: 'Less than or equals', value: 'LESS_THAN_OR_EQUALS' },
+            { label: 'Greater than', value: 'GREATER_THAN' },
+            { label: 'Greater than or equals', value: 'GREATER_THAN_OR_EQUALS' },
+        ];
+        this.min = null;
+        this.max = null;
+    }
+    ngOnChanges(changes) {
+        if (changes.conditionFormGroup) {
+            const field = this.conditionFormGroup.controls.field.value;
+            if (isEmpty(field) || field?.type !== 'number') {
+                throw new Error('Number field is required!');
+            }
+            if (field.min) {
+                this.min = field.min;
+            }
+            if (field.max) {
+                this.max = field.max;
+            }
+            this.conditionFormGroup.addControl('operator', new FormControl(null));
+            this.conditionFormGroup.addControl('value', new FormControl(true));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorTypeNumberComponent, isStandalone: true, selector: "gio-el-editor-type-number", inputs: { conditionFormGroup: "conditionFormGroup" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Value</mat-label>\n      <input matInput formControlName=\"value\" placeholder=\"Value\" type=\"number\" [min]=\"min\" [max]=\"max\" />\n      <mat-error *ngIf=\"conditionFormGroup.get('value')?.hasError('min')\"> Value must be at least {{ min }} </mat-error>\n      <mat-error *ngIf=\"conditionFormGroup.get('value')?.hasError('max')\"> Value must be at most {{ max }} </mat-error>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.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: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i6.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor-type-number', standalone: true, imports: [CommonModule, MatFormFieldModule, MatSelectModule, MatInputModule, ReactiveFormsModule], template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Value</mat-label>\n      <input matInput formControlName=\"value\" placeholder=\"Value\" type=\"number\" [min]=\"min\" [max]=\"max\" />\n      <mat-error *ngIf=\"conditionFormGroup.get('value')?.hasError('min')\"> Value must be at least {{ min }} </mat-error>\n      <mat-error *ngIf=\"conditionFormGroup.get('value')?.hasError('max')\"> Value must be at most {{ max }} </mat-error>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;margin-left:8px}\n"] }]
+        }], propDecorators: { conditionFormGroup: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeDateComponent {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.operators = [
+            { label: 'Equals', value: 'EQUALS' },
+            { label: 'Not equals', value: 'NOT_EQUALS' },
+            { label: 'Less than', value: 'LESS_THAN' },
+            { label: 'Less than or equals', value: 'LESS_THAN_OR_EQUALS' },
+            { label: 'Greater than', value: 'GREATER_THAN' },
+            { label: 'Greater than or equals', value: 'GREATER_THAN_OR_EQUALS' },
+        ];
+        this.datepickerControl = new FormControl();
+    }
+    ngOnChanges(changes) {
+        if (changes.conditionFormGroup) {
+            const field = this.conditionFormGroup.controls.field.value;
+            if (isEmpty(field) || field?.type !== 'date') {
+                throw new Error('Date field is required!');
+            }
+            this.conditionFormGroup.addControl('operator', new FormControl(null));
+            this.conditionFormGroup.addControl('value', new FormControl(true));
+            this.datepickerControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {
+                if (!isDate(value)) {
+                    return;
+                }
+                // Convert date to UTC ignoring timezone
+                const dateUtc = Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds());
+                this.conditionFormGroup.controls.value.setValue(new Date(dateUtc));
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorTypeDateComponent, isStandalone: true, selector: "gio-el-editor-type-date", inputs: { conditionFormGroup: "conditionFormGroup" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Choose a date</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [formControl]=\"datepickerControl\" />\n      <mat-hint>MM/DD/YYYY</mat-hint>\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorTypeDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor-type-date', standalone: true, imports: [CommonModule, MatFormFieldModule, MatSelectModule, MatInputModule, ReactiveFormsModule, MatDatepickerModule], template: "<!--\n\n    Copyright (C) 2024 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@if (conditionFormGroup) {\n  <div [formGroup]=\"conditionFormGroup\" class=\"condition\">\n    <mat-form-field>\n      <mat-label>Operator</mat-label>\n\n      <mat-select formControlName=\"operator\" placeholder=\"Select Operator\">\n        @for (operator of operators; track operator.value) {\n          <mat-option [value]=\"operator.value\">{{ operator.label }}</mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Choose a date</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [formControl]=\"datepickerControl\" />\n      <mat-hint>MM/DD/YYYY</mat-hint>\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  </div>\n}\n", styles: [".condition{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.toggle{min-width:80px;margin-left:8px}\n"] }]
+        }], propDecorators: { conditionFormGroup: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorConditionGroupComponent {
+    constructor() {
+        /**
+         * Condition models to generate the fields for the conditions.
+         */
+        this.conditionModels = [];
+        /**
+         * Level of the node in the tree. Useful for testing with Harness to limit the scope of the query.
+         */
+        this.nodeLvl = 0;
+        this.remove = new EventEmitter();
+    }
+    addConditionGroup() {
+        this.conditionGroupFormGroup.controls.conditions.push(newConditionGroupFormGroup$1(), { emitEvent: true });
+        this.checkMultipleCondition();
+    }
+    addCondition() {
+        this.conditionGroupFormGroup.controls.conditions.push(newConditionFormGroup());
+        this.checkMultipleCondition();
+    }
+    removeCondition(conditionIndex) {
+        this.conditionGroupFormGroup.controls.conditions.removeAt(conditionIndex);
+        this.checkMultipleCondition();
+    }
+    removeConditionGroup() {
+        this.remove.emit();
+        this.checkMultipleCondition();
+    }
+    isConditionGroupForm(formGroup) {
+        return 'condition' in formGroup.controls && 'conditions' in formGroup.controls;
+    }
+    checkMultipleCondition() {
+        if (this.conditionGroupFormGroup.controls.conditions.length > 1) {
+            this.conditionGroupFormGroup.controls.condition.enable();
+        }
+        else {
+            this.conditionGroupFormGroup.controls.condition.disable();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorConditionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorConditionGroupComponent, isStandalone: true, selector: "gio-el-editor-condition-group", inputs: { conditionGroupFormGroup: "conditionGroupFormGroup", conditionModels: "conditionModels", nodeLvl: "nodeLvl" }, outputs: { remove: "remove" }, host: { properties: { "attr.node-lvl": "this.nodeLvl" } }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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<div class=\"conditionGroup\" [formGroup]=\"conditionGroupFormGroup\">\n  <div class=\"conditionGroup__header\">\n    <div class=\"conditionGroup__header__conditionField\"></div>\n    <mat-button-toggle-group\n      class=\"gio-button-toggle-group\"\n      name=\"condition\"\n      aria-label=\"Condition\"\n      formControlName=\"condition\"\n      [hideSingleSelectionIndicator]=\"true\"\n    >\n      <mat-button-toggle class=\"mat-button-toggle-group\" value=\"AND\">AND</mat-button-toggle>\n      <mat-button-toggle class=\"mat-button-toggle-group\" value=\"OR\">OR</mat-button-toggle>\n    </mat-button-toggle-group>\n\n    <div class=\"conditionGroup__header__addBtn\">\n      <button mat-button [matMenuTriggerFor]=\"addBtn\">\n        <mat-icon svgIcon=\"gio:plus\">Add</mat-icon>\n      </button>\n      <mat-menu #addBtn=\"matMenu\">\n        <button mat-menu-item (click)=\"addConditionGroup()\">Add Group</button>\n        <button mat-menu-item (click)=\"addCondition()\">Add Condition</button>\n      </mat-menu>\n    </div>\n\n    @if (nodeLvl > 0) {\n      <button class=\"conditionGroup__header__removeBtn\" mat-button aria-label=\"Remove Group\" (click)=\"removeConditionGroup()\">\n        <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n      </button>\n    }\n  </div>\n\n  <div class=\"conditionGroup__conditions\">\n    @for (condition of conditionGroupFormGroup.controls.conditions.controls; track conditionIndex; let conditionIndex = $index) {\n      @if (isConditionGroupForm(condition)) {\n        <gio-el-editor-condition-group\n          class=\"conditionGroup__conditions__conditionGroup\"\n          [conditionGroupFormGroup]=\"condition\"\n          [conditionModels]=\"conditionModels\"\n          [nodeLvl]=\"nodeLvl + 1\"\n          (remove)=\"removeCondition(conditionIndex)\"\n        ></gio-el-editor-condition-group>\n      } @else {\n        <div\n          class=\"conditionGroup__conditions__condition\"\n          [formGroup]=\"conditionGroupFormGroup.controls.conditions.at(conditionIndex)\"\n          [attr.node-lvl]=\"nodeLvl\"\n        >\n          <mat-form-field class=\"conditionGroup__conditions__condition__field\">\n            <mat-label>Field</mat-label>\n\n            <mat-select formControlName=\"field\" placeholder=\"Select Field\">\n              <mat-option *ngFor=\"let field of conditionModels\" [value]=\"field\">{{ field.label }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          @switch (condition.controls.field.value?.type) {\n            @case ('string') {\n              <gio-el-editor-type-string [conditionFormGroup]=\"condition\"></gio-el-editor-type-string>\n            }\n            @case ('boolean') {\n              <gio-el-editor-type-boolean [conditionFormGroup]=\"condition\"></gio-el-editor-type-boolean>\n            }\n            @case ('number') {\n              <gio-el-editor-type-number [conditionFormGroup]=\"condition\"></gio-el-editor-type-number>\n            }\n            @case ('date') {\n              <gio-el-editor-type-date [conditionFormGroup]=\"condition\"></gio-el-editor-type-date>\n            }\n          }\n\n          <button\n            class=\"conditionGroup__conditions__condition__removeBtn\"\n            mat-button\n            aria-label=\"Remove Condition\"\n            (click)=\"removeCondition(conditionIndex)\"\n          >\n            <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n          </button>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".conditionGroup{display:flex;flex-direction:column;gap:8px}.conditionGroup__header{display:flex;flex-direction:row;align-items:center;gap:8px}.conditionGroup__header .gio-button-toggle-group{margin-bottom:0}.conditionGroup__conditions{display:flex;flex-direction:column;gap:8px}.conditionGroup__conditions__condition{display:flex;align-items:flex-start;gap:8px}.conditionGroup__conditions__condition__field{flex:0 0 auto}.conditionGroup__conditions__condition__removeBtn{align-self:center}.conditionGroup__conditions__conditionGroup{margin-left:18px}\n"], dependencies: [{ kind: "component", type: GioElEditorConditionGroupComponent, selector: "gio-el-editor-condition-group", inputs: ["conditionGroupFormGroup", "conditionModels", "nodeLvl"], outputs: ["remove"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i7$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioElEditorTypeBooleanComponent, selector: "gio-el-editor-type-boolean", inputs: ["conditionFormGroup"] }, { kind: "component", type: GioElEditorTypeDateComponent, selector: "gio-el-editor-type-date", inputs: ["conditionFormGroup"] }, { kind: "component", type: GioElEditorTypeStringComponent, selector: "gio-el-editor-type-string", inputs: ["conditionFormGroup"] }, { kind: "component", type: GioElEditorTypeNumberComponent, selector: "gio-el-editor-type-number", inputs: ["conditionFormGroup"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorConditionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor-condition-group', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatButtonModule,
+                        MatButtonToggleModule,
+                        MatMenuModule,
+                        GioIconsModule,
+                        GioElEditorTypeBooleanComponent,
+                        GioElEditorTypeDateComponent,
+                        GioElEditorTypeStringComponent,
+                        GioElEditorTypeNumberComponent,
+                    ], template: "<!--\n\n    Copyright (C) 2024 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<div class=\"conditionGroup\" [formGroup]=\"conditionGroupFormGroup\">\n  <div class=\"conditionGroup__header\">\n    <div class=\"conditionGroup__header__conditionField\"></div>\n    <mat-button-toggle-group\n      class=\"gio-button-toggle-group\"\n      name=\"condition\"\n      aria-label=\"Condition\"\n      formControlName=\"condition\"\n      [hideSingleSelectionIndicator]=\"true\"\n    >\n      <mat-button-toggle class=\"mat-button-toggle-group\" value=\"AND\">AND</mat-button-toggle>\n      <mat-button-toggle class=\"mat-button-toggle-group\" value=\"OR\">OR</mat-button-toggle>\n    </mat-button-toggle-group>\n\n    <div class=\"conditionGroup__header__addBtn\">\n      <button mat-button [matMenuTriggerFor]=\"addBtn\">\n        <mat-icon svgIcon=\"gio:plus\">Add</mat-icon>\n      </button>\n      <mat-menu #addBtn=\"matMenu\">\n        <button mat-menu-item (click)=\"addConditionGroup()\">Add Group</button>\n        <button mat-menu-item (click)=\"addCondition()\">Add Condition</button>\n      </mat-menu>\n    </div>\n\n    @if (nodeLvl > 0) {\n      <button class=\"conditionGroup__header__removeBtn\" mat-button aria-label=\"Remove Group\" (click)=\"removeConditionGroup()\">\n        <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n      </button>\n    }\n  </div>\n\n  <div class=\"conditionGroup__conditions\">\n    @for (condition of conditionGroupFormGroup.controls.conditions.controls; track conditionIndex; let conditionIndex = $index) {\n      @if (isConditionGroupForm(condition)) {\n        <gio-el-editor-condition-group\n          class=\"conditionGroup__conditions__conditionGroup\"\n          [conditionGroupFormGroup]=\"condition\"\n          [conditionModels]=\"conditionModels\"\n          [nodeLvl]=\"nodeLvl + 1\"\n          (remove)=\"removeCondition(conditionIndex)\"\n        ></gio-el-editor-condition-group>\n      } @else {\n        <div\n          class=\"conditionGroup__conditions__condition\"\n          [formGroup]=\"conditionGroupFormGroup.controls.conditions.at(conditionIndex)\"\n          [attr.node-lvl]=\"nodeLvl\"\n        >\n          <mat-form-field class=\"conditionGroup__conditions__condition__field\">\n            <mat-label>Field</mat-label>\n\n            <mat-select formControlName=\"field\" placeholder=\"Select Field\">\n              <mat-option *ngFor=\"let field of conditionModels\" [value]=\"field\">{{ field.label }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          @switch (condition.controls.field.value?.type) {\n            @case ('string') {\n              <gio-el-editor-type-string [conditionFormGroup]=\"condition\"></gio-el-editor-type-string>\n            }\n            @case ('boolean') {\n              <gio-el-editor-type-boolean [conditionFormGroup]=\"condition\"></gio-el-editor-type-boolean>\n            }\n            @case ('number') {\n              <gio-el-editor-type-number [conditionFormGroup]=\"condition\"></gio-el-editor-type-number>\n            }\n            @case ('date') {\n              <gio-el-editor-type-date [conditionFormGroup]=\"condition\"></gio-el-editor-type-date>\n            }\n          }\n\n          <button\n            class=\"conditionGroup__conditions__condition__removeBtn\"\n            mat-button\n            aria-label=\"Remove Condition\"\n            (click)=\"removeCondition(conditionIndex)\"\n          >\n            <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n          </button>\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".conditionGroup{display:flex;flex-direction:column;gap:8px}.conditionGroup__header{display:flex;flex-direction:row;align-items:center;gap:8px}.conditionGroup__header .gio-button-toggle-group{margin-bottom:0}.conditionGroup__conditions{display:flex;flex-direction:column;gap:8px}.conditionGroup__conditions__condition{display:flex;align-items:flex-start;gap:8px}.conditionGroup__conditions__condition__field{flex:0 0 auto}.conditionGroup__conditions__condition__removeBtn{align-self:center}.conditionGroup__conditions__conditionGroup{margin-left:18px}\n"] }]
+        }], propDecorators: { conditionGroupFormGroup: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }], conditionModels: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }], nodeLvl: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.node-lvl']
+            }], remove: [{
+                type: Output
+            }] } });
+const newConditionGroupFormGroup$1 = () => {
+    return new FormGroup({
+        condition: new FormControl({ value: 'AND', disabled: true }, { nonNullable: true, validators: Validators.required }),
+        conditions: new FormArray([]),
+    });
+};
+const newConditionFormGroup = () => {
+    return new FormGroup({
+        field: new FormControl(null),
+        operator: new FormControl(null),
+        value: new FormControl(null),
+    });
+};
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorComponent {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.conditionsModel = [];
+        this.conditionsGroupFormArray = new FormArray([]);
+        this.conditionGroupFormGroup = newConditionGroupFormGroup();
+        this.fields = [];
+    }
+    ngOnInit() {
+        for (const conditionModel of this.conditionsModel) {
+            if (isConditionModel(conditionModel)) {
+                // TOTO: Impl Deep Tree for conditions Limit to fist Node for fist impl
+                this.fields.push(conditionModel);
+            }
+        }
+        this.conditionGroupFormGroup.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef), map(() => this.conditionGroupFormGroup.getRawValue()), map(value => {
+            const toCondition = (conditionValue) => {
+                if (isConditionGroupValue(conditionValue)) {
+                    return toConditionGroup(conditionValue);
+                }
+                if (!isConditionValue(conditionValue) ||
+                    isNil(conditionValue.field) ||
+                    isNil(conditionValue.operator) ||
+                    isNil(conditionValue.value)) {
+                    return null;
+                }
+                return new Condition(conditionValue.field.field, conditionValue.field.type, conditionValue.operator, conditionValue.value);
+            };
+            const toConditionGroup = (conditionGroupValue) => {
+                const conditions = [];
+                if (!conditionGroupValue.condition || !conditionGroupValue.conditions || isEmpty(conditionGroupValue.conditions)) {
+                    return null;
+                }
+                for (const conditionValue of conditionGroupValue.conditions) {
+                    const condition = toCondition(conditionValue);
+                    if (condition) {
+                        conditions.push(condition);
+                    }
+                }
+                if (isEmpty(conditions)) {
+                    return null;
+                }
+                return new ConditionGroup(conditionGroupValue.condition, conditions);
+            };
+            const conditionGroupValue = toConditionGroup(value);
+            if (conditionGroupValue) {
+                this.elOutput = new ExpressionLanguageBuilder(conditionGroupValue).build();
+            }
+        }))
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: GioElEditorComponent, isStandalone: true, selector: "gio-el-editor", inputs: { conditionsModel: "conditionsModel" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2024 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<gio-el-editor-condition-group\n  [conditionGroupFormGroup]=\"conditionGroupFormGroup\"\n  [conditionModels]=\"fields\"\n></gio-el-editor-condition-group>\n\n@if (elOutput) {\n  <div class=\"elOutput\">\n    {{ elOutput }}\n  </div>\n}\n", styles: [".conditionGroup{display:flex;flex-direction:column;gap:8px}.conditionGroup__header{display:flex;flex-direction:row;align-items:center;gap:8px}.conditionGroup__conditions{display:flex;flex-direction:column;gap:8px}.condition{display:flex;align-items:flex-start;gap:8px}.condition__removeBtn{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: GioIconsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: GioElEditorConditionGroupComponent, selector: "gio-el-editor-condition-group", inputs: ["conditionGroupFormGroup", "conditionModels", "nodeLvl"], outputs: ["remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GioElEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-el-editor', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonToggleModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        GioIconsModule,
+                        MatMenuModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        GioElEditorTypeStringComponent,
+                        GioElEditorTypeBooleanComponent,
+                        GioElEditorTypeNumberComponent,
+                        GioElEditorTypeDateComponent,
+                        GioElEditorConditionGroupComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n\n    Copyright (C) 2024 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<gio-el-editor-condition-group\n  [conditionGroupFormGroup]=\"conditionGroupFormGroup\"\n  [conditionModels]=\"fields\"\n></gio-el-editor-condition-group>\n\n@if (elOutput) {\n  <div class=\"elOutput\">\n    {{ elOutput }}\n  </div>\n}\n", styles: [".conditionGroup{display:flex;flex-direction:column;gap:8px}.conditionGroup__header{display:flex;flex-direction:row;align-items:center;gap:8px}.conditionGroup__conditions{display:flex;flex-direction:column;gap:8px}.condition{display:flex;align-items:flex-start;gap:8px}.condition__removeBtn{align-self:center}\n"] }]
+        }], propDecorators: { conditionsModel: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+const newConditionGroupFormGroup = () => {
+    return new FormGroup({
+        condition: new FormControl({ value: 'AND', disabled: true }, { nonNullable: true, validators: Validators.required }),
+        conditions: new FormArray([]),
+    });
+};
+const isConditionGroupValue = (value) => {
+    return !!value && has(value, 'condition') && has(value, 'conditions');
+};
+const isConditionValue = (value) => {
+    return !!value && has(value, 'field') && has(value, 'operator') && has(value, 'value');
+};
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeComponentHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        this.getOperatorSelector = this.locatorFor(MatSelectHarness.with({ selector: '[formControlName="operator"]' }));
+    }
+    async getAvailableOperators() {
+        const operatorSelector = await this.getOperatorSelector();
+        await operatorSelector.open();
+        const options = await operatorSelector.getOptions();
+        return parallel(() => options.map(async (option) => await option.getText()));
+    }
+    async selectOperator(operator) {
+        const operatorSelector = await this.getOperatorSelector();
+        await operatorSelector.clickOptions({ text: operator });
+    }
+    async getOperatorValue() {
+        const operatorSelector = await this.getOperatorSelector();
+        return operatorSelector.getValueText();
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeBooleanHarness extends GioElEditorTypeComponentHarness {
+    static { this.hostSelector = 'gio-el-editor-type-boolean'; }
+    async getValue() {
+        const slideToggleHarness = await this.locatorFor(MatSlideToggleHarness)();
+        return await slideToggleHarness.isChecked();
+    }
+    async setValue(value) {
+        const slideToggleHarness = await this.locatorFor(MatSlideToggleHarness)();
+        if (value !== (await slideToggleHarness.isChecked())) {
+            await slideToggleHarness.toggle();
+        }
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeStringHarness extends GioElEditorTypeComponentHarness {
+    static { this.hostSelector = 'gio-el-editor-type-string'; }
+    async getValue() {
+        const input = await this.locatorFor(MatInputHarness)();
+        return await input.getValue();
+    }
+    async setValue(value) {
+        const input = await this.locatorFor(MatInputHarness)();
+        await input.setValue(value);
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeNumberHarness extends GioElEditorTypeComponentHarness {
+    static { this.hostSelector = 'gio-el-editor-type-number'; }
+    async getValue() {
+        const input = await this.locatorFor(MatInputHarness)();
+        return Number(await input.getValue());
+    }
+    async setValue(value) {
+        const input = await this.locatorFor(MatInputHarness)();
+        await input.setValue(value.toString());
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorTypeDateHarness extends GioElEditorTypeComponentHarness {
+    static { this.hostSelector = 'gio-el-editor-type-date'; }
+    async getValue() {
+        const datepickerInputHarness = await this.locatorFor(MatDatepickerInputHarness)();
+        return await datepickerInputHarness.getValue();
+    }
+    async setValue(value) {
+        const datepickerInputHarness = await this.locatorFor(MatDatepickerInputHarness)();
+        await datepickerInputHarness.setValue(value.toISOString());
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorConditionGroupHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        this.getNodeLvl = () => this.host().then(host => host.getAttribute('node-lvl'));
+        this.getAddMenuButton = this.locatorFor(MatMenuHarness.with({ triggerText: /Add/ }));
+        this.getConditionButtonToggleGroup = this.locatorFor(MatButtonToggleGroupHarness.with({ selector: '[formControlName="condition"]' }));
+        this.getConditionsHarness = async () => {
+            const nodeLvl = await this.getNodeLvl();
+            if (!nodeLvl) {
+                throw new Error('Node level not found');
+            }
+            return this.locatorForAll(DivHarness.with({
+                selector: `.conditionGroup__conditions__condition[node-lvl="${nodeLvl}"]`,
+            }), GioElEditorConditionGroupHarness.with({
+                selector: `.conditionGroup__conditions__conditionGroup[node-lvl="${Number(nodeLvl) + 1}"]`,
+            }))();
+        };
+        // private ee =  (await this.locatorFor(DivHarness.with({ selector: '.conditionGroup__conditions' }))()).childLocatorForAll();
+        this.getConditionHarness = async (index) => (await this.getConditionsHarness()).at(index);
+        this.getConditionTypeHarness = (divHarness) => divHarness.childLocatorForOptional(GioElEditorTypeStringHarness, GioElEditorTypeBooleanHarness, GioElEditorTypeNumberHarness, GioElEditorTypeDateHarness)();
+        this.getConditionField = (divHarness) => divHarness.childLocatorFor(MatSelectHarness.with({ selector: '[formControlName="field"]' }))();
+    }
+    static { this.hostSelector = 'gio-el-editor-condition-group'; }
+    static with(options = {}) {
+        return new HarnessPredicate(GioElEditorConditionGroupHarness, options);
+    }
+    async clickAddNewConditionButton() {
+        await (await this.getAddMenuButton()).clickItem({ text: /Add Condition/ });
+    }
+    async clickAddNewGroupButton() {
+        await (await this.getAddMenuButton()).clickItem({ text: /Add Group/ });
+    }
+    async getConditionValue() {
+        const conditionButtonToggleGroup = await this.getConditionButtonToggleGroup();
+        const selectedToggles = await conditionButtonToggleGroup.getToggles({ checked: true });
+        if (selectedToggles.length !== 1) {
+            throw new Error('No operator selected');
+        }
+        const andOrMap = {
+            AND: 'AND',
+            OR: 'OR',
+        };
+        return andOrMap[await selectedToggles[0].getText()];
+    }
+    async selectConditionValue(operator) {
+        const conditionButtonToggleGroup = await this.getConditionButtonToggleGroup();
+        const toggles = await conditionButtonToggleGroup.getToggles({ text: operator });
+        if (toggles.length !== 1) {
+            throw new Error('No operator selected');
+        }
+        return toggles[0].check();
+    }
+    async selectConditionField(index, field) {
+        const conditionDiv = await this.getConditionHarness(index);
+        if (!conditionDiv || !(conditionDiv instanceof DivHarness)) {
+            throw new Error(`Condition with index ${index} not found`);
+        }
+        const fieldSelect = await this.getConditionField(conditionDiv);
+        await fieldSelect.clickOptions({ text: field });
+    }
+    async selectConditionOperator(index, operator) {
+        const conditionDiv = await this.getConditionHarness(index);
+        if (!conditionDiv || !(conditionDiv instanceof DivHarness)) {
+            throw new Error(`Condition with index ${index} not found`);
+        }
+        const conditionType = await this.getConditionTypeHarness(conditionDiv);
+        if (!conditionType) {
+            throw new Error(`Condition type not found. Select field first`);
+        }
+        await conditionType.selectOperator(operator);
+    }
+    async getConditionAvailableOperators(index) {
+        const conditionDiv = await this.getConditionHarness(index);
+        if (!conditionDiv || !(conditionDiv instanceof DivHarness)) {
+            throw new Error(`Condition with index ${index} not found`);
+        }
+        const conditionType = await this.getConditionTypeHarness(conditionDiv);
+        if (!conditionType) {
+            throw new Error(`Condition type not found. Select field first`);
+        }
+        return conditionType.getAvailableOperators();
+    }
+    async setConditionValue(index, value) {
+        const conditionDiv = await this.getConditionHarness(index);
+        if (!conditionDiv || !(conditionDiv instanceof DivHarness)) {
+            throw new Error(`Condition with index ${index} not found`);
+        }
+        const conditionType = await this.getConditionTypeHarness(conditionDiv);
+        if (!conditionType) {
+            throw new Error(`Condition type not found. Select field first`);
+        }
+        if (conditionType instanceof GioElEditorTypeStringHarness && typeof value === 'string') {
+            await conditionType.setValue(value);
+        }
+        else if (conditionType instanceof GioElEditorTypeBooleanHarness && typeof value === 'boolean') {
+            await conditionType.setValue(value);
+        }
+        else if (conditionType instanceof GioElEditorTypeNumberHarness && typeof value === 'number') {
+            await conditionType.setValue(value);
+        }
+        else if (conditionType instanceof GioElEditorTypeDateHarness && value instanceof Date) {
+            await conditionType.setValue(value);
+        }
+        else {
+            throw new Error(`Invalid value for condition type`);
+        }
+    }
+    async getConditionGroup(index) {
+        const conditionGroup = await this.getConditionHarness(index);
+        if (!conditionGroup || !(conditionGroup instanceof GioElEditorConditionGroupHarness)) {
+            throw new Error(`Condition group with index ${index} not found`);
+        }
+        return conditionGroup;
+    }
+    async getConditions() {
+        const getConditionsDiv = await this.getConditionsHarness();
+        const conditions = await parallel(() => getConditionsDiv.map(async (condition) => {
+            if (condition instanceof GioElEditorConditionGroupHarness) {
+                return await condition.getConditions();
+            }
+            const conditionField = await this.getConditionField(condition);
+            const conditionType = await this.getConditionTypeHarness(condition);
+            return {
+                field: await conditionField.getValueText(),
+                operator: await conditionType?.getOperatorValue(),
+                value: await conditionType?.getValue(),
+            };
+        }));
+        return {
+            condition: await this.getConditionValue(),
+            conditions,
+        };
+    }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GioElEditorHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        this.getMainConditionGroup = this.locatorFor(GioElEditorConditionGroupHarness);
+    }
+    static { this.hostSelector = 'gio-el-editor'; }
+}
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Condition, ExpressionLanguageBuilder, GioElEditorComponent, GioElEditorHarness, isConditionModel };
+//# sourceMappingURL=gravitee-ui-particles-angular-gio-el.mjs.map