@gravitee/ui-particles-angular 12.2.0 → 12.3.0-feat-read-only-policy-studio-7e5668a

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

@@ -12,7 +12,7 @@ import { ComponentHarness, HarnessPredicate, parallel, TestKey } from '@angular/
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i6$1 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import { isEmpty, isString, isObject, toLower, dropRight, isNil, isArray, remove, isEqual, cloneDeep, uniqueId, set, has, range, some, filter as filter$1, intersection } from 'lodash';
+import { isEmpty, isString, isObject, toLower, dropRight, isNil, isArray, remove, isEqual, cloneDeep, uniqueId, range, set, has, some, filter as filter$1, intersection } from 'lodash';
 import { tap, startWith, switchMap, map, distinctUntilChanged, takeUntil, filter, take, delay, debounceTime, shareReplay, catchError, debounce } from 'rxjs/operators';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, UntypedFormArray, UntypedFormGroup, UntypedFormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule, NgControl, FormControl } from '@angular/forms';
@@ -24,7 +24,7 @@ import * as i2$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i6 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i3$1 from '@angular/material/core';
+import * as i7 from '@angular/material/core';
 import { MatOptionModule, MatRippleModule } from '@angular/material/core';
 import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
@@ -38,7 +38,7 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatButtonHarness } from '@angular/material/button/testing';
 import { MatInputHarness } from '@angular/material/input/testing';
 import * as i5$1 from '@angular/cdk/text-field';
-import * as i3$2 from 'ngx-file-helpers';
+import * as i3$1 from 'ngx-file-helpers';
 import { ReadMode, NgxFileHelpersModule } from 'ngx-file-helpers';
 import { toSvg } from 'jdenticon';
 import * as i1$4 from '@ngx-formly/core/json-schema';
@@ -47,15 +47,15 @@ import { FieldType, FieldArrayType, FieldWrapper, FormlyModule } from '@ngx-form
 import { FieldType as FieldType$1, FormlyMaterialModule } from '@ngx-formly/material';
 import * as i5$2 from '@angular/material/slide-toggle';
 import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { TestBed } from '@angular/core/testing';
+import * as i4$1 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i2$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import Cronstrue from 'cronstrue/i18n';
+import { TestBed } from '@angular/core/testing';
 import * as i1$5 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import * as i1$6 from '@angular/common/http';
-import Cronstrue from 'cronstrue/i18n';
-import * as i4$1 from '@angular/material/button-toggle';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatButtonToggleGroupHarness } from '@angular/material/button-toggle/testing';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatSelectHarness } from '@angular/material/select/testing';
@@ -534,7 +534,7 @@ class GioFormTagsInputComponent {
                 provide: MatFormFieldControl,
                 useExisting: GioFormTagsInputComponent,
             },
-        ], viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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<mat-chip-grid #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip-row *ngFor=\"let tag of value\" [removable]=\"!disabled\" (removed)=\"removeChipToFormControl(tag)\" [disabled]=\"disabled\">\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip-row>\n  <input\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions || disabled\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngIf=\"loading\" disabled id=\"loader\">\n      <div class=\"loader-option\"><gio-loader></gio-loader></div>\n    </mat-option>\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-grid>\n", styles: [".loader-option{display:flex}.loader-option gio-loader{width:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.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: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: GioLoaderComponent, selector: "gio-loader" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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<mat-chip-grid #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip-row *ngFor=\"let tag of value\" [removable]=\"!disabled\" (removed)=\"removeChipToFormControl(tag)\" [disabled]=\"disabled\">\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip-row>\n  <input\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions || disabled\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngIf=\"loading\" disabled id=\"loader\">\n      <div class=\"loader-option\"><gio-loader></gio-loader></div>\n    </mat-option>\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-grid>\n", styles: [".loader-option{display:flex}.loader-option gio-loader{width:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.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: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: GioLoaderComponent, selector: "gio-loader" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormTagsInputComponent, decorators: [{
             type: Component,
@@ -1400,7 +1400,7 @@ class GioFormHeadersComponent {
                 useExisting: forwardRef(() => GioFormHeadersComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-headers-label\"></ng-content></div>\n<table class=\"gio-form-headers__table gio-table-light\" [class.disabled]=\"disabled\" [formGroup]=\"mainForm\">\n  <thead>\n    <tr>\n      <th>KEY</th>\n      <th>VALUE</th>\n    </tr>\n  </thead>\n  <tbody formArrayName=\"headers\">\n    <tr\n      *ngFor=\"let control of headersFormArray.controls; index as headerIndex\"\n      class=\"gio-form-headers__table__header-row\"\n      [formGroupName]=\"headerIndex\"\n    >\n      <td class=\"gio-form-headers__table__header-row__td-key\">\n        <div class=\"gio-form-headers__table__header-row__td-key__field\">\n          <textarea\n            formControlName=\"key\"\n            matInput\n            placeholder=\"Name...\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"1\"\n            [matAutocomplete]=\"headerNamesAutocomplete\"\n          ></textarea>\n        </div>\n        <mat-error *ngIf=\"control.get('key')?.hasError('pattern')\">\n          Header name must not contain spaces. (RegExp: {{ control.get('key')?.getError('pattern')?.requiredPattern }})\n        </mat-error>\n        <mat-autocomplete #headerNamesAutocomplete=\"matAutocomplete\">\n          <mat-option *ngFor=\"let headerName of getFilteredHeaderNames(headerIndex, control.value) | async\" [value]=\"headerName\">{{\n            headerName\n          }}</mat-option>\n        </mat-autocomplete>\n      </td>\n      <td class=\"gio-form-headers__table__header-row__td-value\">\n        <div class=\"gio-form-headers__table__header-row__td-value__field\">\n          <textarea formControlName=\"value\" matInput placeholder=\"Value...\" cdkTextareaAutosize cdkAutosizeMinRows=\"1\"></textarea>\n        </div>\n        <button\n          class=\"gio-form-headers__table__header-row__td-value__button\"\n          *ngIf=\"headersFormArray.controls.length - 1 !== headerIndex\"\n          mat-icon-button\n          aria-label=\"Delete\"\n          (click)=\"onDeleteHeader(headerIndex)\"\n        >\n          <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n        </button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:block;overflow:hidden}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:#7a7b80}.label:empty{display:none}.gio-form-headers__table{width:100%}.gio-form-headers__table__header-row__td-key,.gio-form-headers__table__header-row__td-value{position:relative;width:50%}.gio-form-headers__table__header-row__td-key__field,.gio-form-headers__table__header-row__td-value__field{display:flex;overflow:hidden;width:100%;min-height:32px;flex-direction:column;justify-content:center;padding-bottom:0}.gio-form-headers__table__header-row__td-key__field textarea,.gio-form-headers__table__header-row__td-value__field textarea{overflow:auto;width:100%;height:16px;padding:0;border:none;background:transparent;box-shadow:none;outline:none;resize:none;font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-form-headers__table__header-row__td-key__field:focus-within,.gio-form-headers__table__header-row__td-value__field:focus-within{z-index:100;height:auto;background-color:#fff}.gio-form-headers__table__header-row__td-key__field:focus-within *,.gio-form-headers__table__header-row__td-value__field:focus-within *{max-height:none}.gio-form-headers__table__header-row__td-key__button,.gio-form-headers__table__header-row__td-value__button{position:absolute;top:3px;right:3px;display:none}.gio-form-headers__table__header-row__td-remove{width:32px;height:32px;padding:0}.gio-form-headers__table__header-row:hover .gio-form-headers__table__header-row__td-value__button{z-index:110;display:block;background-color:#fff;opacity:.9}:host(.disabled) .label{color:#d3d5dc}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: "directive", type: i6$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.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: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+        ], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-headers-label\"></ng-content></div>\n<table class=\"gio-form-headers__table gio-table-light\" [class.disabled]=\"disabled\" [formGroup]=\"mainForm\">\n  <thead>\n    <tr>\n      <th>KEY</th>\n      <th>VALUE</th>\n    </tr>\n  </thead>\n  <tbody formArrayName=\"headers\">\n    <tr\n      *ngFor=\"let control of headersFormArray.controls; index as headerIndex\"\n      class=\"gio-form-headers__table__header-row\"\n      [formGroupName]=\"headerIndex\"\n    >\n      <td class=\"gio-form-headers__table__header-row__td-key\">\n        <div class=\"gio-form-headers__table__header-row__td-key__field\">\n          <textarea\n            formControlName=\"key\"\n            matInput\n            placeholder=\"Name...\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"1\"\n            [matAutocomplete]=\"headerNamesAutocomplete\"\n          ></textarea>\n        </div>\n        <mat-error *ngIf=\"control.get('key')?.hasError('pattern')\">\n          Header name must not contain spaces. (RegExp: {{ control.get('key')?.getError('pattern')?.requiredPattern }})\n        </mat-error>\n        <mat-autocomplete #headerNamesAutocomplete=\"matAutocomplete\">\n          <mat-option *ngFor=\"let headerName of getFilteredHeaderNames(headerIndex, control.value) | async\" [value]=\"headerName\">{{\n            headerName\n          }}</mat-option>\n        </mat-autocomplete>\n      </td>\n      <td class=\"gio-form-headers__table__header-row__td-value\">\n        <div class=\"gio-form-headers__table__header-row__td-value__field\">\n          <textarea formControlName=\"value\" matInput placeholder=\"Value...\" cdkTextareaAutosize cdkAutosizeMinRows=\"1\"></textarea>\n        </div>\n        <button\n          class=\"gio-form-headers__table__header-row__td-value__button\"\n          *ngIf=\"headersFormArray.controls.length - 1 !== headerIndex\"\n          mat-icon-button\n          aria-label=\"Delete\"\n          (click)=\"onDeleteHeader(headerIndex)\"\n        >\n          <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n        </button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:block;overflow:hidden}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:#7a7b80}.label:empty{display:none}.gio-form-headers__table{width:100%}.gio-form-headers__table__header-row__td-key,.gio-form-headers__table__header-row__td-value{position:relative;width:50%}.gio-form-headers__table__header-row__td-key__field,.gio-form-headers__table__header-row__td-value__field{display:flex;overflow:hidden;width:100%;min-height:32px;flex-direction:column;justify-content:center;padding-bottom:0}.gio-form-headers__table__header-row__td-key__field textarea,.gio-form-headers__table__header-row__td-value__field textarea{overflow:auto;width:100%;height:16px;padding:0;border:none;background:transparent;box-shadow:none;outline:none;resize:none;font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-form-headers__table__header-row__td-key__field:focus-within,.gio-form-headers__table__header-row__td-value__field:focus-within{z-index:100;height:auto;background-color:#fff}.gio-form-headers__table__header-row__td-key__field:focus-within *,.gio-form-headers__table__header-row__td-value__field:focus-within *{max-height:none}.gio-form-headers__table__header-row__td-key__button,.gio-form-headers__table__header-row__td-value__button{position:absolute;top:3px;right:3px;display:none}.gio-form-headers__table__header-row__td-remove{width:32px;height:32px;padding:0}.gio-form-headers__table__header-row:hover .gio-form-headers__table__header-row__td-value__button{z-index:110;display:block;background-color:#fff;opacity:.9}:host(.disabled) .label{color:#d3d5dc}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: "directive", type: i6$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.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: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormHeadersComponent, decorators: [{
             type: Component,
@@ -1595,7 +1595,7 @@ class GioFormHeadersHarness extends ComponentHarness {
  */
 class GioFormFilePickerAddButtonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFilePickerAddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button", ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"add-button\" matRipple>\n  <div #content><ng-content></ng-content></div>\n  <span *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content\">Drag your file</span>\n  </span>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;flex-direction:column}.file-picker{display:flex;flex:1 1 auto;flex-flow:row wrap;padding:4px}.file-picker__add-button{border:2px dashed #606274;border-radius:6px;margin:4px;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #876fec;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px;border:none}.file-picker__add-button.error{border:2px dashed #ec4899}.file-picker__preview,.file-picker__preview-empty{position:relative;display:flex;min-width:130px;min-height:130px;flex:0 0 130px;flex-flow:column nowrap;justify-content:space-between;padding:6px;border:2px solid #606274;border-radius:6px;margin:4px;inline-size:fit-content}.file-picker__preview.drag-hover,.file-picker__preview-empty.drag-hover{pointer-events:none}.file-picker__preview__image,.file-picker__preview-empty__image{width:100%;height:100%;background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:contain}.file-picker__preview__file,.file-picker__preview-empty__file{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;place-content:center center;text-align:center;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview__file code,.file-picker__preview-empty__file code{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #ec4899}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f8fdb3;color:#100c27;cursor:pointer}.file-picker__preview__delete:hover{color:#fe733f}.file-picker__preview-empty__default{text-align:center}:host{display:block;width:130px;height:130px}.add-button{height:100%;padding:6px;text-align:center}.add-button__image{width:100%;height:54px}.add-button__content{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button", ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"add-button\" matRipple>\n  <div #content><ng-content></ng-content></div>\n  <span *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content\">Drag your file</span>\n  </span>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;flex-direction:column}.file-picker{display:flex;flex:1 1 auto;flex-flow:row wrap;padding:4px}.file-picker__add-button{border:2px dashed #606274;border-radius:6px;margin:4px;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #876fec;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px;border:none}.file-picker__add-button.error{border:2px dashed #ec4899}.file-picker__preview,.file-picker__preview-empty{position:relative;display:flex;min-width:130px;min-height:130px;flex:0 0 130px;flex-flow:column nowrap;justify-content:space-between;padding:6px;border:2px solid #606274;border-radius:6px;margin:4px;inline-size:fit-content}.file-picker__preview.drag-hover,.file-picker__preview-empty.drag-hover{pointer-events:none}.file-picker__preview__image,.file-picker__preview-empty__image{width:100%;height:100%;background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:contain}.file-picker__preview__file,.file-picker__preview-empty__file{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;place-content:center center;text-align:center;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview__file code,.file-picker__preview-empty__file code{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #ec4899}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f8fdb3;color:#100c27;cursor:pointer}.file-picker__preview__delete:hover{color:#fe733f}.file-picker__preview-empty__default{text-align:center}:host{display:block;width:130px;height:130px}.add-button{height:100%;padding:6px;text-align:center}.add-button__image{width:100%;height:54px}.add-button__content{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFilePickerAddButtonComponent, decorators: [{
             type: Component,
@@ -1798,7 +1798,7 @@ class GioFormFilePickerComponent {
         this.onChangeCallback(this.fileValues.map(fileValue => fileValue.isNew ? new NewFile(fileValue.name, fileValue.dataUrl, fileValue.file) : fileValue.dataUrl));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFilePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFilePickerComponent, selector: "gio-form-file-picker", inputs: { multiple: "multiple", accept: "accept", disabled: "disabled" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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<ng-content select=\"gio-form-file-picker-label\"></ng-content>\n<div\n  *ngIf=\"!isDisabled; else disabledTpl\"\n  class=\"file-picker\"\n  ngxFileDropzone\n  [readMode]=\"readMode\"\n  (fileDrop)=\"onFileDropped($event)\"\n  (dragenter)=\"onDragEnter($event)\"\n  (dragleave)=\"onDragOver($event)\"\n  (blur)=\"dragHover = false\"\n>\n  <div\n    *ngIf=\"!isComplete\"\n    class=\"file-picker__add-button\"\n    [class.complete]=\"isComplete\"\n    [class.error]=\"!isValid\"\n    [class.drag-hover]=\"dragHover\"\n    ngxFilePicker\n    [accept]=\"accept\"\n    [readMode]=\"readMode\"\n    [multiple]=\"multiple\"\n    (filePick)=\"onFilePicked($event)\"\n    (click)=\"onTouched()\"\n  >\n    <div #addButton class=\"file-picker__add-button__content\"><ng-content select=\"gio-form-file-picker-add-button\"></ng-content></div>\n    <gio-form-file-picker-add-button *ngIf=\"addButton.children.length === 0\"></gio-form-file-picker-add-button>\n  </div>\n  <div *ngFor=\"let fileValue of fileValues\" class=\"file-picker__preview\" [class.drag-hover]=\"dragHover\" [class.error]=\"!isValid\">\n    <a class=\"file-picker__preview__delete\" (click)=\"onRemoveFile(fileValue)\">\n      <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n    </a>\n\n    <ng-container *ngTemplateOutlet=\"filePreview; context: { fileValue: this.fileValue }\"></ng-container>\n  </div>\n</div>\n\n<ng-template #disabledTpl>\n  <div class=\"file-picker disabled\">\n    <ng-container *ngIf=\"fileValues.length === 0\">\n      <span class=\"file-picker__preview-empty disabled\">\n        <gio-form-file-picker-empty\n          *ngIf=\"previewEmpty.children.length === 0\"\n          class=\"file-picker__preview-empty__default\"\n        ></gio-form-file-picker-empty>\n        <span #previewEmpty><ng-content select=\"gio-form-file-picker-empty\"></ng-content></span>\n      </span>\n    </ng-container>\n\n    <div class=\"file-picker__preview disabled\" *ngFor=\"let fileValue of fileValues\">\n      <ng-container *ngTemplateOutlet=\"filePreview; context: { fileValue: this.fileValue }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #filePreview let-fileValue=\"fileValue\">\n  <div class=\"file-picker__preview__image\" *ngIf=\"fileValue.isImage\" [style.background-image]=\"'url(' + fileValue.dataUrl + ')'\"></div>\n  <div class=\"file-picker__preview__file\" *ngIf=\"!fileValue.isImage\">\n    <p>{{ fileValue.name }}</p>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;flex-direction:column}.file-picker{display:flex;flex:1 1 auto;flex-flow:row wrap;padding:4px}.file-picker__add-button{border:2px dashed #606274;border-radius:6px;margin:4px;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #876fec;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px;border:none}.file-picker__add-button.error{border:2px dashed #ec4899}.file-picker__preview,.file-picker__preview-empty{position:relative;display:flex;min-width:130px;min-height:130px;flex:0 0 130px;flex-flow:column nowrap;justify-content:space-between;padding:6px;border:2px solid #606274;border-radius:6px;margin:4px;inline-size:fit-content}.file-picker__preview.drag-hover,.file-picker__preview-empty.drag-hover{pointer-events:none}.file-picker__preview__image,.file-picker__preview-empty__image{width:100%;height:100%;background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:contain}.file-picker__preview__file,.file-picker__preview-empty__file{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;place-content:center center;text-align:center;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview__file code,.file-picker__preview-empty__file code{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #ec4899}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f8fdb3;color:#100c27;cursor:pointer}.file-picker__preview__delete:hover{color:#fe733f}.file-picker__preview-empty__default{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$2.FileDropzoneDirective, selector: "[ngxFileDropzone]", outputs: ["fileDrop"], exportAs: ["ngxFileDropzone"] }, { kind: "directive", type: i3$2.FilePickerDirective, selector: "[ngxFilePicker]", inputs: ["accept", "multiple"], outputs: ["filePick"], exportAs: ["ngxFilePicker"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button" }, { kind: "component", type: GioFormFilePickerEmptyComponent, selector: "gio-form-file-picker-empty" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFilePickerComponent, selector: "gio-form-file-picker", inputs: { multiple: "multiple", accept: "accept", disabled: "disabled" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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<ng-content select=\"gio-form-file-picker-label\"></ng-content>\n<div\n  *ngIf=\"!isDisabled; else disabledTpl\"\n  class=\"file-picker\"\n  ngxFileDropzone\n  [readMode]=\"readMode\"\n  (fileDrop)=\"onFileDropped($event)\"\n  (dragenter)=\"onDragEnter($event)\"\n  (dragleave)=\"onDragOver($event)\"\n  (blur)=\"dragHover = false\"\n>\n  <div\n    *ngIf=\"!isComplete\"\n    class=\"file-picker__add-button\"\n    [class.complete]=\"isComplete\"\n    [class.error]=\"!isValid\"\n    [class.drag-hover]=\"dragHover\"\n    ngxFilePicker\n    [accept]=\"accept\"\n    [readMode]=\"readMode\"\n    [multiple]=\"multiple\"\n    (filePick)=\"onFilePicked($event)\"\n    (click)=\"onTouched()\"\n  >\n    <div #addButton class=\"file-picker__add-button__content\"><ng-content select=\"gio-form-file-picker-add-button\"></ng-content></div>\n    <gio-form-file-picker-add-button *ngIf=\"addButton.children.length === 0\"></gio-form-file-picker-add-button>\n  </div>\n  <div *ngFor=\"let fileValue of fileValues\" class=\"file-picker__preview\" [class.drag-hover]=\"dragHover\" [class.error]=\"!isValid\">\n    <a class=\"file-picker__preview__delete\" (click)=\"onRemoveFile(fileValue)\">\n      <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n    </a>\n\n    <ng-container *ngTemplateOutlet=\"filePreview; context: { fileValue: this.fileValue }\"></ng-container>\n  </div>\n</div>\n\n<ng-template #disabledTpl>\n  <div class=\"file-picker disabled\">\n    <ng-container *ngIf=\"fileValues.length === 0\">\n      <span class=\"file-picker__preview-empty disabled\">\n        <gio-form-file-picker-empty\n          *ngIf=\"previewEmpty.children.length === 0\"\n          class=\"file-picker__preview-empty__default\"\n        ></gio-form-file-picker-empty>\n        <span #previewEmpty><ng-content select=\"gio-form-file-picker-empty\"></ng-content></span>\n      </span>\n    </ng-container>\n\n    <div class=\"file-picker__preview disabled\" *ngFor=\"let fileValue of fileValues\">\n      <ng-container *ngTemplateOutlet=\"filePreview; context: { fileValue: this.fileValue }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #filePreview let-fileValue=\"fileValue\">\n  <div class=\"file-picker__preview__image\" *ngIf=\"fileValue.isImage\" [style.background-image]=\"'url(' + fileValue.dataUrl + ')'\"></div>\n  <div class=\"file-picker__preview__file\" *ngIf=\"!fileValue.isImage\">\n    <p>{{ fileValue.name }}</p>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;flex-direction:column}.file-picker{display:flex;flex:1 1 auto;flex-flow:row wrap;padding:4px}.file-picker__add-button{border:2px dashed #606274;border-radius:6px;margin:4px;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #876fec;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px;border:none}.file-picker__add-button.error{border:2px dashed #ec4899}.file-picker__preview,.file-picker__preview-empty{position:relative;display:flex;min-width:130px;min-height:130px;flex:0 0 130px;flex-flow:column nowrap;justify-content:space-between;padding:6px;border:2px solid #606274;border-radius:6px;margin:4px;inline-size:fit-content}.file-picker__preview.drag-hover,.file-picker__preview-empty.drag-hover{pointer-events:none}.file-picker__preview__image,.file-picker__preview-empty__image{width:100%;height:100%;background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:contain}.file-picker__preview__file,.file-picker__preview-empty__file{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;place-content:center center;text-align:center;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview__file code,.file-picker__preview-empty__file code{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #ec4899}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f8fdb3;color:#100c27;cursor:pointer}.file-picker__preview__delete:hover{color:#fe733f}.file-picker__preview-empty__default{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.FileDropzoneDirective, selector: "[ngxFileDropzone]", outputs: ["fileDrop"], exportAs: ["ngxFileDropzone"] }, { kind: "directive", type: i3$1.FilePickerDirective, selector: "[ngxFilePicker]", inputs: ["accept", "multiple"], outputs: ["filePick"], exportAs: ["ngxFilePicker"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button" }, { kind: "component", type: GioFormFilePickerEmptyComponent, selector: "gio-form-file-picker-empty" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFilePickerComponent, decorators: [{
             type: Component,
@@ -2337,6 +2337,12 @@ class GioFormlyJsonSchemaService {
                 monacoEditorConfig: mapSource.gioConfig?.monacoEditorConfig,
             };
         }
+        else if (mapSource.type === 'string' && mapSource.format === 'gio-cron') {
+            mappedField.type = 'gio-cron';
+            mappedField.props = {
+                ...mappedField.props,
+            };
+        }
         return mappedField;
     }
     bannerMap(mappedField, mapSource) {
@@ -3595,719 +3601,403 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioFjsNullTypeComponent extends FieldType {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsNullTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsNullTypeComponent, selector: "gio-fjs-null-type", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsNullTypeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gio-fjs-null-type',
-                    template: ``,
-                }]
-        }] });
-
-/*
- * Copyright (C) 2023 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 GioFjsObjectTypeComponent extends FieldType {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsObjectTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsObjectTypeComponent, selector: "gio-fjs-object-type", usesInheritance: true, ngImport: i0, template: `
-    <div class="wrapper">
-      <div class="wrapper__title" *ngIf="to.label">{{ to.label }}</div>
-      <p *ngIf="to.description">{{ to.description }}</p>
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <div class="wrapper__fields">
-        <ng-container *ngFor="let f of field.fieldGroup">
-          <formly-field *ngIf="f.type" class="wrapper__fields__field" [field]="f"></formly-field>
-        </ng-container>
-      </div>
-    </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column}.wrapper__title{font-size:18px;font-weight:600;line-height:24px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:16px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__fields{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__fields:empty{display:none}.wrapper__fields:has(>.wrapper__fields__field:only-child):has(>.wrapper__fields__field:empty){display:none}.wrapper__fields__field:empty{display:none}.wrapper__fields__field+.wrapper__fields__field:not(:empty){display:block;margin-top:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsObjectTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-fjs-object-type', template: `
-    <div class="wrapper">
-      <div class="wrapper__title" *ngIf="to.label">{{ to.label }}</div>
-      <p *ngIf="to.description">{{ to.description }}</p>
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <div class="wrapper__fields">
-        <ng-container *ngFor="let f of field.fieldGroup">
-          <formly-field *ngIf="f.type" class="wrapper__fields__field" [field]="f"></formly-field>
-        </ng-container>
-      </div>
-    </div>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column}.wrapper__title{font-size:18px;font-weight:600;line-height:24px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:16px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__fields{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__fields:empty{display:none}.wrapper__fields:has(>.wrapper__fields__field:only-child):has(>.wrapper__fields__field:empty){display:none}.wrapper__fields__field:empty{display:none}.wrapper__fields__field+.wrapper__fields__field:not(:empty){display:block;margin-top:8px}\n"] }]
-        }] });
-
-/*
- * Copyright (C) 2023 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.
+const CRON_DISPLAY_MODES = ['secondly', 'minutely', 'hourly', 'daily', 'weekly', 'monthly', 'custom'];
+const DISPLAY_MODE_LIST = [
+    {
+        mode: 'secondly',
+        default: '*/1 * * * * *',
+        regex: /^(\*\/\d+\s)(\*\s){4}\*/,
+    },
+    {
+        mode: 'minutely',
+        default: '0 */1 * * * *',
+        regex: /^0\s\*\/\d+\s(\*\s){3}\*$/,
+    },
+    {
+        mode: 'hourly',
+        default: '0 0 */1 * * *',
+        regex: /^0\s\d+\s\*\/\d+\s(\*\s){2}\*$/,
+    },
+    {
+        mode: 'daily',
+        default: '0 0 0 */1 * *',
+        regex: /^0\s\d+\s\d+\s\*\/\d+\s\*\s\*$/,
+    },
+    {
+        mode: 'weekly',
+        default: '0 0 0 * * 0',
+        regex: /^(\d{1,2}\s){2,3}(\*\s){2}\d{1,2}$/,
+    },
+    {
+        mode: 'monthly',
+        default: '0 0 0 1 * *',
+        regex: /^(\d+\s){3,4}\*\s\*$/,
+    },
+    {
+        mode: 'custom',
+        default: '* * * * * *',
+        regex: /^.*$/,
+    },
+];
+const getDefaultCronDisplay = (mode) => {
+    const modeFound = DISPLAY_MODE_LIST.find(mf => mf.mode === mode);
+    if (!modeFound) {
+        throw new Error('Invalid cron mode.');
+    }
+    return parseCronExpression(modeFound.default);
+};
+const parseCronExpression = (cronExpression) => {
+    throwIfInvalid(cronExpression);
+    const parts = cronExpression.split(' ');
+    // Normalize cron so that second segment is included.
+    if (cronExpression && cronExpression.split(' ').length === 6) {
+        parts.push('');
+    }
+    const hourInterval = getHourInterval(parts);
+    const minuteInterval = getMinuteInterval(parts);
+    const secondInterval = getSecondInterval(parts);
+    const dayInterval = getDayInterval(parts);
+    const dayOfWeek = getDayOfWeek(parts);
+    const dayOfMonth = getDayOfMonth(parts);
+    const hours = getHours(parts);
+    const minutes = getMinutes(parts);
+    const displayMode = getDisplayMode(cronExpression);
+    switch (displayMode.mode) {
+        case 'secondly':
+            return {
+                mode: 'secondly',
+                secondInterval,
+            };
+        case 'minutely':
+            return {
+                mode: 'minutely',
+                minuteInterval,
+            };
+        case 'hourly':
+            return {
+                mode: 'hourly',
+                hourInterval,
+                minutes,
+            };
+        case 'daily':
+            return {
+                mode: 'daily',
+                dayInterval,
+                hours,
+                minutes,
+            };
+        case 'weekly':
+            return {
+                mode: 'weekly',
+                dayOfWeek,
+                hours,
+                minutes,
+            };
+        case 'monthly':
+            return {
+                mode: 'monthly',
+                dayOfMonth,
+                hours,
+                minutes,
+            };
+        case 'custom':
+            return {
+                mode: 'custom',
+                customExpression: cronExpression,
+            };
+    }
+};
+const toCronExpression = (cronDisplay) => {
+    switch (cronDisplay.mode) {
+        case 'secondly':
+            return `*/${cronDisplay.secondInterval} * * * * *`;
+        case 'minutely':
+            return `0 */${cronDisplay.minuteInterval} * * * *`;
+        case 'hourly':
+            return `0 ${cronDisplay.minutes} */${cronDisplay.hourInterval} * * *`;
+        case 'daily':
+            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} */${cronDisplay.dayInterval} * *`;
+        case 'weekly':
+            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} * * ${cronDisplay.dayOfWeek}`;
+        case 'monthly':
+            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} ${cronDisplay.dayOfMonth} * *`;
+        case 'custom':
+            return `${cronDisplay.customExpression}`;
+    }
+};
+const toCronDescription = (cronExpression) => {
+    throwIfInvalid(cronExpression);
+    if (!isEmpty(cronExpression)) {
+        return Cronstrue.toString(cronExpression);
+    }
+    return '';
+};
+/**
+ * Simple validation to ensure that the cron expression has 6 parts.
+ * Note : The full cron expression validation is done by the backend.
  */
-class GioFjsArrayTypeComponent extends FieldArrayType {
-    constructor() {
-        super(...arguments);
-        this.collapse = false;
+const throwIfInvalid = (cronExpression) => {
+    const parts = cronExpression.trim().split(/\s+/);
+    if (parts.length != 6) {
+        throw new Error('Cron expression must have 6 parts.');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsArrayTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsArrayTypeComponent, selector: "gio-fjs-array-type", usesInheritance: true, ngImport: i0, template: `
-    <div class="wrapper" [class.error]="formControl.touched && formControl.invalid">
-      <div class="wrapper__header">
-        <div class="wrapper__header__text">
-          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
-          <p *ngIf="to.description">{{ to.description }}</p>
-        </div>
-        <div class="wrapper__header__collapse">
-          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
-            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
-          </button>
-        </div>
-      </div>
-
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-
-      <div [hidden]="collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
-        <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
-          <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
-          <div class="wrapper__rows__row__remove">
-            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
-              <mat-icon svgIcon="gio:cancel"></mat-icon>
-            </button>
-          </div>
-        </div>
-
-        <div>
-          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
-            <mat-icon svgIcon="gio:plus"></mat-icon> Add
-          </button>
-        </div>
-      </div>
-    </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper.error{border-color:#ec4899}.wrapper:empty{display:none}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__rows__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper__rows__row+.wrapper__rows__row{padding-top:3px;border-top:1px solid #d3d5dc;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsArrayTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-fjs-array-type', template: `
-    <div class="wrapper" [class.error]="formControl.touched && formControl.invalid">
-      <div class="wrapper__header">
-        <div class="wrapper__header__text">
-          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
-          <p *ngIf="to.description">{{ to.description }}</p>
-        </div>
-        <div class="wrapper__header__collapse">
-          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
-            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
-          </button>
-        </div>
-      </div>
-
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-
-      <div [hidden]="collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
-        <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
-          <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
-          <div class="wrapper__rows__row__remove">
-            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
-              <mat-icon svgIcon="gio:cancel"></mat-icon>
-            </button>
-          </div>
-        </div>
-
-        <div>
-          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
-            <mat-icon svgIcon="gio:plus"></mat-icon> Add
-          </button>
-        </div>
-      </div>
-    </div>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper.error{border-color:#ec4899}.wrapper:empty{display:none}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__rows__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper__rows__row+.wrapper__rows__row{padding-top:3px;border-top:1px solid #d3d5dc;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"] }]
-        }] });
-
-function minItemsValidationMessage(error, field) {
-    return `Should NOT have fewer than ${field.props?.minItems} items`;
-}
-function maxItemsValidationMessage(error, field) {
-    return `Should NOT have more than ${field.props?.maxItems} items`;
-}
-function minLengthValidationMessage(error, field) {
-    return `Should NOT be shorter than ${field.props?.minLength} characters`;
-}
-function maxLengthValidationMessage(error, field) {
-    return `Should NOT be longer than ${field.props?.maxLength} characters`;
-}
-function minValidationMessage(error, field) {
-    return `Should be >= ${field.props?.min}`;
-}
-function maxValidationMessage(error, field) {
-    return `Should be <= ${field.props?.max}`;
-}
-function multipleOfValidationMessage(error, field) {
-    return `Should be multiple of ${field.props?.step}`;
-}
-function exclusiveMinimumValidationMessage(error, field) {
-    return `Should be > ${field.props?.step}`;
-}
-function exclusiveMaximumValidationMessage(error, field) {
-    return `Should be < ${field.props?.step}`;
-}
-function constValidationMessage(error, field) {
-    return `Should be equal to constant "${field.props?.const}"`;
-}
-function typeValidationMessage({ schemaType }) {
-    return `Should be "${schemaType[0]}".`;
-}
-
-/*
- * Copyright (C) 2023 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 GioBannerWrapperComponent extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBannerWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioBannerWrapperComponent, selector: "gio-banner-wrapper", usesInheritance: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2023 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=\"wrapper\">\n  <div class=\"banner\">\n    <div class=\"banner__icon\"><mat-icon svgIcon=\"gio:info\"></mat-icon></div>\n    <div>\n      <div class=\"banner__title\" [innerHTML]=\"props.bannerTitle\"></div>\n      <div class=\"banner__text\" [innerHTML]=\"props.bannerText\"></div>\n    </div>\n  </div>\n  <ng-container #fieldComponent></ng-container>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}::ng-deep gio-banner-wrapper ul{padding-inline-start:16px}.wrapper{padding:8px 0}.banner{display:flex;flex-direction:row;align-items:flex-start;padding:8px;border-radius:8px;margin-bottom:8px;background:#e7e8ef;gap:8px}.banner__icon{padding-top:2px}.banner__icon mat-icon{width:16px;height:16px;color:#6c59bd}.banner__title{font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.banner__text{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;color:#606274}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBannerWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-banner-wrapper', template: "<!--\n\n    Copyright (C) 2023 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=\"wrapper\">\n  <div class=\"banner\">\n    <div class=\"banner__icon\"><mat-icon svgIcon=\"gio:info\"></mat-icon></div>\n    <div>\n      <div class=\"banner__title\" [innerHTML]=\"props.bannerTitle\"></div>\n      <div class=\"banner__text\" [innerHTML]=\"props.bannerText\"></div>\n    </div>\n  </div>\n  <ng-container #fieldComponent></ng-container>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}::ng-deep gio-banner-wrapper ul{padding-inline-start:16px}.wrapper{padding:8px 0}.banner{display:flex;flex-direction:row;align-items:flex-start;padding:8px;border-radius:8px;margin-bottom:8px;background:#e7e8ef;gap:8px}.banner__icon{padding-top:2px}.banner__icon mat-icon{width:16px;height:16px;color:#6c59bd}.banner__title{font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.banner__text{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;color:#606274}\n"] }]
-        }] });
-
-function bannerExtension(field) {
-    if (!field.props || (field.wrappers && field.wrappers.indexOf('gio-with-banner') !== -1)) {
-        return;
+};
+const getDisplayMode = (cronExpression) => {
+    const modeFound = DISPLAY_MODE_LIST.find(mf => {
+        const regex = mf.regex;
+        return regex.test(cronExpression);
+    });
+    if (!modeFound) {
+        throw new Error('Invalid cron expression.');
     }
-    if (field.props.bannerTitle || field.props.bannerText) {
-        // WARNING: 'gio-with-banner' must be placed before field wrappers in order to put banner before mat-form-field if exists
-        field.wrappers = ['gio-with-banner', ...(field.wrappers || [])];
+    return {
+        mode: modeFound.mode,
+        default: modeFound.default,
+    };
+};
+const getSecondInterval = (expressionParts) => {
+    const v = getSegment(expressionParts[0])[0][1];
+    return typeof v === 'number' ? v : undefined;
+};
+const getMinuteInterval = (expressionParts) => {
+    const v = getSegment(expressionParts[1])[0][1];
+    return typeof v === 'number' ? v : undefined;
+};
+const getHourInterval = (expressionParts) => {
+    const v = getSegment(expressionParts[2])[0][1];
+    return typeof v === 'number' ? v : undefined;
+};
+const getDayInterval = (expressionParts) => {
+    const v = getSegment(expressionParts[3])[0][1];
+    return typeof v === 'number' ? v : undefined;
+};
+const getDayOfWeek = (expressionParts) => {
+    const v = getSegment(expressionParts[5])[0][0];
+    return typeof v === 'number' ? v : undefined;
+};
+const getDayOfMonth = (expressionParts) => {
+    const v = getSegment(expressionParts[3])[0][0];
+    return typeof v === 'number' ? v : undefined;
+};
+const getMinutes = (expressionParts) => {
+    const v = getSegment(expressionParts[1])[0][0];
+    return typeof v === 'number' ? v : undefined;
+};
+const getHours = (expressionParts) => {
+    const v = getSegment(expressionParts[2])[0][0];
+    return typeof v === 'number' ? v : undefined;
+};
+const getSegment = (value) => {
+    if (value === undefined) {
+        value = '*';
     }
-}
+    return value.split(',').map(s => {
+        if (s === undefined) {
+            s = '*';
+        }
+        return s.split('/').map(p => {
+            const v = parseInt(p, 10);
+            return isNaN(v) ? p : v;
+        });
+    });
+};
 
-/*
- * Copyright (C) 2023 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 GioFjsMultiSchemaTypeComponent extends FieldType {
-    constructor(cdr) {
-        super();
+class GioFormCronComponent {
+    constructor(elRef, fm, ngZone, cdr) {
+        this.elRef = elRef;
+        this.fm = fm;
+        this.ngZone = ngZone;
         this.cdr = cdr;
+        this._onChange = () => ({});
+        this._onTouched = () => ({});
+        this.seconds = [...range(0, 60)];
+        this.minutes = [...range(0, 60)];
+        this.hours = [...range(0, 24)];
+        this.daysOfMonth = [...range(1, 32)];
+        this.daysOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
+        this.isDisabled = false;
+        this.smallDisplay = false;
+        this.touched = false;
+        this.focused = false;
+        this.hasError = false;
         this.unsubscribe$ = new Subject();
-    }
-    ngOnDestroy() {
-        this.unsubscribe$.next();
-        this.unsubscribe$.unsubscribe();
+        fm.monitor(elRef.nativeElement, true)
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe(origin => {
+            this.focused = !!origin;
+            this._onTouched();
+            this.touched = true;
+        });
     }
     ngOnInit() {
-        set(this.field, 'fieldGroup[0].props.appearance', 'fill');
-        set(this.field, 'fieldGroup[0].props.label', 'Select option');
-    }
-    ngAfterViewChecked() {
-        set(this.field, 'fieldGroup[0].props.disabled', this.formControl.disabled);
-        this.cdr.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsMultiSchemaTypeComponent, selector: "gio-fjs-multi-schema-type", usesInheritance: true, ngImport: i0, template: `
-    <div class="wrapper">
-      <div class="wrapper__title" *ngIf="props.label">{{ props.label }}</div>
-      <p *ngIf="props.description">{{ props.description }}</p>
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
-    </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper__title{font-size:16px;line-height:24px;font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:4px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-fjs-multi-schema-type', template: `
-    <div class="wrapper">
-      <div class="wrapper__title" *ngIf="props.label">{{ props.label }}</div>
-      <p *ngIf="props.description">{{ props.description }}</p>
-      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
-    </div>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper__title{font-size:16px;line-height:24px;font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:4px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
-
-/*
- * Copyright (C) 2023 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 GioFjsToggleTypeComponent extends FieldType {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsToggleTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsToggleTypeComponent, selector: "gio-fjs-toggle-type", usesInheritance: true, ngImport: i0, template: `
-    <gio-form-slide-toggle>
-      <gio-form-label>{{ props.label }}</gio-form-label>
-      {{ props.description }}
-      <mat-slide-toggle
-        gioFormSlideToggle
-        [id]="id"
-        [formControl]="formControl"
-        [formlyAttributes]="field"
-        [tabIndex]="props.tabindex"
-      ></mat-slide-toggle>
-    </gio-form-slide-toggle>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: GioFormSlideToggleComponent, selector: "gio-form-slide-toggle", inputs: ["appearance"] }, { kind: "component", type: GioFormLabelComponent, selector: "gio-form-label" }, { kind: "directive", type: GioFormSlideToggleDirective, selector: "[gioFormSlideToggle]" }, { kind: "component", type: i5$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsToggleTypeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gio-fjs-toggle-type',
-                    template: `
-    <gio-form-slide-toggle>
-      <gio-form-label>{{ props.label }}</gio-form-label>
-      {{ props.description }}
-      <mat-slide-toggle
-        gioFormSlideToggle
-        [id]="id"
-        [formControl]="formControl"
-        [formlyAttributes]="field"
-        [tabIndex]="props.tabindex"
-      ></mat-slide-toggle>
-    </gio-form-slide-toggle>
-  `,
-                }]
-        }] });
-
-/*
- * Copyright (C) 2023 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 GioFjsHeadersTypeComponent extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                outputConfig: this.outputConfig,
-            },
-        };
-        this.collapse = false;
-    }
-    get outputConfig() {
-        return {
-            keyName: 'name',
-            valueName: 'value',
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsHeadersTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsHeadersTypeComponent, selector: "gio-fjs-headers-type", usesInheritance: true, ngImport: i0, template: `
-    <div class="wrapper">
-      <div class="wrapper__header">
-        <div class="wrapper__header__text">
-          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
-          <p *ngIf="to.description">{{ to.description }}</p>
-        </div>
-        <div class="wrapper__header__collapse">
-          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
-            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
-          </button>
-        </div>
-      </div>
-      <div class="wrapper__error" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <div *ngIf="!collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
-        <gio-form-headers [headerFieldMapper]="outputConfig" [formControl]="formControl"></gio-form-headers>
-      </div>
-    </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioFormHeadersComponent, selector: "gio-form-headers", inputs: ["headerFieldMapper"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsHeadersTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-fjs-headers-type', template: `
-    <div class="wrapper">
-      <div class="wrapper__header">
-        <div class="wrapper__header__text">
-          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
-          <p *ngIf="to.description">{{ to.description }}</p>
-        </div>
-        <div class="wrapper__header__collapse">
-          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
-            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
-          </button>
-        </div>
-      </div>
-      <div class="wrapper__error" *ngIf="showError && formControl.errors">
-        <formly-validation-message [field]="field"></formly-validation-message>
-      </div>
-      <div *ngIf="!collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
-        <gio-form-headers [headerFieldMapper]="outputConfig" [formControl]="formControl"></gio-form-headers>
-      </div>
-    </div>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"] }]
-        }] });
-
-/*
- * Copyright (C) 2023 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 GioPasswordEyeWrapperComponent extends FieldWrapper {
-    constructor() {
-        super(...arguments);
-        this.hide = true;
+        if (window.ResizeObserver) {
+            this.resizeObserver = new ResizeObserver(entries => {
+                this.ngZone.run(() => {
+                    const width = entries[0].contentRect.width;
+                    this.smallDisplay = width < 580;
+                    this.cdr.markForCheck();
+                });
+            });
+            this.resizeObserver.observe(this.elRef.nativeElement);
+        }
+        this.internalFormGroup = new UntypedFormGroup({
+            mode: new UntypedFormControl(),
+            secondInterval: new UntypedFormControl(),
+            minuteInterval: new UntypedFormControl(),
+            hourInterval: new UntypedFormControl(),
+            dayInterval: new UntypedFormControl(),
+            dayOfWeek: new UntypedFormControl(),
+            dayOfMonth: new UntypedFormControl(),
+            hours: new UntypedFormControl(),
+            minutes: new UntypedFormControl(),
+            customExpression: new UntypedFormControl(),
+        });
+        this.isDisabled ? this.internalFormGroup.disable({ emitEvent: false }) : this.internalFormGroup.enable({ emitEvent: false });
+        this.internalFormGroup
+            .get('mode')
+            ?.valueChanges.pipe(filter(mode => !!mode), tap(mode => {
+            this.cronDisplay = getDefaultCronDisplay(mode);
+            this.refreshInternalForm();
+        }), takeUntil(this.unsubscribe$))
+            .subscribe();
+        this.internalFormGroup.valueChanges
+            ?.pipe(tap(value => {
+            this.hasError = false;
+            if (!value?.mode) {
+                this._onChange(null);
+                return;
+            }
+            try {
+                this.value = toCronExpression({
+                    mode: value.mode,
+                    secondInterval: value.secondInterval,
+                    minuteInterval: value.minuteInterval,
+                    hourInterval: value.hourInterval,
+                    dayInterval: value.dayInterval,
+                    dayOfWeek: value.dayOfWeek,
+                    dayOfMonth: value.dayOfMonth,
+                    customExpression: value.customExpression,
+                    hours: value.hours,
+                    minutes: value.minutes,
+                });
+                this.expressionDescription = toCronDescription(this.value);
+                this._onChange(this.value);
+            }
+            catch (error) {
+                this.hasError = true;
+                this.expressionDescription = `${error}` ?? 'Invalid cron expression.';
+                this._onChange(null);
+            }
+        }), takeUntil(this.unsubscribe$))
+            .subscribe();
+        this.refreshInternalForm();
     }
-    ngAfterViewInit() {
-        if (this.matSuffix) {
-            this.props.suffix = this.matSuffix;
+    ngOnDestroy() {
+        this.fm.stopMonitoring(this.elRef.nativeElement);
+        this.resizeObserver?.unobserve(this.elRef.nativeElement);
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    }
+    // From ControlValueAccessor interface
+    writeValue(value) {
+        if (isEmpty(value)) {
+            this.onClear();
+            return;
+        }
+        try {
+            this.value = value;
+            this.cronDisplay = parseCronExpression(value);
+            this.expressionDescription = toCronDescription(this.value);
+            this.refreshInternalForm();
+        }
+        catch (error) {
+            this.hasError = true;
+            this.expressionDescription = `${error}` ?? 'Invalid cron expression.';
         }
     }
-    addonEyeClick($event) {
-        $event.stopPropagation();
-        this.hide = !this.hide;
-        this.props.type = this.hide ? 'password' : 'text';
+    // From ControlValueAccessor interface
+    registerOnChange(fn) {
+        this._onChange = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPasswordEyeWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioPasswordEyeWrapperComponent, selector: "gio-password-eye-wrapper", viewQueries: [{ propertyName: "matSuffix", first: true, predicate: ["matSuffix"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-    <ng-container #fieldComponent></ng-container>
-
-    <ng-template #matSuffix>
-      <button mat-icon-button type="button" (click)="addonEyeClick($event)">
-        <mat-icon [svgIcon]="hide ? 'gio:eye-empty' : 'gio:eye-off'"></mat-icon>
-      </button>
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPasswordEyeWrapperComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gio-password-eye-wrapper',
-                    template: `
-    <ng-container #fieldComponent></ng-container>
-
-    <ng-template #matSuffix>
-      <button mat-icon-button type="button" (click)="addonEyeClick($event)">
-        <mat-icon [svgIcon]="hide ? 'gio:eye-empty' : 'gio:eye-off'"></mat-icon>
-      </button>
-    </ng-template>
-  `,
-                }]
-        }], propDecorators: { matSuffix: [{
-                type: ViewChild,
-                args: ['matSuffix', { static: true }]
-            }] } });
-function passwordEyeExtension(field) {
-    if (!field.props || (field.wrappers && field.wrappers.indexOf('gio-password-eye') !== -1)) {
-        return;
+    // From ControlValueAccessor interface
+    registerOnTouched(fn) {
+        this._onTouched = fn;
     }
-    if (field.props.type === 'password') {
-        field.wrappers = [...(field.wrappers || []), 'gio-password-eye'];
+    // From ControlValueAccessor interface
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        this.refreshInternalForm();
     }
-}
-
-/*
- * Copyright (C) 2023 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 GioFjsCodeEditorTypeComponent extends FieldType$1 {
-    ngOnInit() {
-        const language = this.props.monacoEditorConfig?.language;
-        switch (language) {
-            case 'json':
-                this.languageConfig = {
-                    language: 'json',
-                    schemas: [],
-                };
-                break;
-            default:
-                this.languageConfig = undefined;
-        }
+    validate(_) {
+        return this.hasError ? { invalid: true } : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCodeEditorTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsCodeEditorTypeComponent, selector: "gio-fjs-code-editor-type", usesInheritance: true, ngImport: i0, template: `
-    <gio-monaco-editor
-      gioMonacoEditorFormField
-      ngDefaultControl
-      [formControl]="formControl"
-      [languageConfig]="languageConfig"
-    ></gio-monaco-editor>
-  `, isInline: true, styles: ["gio-monaco-editor{min-height:38px}\n"], dependencies: [{ kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: GioMonacoEditorComponent, selector: "gio-monaco-editor", inputs: ["languageConfig", "options", "disableMiniMap"] }, { kind: "directive", type: GioMonacoEditorFormFieldDirective, selector: "[gioMonacoEditorFormField]", inputs: ["placeholder", "required", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCodeEditorTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-fjs-code-editor-type', template: `
-    <gio-monaco-editor
-      gioMonacoEditorFormField
-      ngDefaultControl
-      [formControl]="formControl"
-      [languageConfig]="languageConfig"
-    ></gio-monaco-editor>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["gio-monaco-editor{min-height:38px}\n"] }]
-        }] });
-
-/*
- * Copyright (C) 2015 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 GioFormJsonSchemaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, declarations: [GioFormJsonSchemaComponent,
-            GioFjsNullTypeComponent,
-            GioFjsObjectTypeComponent,
-            GioFjsMultiSchemaTypeComponent,
-            GioFjsArrayTypeComponent,
-            GioFjsToggleTypeComponent,
-            GioFjsHeadersTypeComponent,
-            GioFjsCodeEditorTypeComponent,
-            GioBannerWrapperComponent,
-            GioPasswordEyeWrapperComponent], imports: [CommonModule,
-            A11yModule,
-            ReactiveFormsModule, i2$3.FormlyModule, FormlyMaterialModule,
-            MatInputModule,
-            GioIconsModule,
-            GioFormSlideToggleModule,
-            GioFormHeadersModule,
-            GioMonacoEditorModule,
-            MatSlideToggleModule,
-            MatButtonModule], exports: [GioFormJsonSchemaComponent, FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, providers: [GioFormlyJsonSchemaService], imports: [CommonModule,
-            A11yModule,
-            ReactiveFormsModule,
-            FormlyModule.forRoot({
-                validationMessages: [
-                    { name: 'required', message: 'This field is required' },
-                    { name: 'type', message: typeValidationMessage },
-                    { name: 'minLength', message: minLengthValidationMessage },
-                    { name: 'maxLength', message: maxLengthValidationMessage },
-                    { name: 'min', message: minValidationMessage },
-                    { name: 'max', message: maxValidationMessage },
-                    { name: 'multipleOf', message: multipleOfValidationMessage },
-                    { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
-                    { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
-                    { name: 'minItems', message: minItemsValidationMessage },
-                    { name: 'maxItems', message: maxItemsValidationMessage },
-                    { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
-                    { name: 'const', message: constValidationMessage },
-                ],
-                wrappers: [
-                    { name: 'gio-with-banner', component: GioBannerWrapperComponent },
-                    { name: 'gio-password-eye', component: GioPasswordEyeWrapperComponent },
-                ],
-                types: [
-                    { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
-                    { name: 'array', component: GioFjsArrayTypeComponent },
-                    { name: 'object', component: GioFjsObjectTypeComponent },
-                    { name: 'multischema', component: GioFjsMultiSchemaTypeComponent },
-                    {
-                        name: 'toggle',
-                        component: GioFjsToggleTypeComponent,
-                    },
-                    {
-                        name: 'gio-code-editor',
-                        component: GioFjsCodeEditorTypeComponent,
-                        wrappers: ['form-field'],
-                    },
-                    {
-                        name: 'gio-headers-array',
-                        component: GioFjsHeadersTypeComponent,
-                    },
-                ],
-                extensions: [
-                    { name: 'banner', extension: { onPopulate: bannerExtension } },
-                    { name: 'password-eye', extension: { onPopulate: passwordEyeExtension } },
-                ],
-                extras: {
-                    checkExpressionOn: 'changeDetectionCheck',
-                },
-            }),
-            FormlyMaterialModule,
-            MatInputModule,
-            GioIconsModule,
-            GioFormSlideToggleModule,
-            GioFormHeadersModule,
-            GioMonacoEditorModule,
-            MatSlideToggleModule,
-            MatButtonModule, FormlyModule] }); }
+    onClear({ touched } = {}) {
+        this.value = undefined;
+        this.cronDisplay = undefined;
+        this.internalFormGroup?.reset({}, { emitEvent: true });
+        if (touched) {
+            this.touched = true;
+            this._onTouched();
+        }
+    }
+    refreshInternalForm() {
+        if (!this.internalFormGroup)
+            return;
+        this.isDisabled ? this.internalFormGroup.disable({ emitEvent: false }) : this.internalFormGroup.enable({ emitEvent: false });
+        const d = this.cronDisplay;
+        if (d) {
+            this.internalFormGroup.patchValue({
+                mode: d.mode,
+                customExpression: d.customExpression,
+                secondInterval: d.secondInterval,
+                minuteInterval: d.minuteInterval,
+                hourInterval: d.hourInterval,
+                dayInterval: d.dayInterval,
+                dayOfWeek: d.dayOfWeek,
+                dayOfMonth: d.dayOfMonth,
+                hours: d.hours,
+                minutes: d.minutes,
+            }, { emitEvent: false });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronComponent, selector: "gio-form-cron", host: { properties: { "class.disabled": "this.isDisabled", "class.smallDisplay": "this.smallDisplay" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GioFormCronComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => GioFormCronComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-cron-label\"></ng-content></div>\n<div class=\"wrapper\" [class.smallDisplay]=\"smallDisplay\" [class.disabled]=\"isDisabled\">\n  <ng-container *ngIf=\"internalFormGroup\" [formGroup]=\"internalFormGroup\">\n    <div class=\"menu\">\n      <mat-button-toggle-group class=\"gio-button-toggle-group menu__mode\" name=\"mode\" aria-label=\"Cron mode\" formControlName=\"mode\">\n        <mat-button-toggle value=\"secondly\" matTooltip=\"Secondly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 's' : 'Secondly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"minutely\" matTooltip=\"Minutely\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'm' : 'Minutely'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"hourly\" matTooltip=\"Hourly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'h' : 'Hourly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"daily\" matTooltip=\"Daily\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'D' : 'Daily'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"weekly\" matTooltip=\"Weekly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'W' : 'Weekly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"monthly\" matTooltip=\"Monthly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'M' : 'Monthly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"custom\" matTooltip=\"Custom\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'C' : 'Custom'\n        }}</mat-button-toggle>\n      </mat-button-toggle-group>\n      <button\n        *ngIf=\"value && !isDisabled\"\n        mat-button\n        aria-label=\"Clear\"\n        matTooltip=\"Clear\"\n        type=\"button\"\n        (click)=\"onClear({ touched: true })\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n\n    <ng-container [ngSwitch]=\"internalFormGroup.get('mode')?.value\">\n      <ng-container *ngSwitchCase=\"'secondly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Second</mat-label>\n            <mat-select formControlName=\"secondInterval\">\n              <mat-option *ngFor=\"let second of seconds\" [value]=\"second\">{{ second }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'minutely'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minuteInterval\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'hourly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hourInterval\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'daily'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayInterval\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'weekly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-medium\">\n            <mat-label>Day of the week</mat-label>\n            <mat-select formControlName=\"dayOfWeek\">\n              <mat-option *ngFor=\"let day of daysOfWeek; let index = index\" [value]=\"index\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'monthly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">On the </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayOfMonth\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> of every month at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <div class=\"modeForm\">\n          <mat-form-field class=\"modeForm__field-custom\">\n            <mat-label>Cron expression</mat-label>\n            <input matInput formControlName=\"customExpression\" placeholder=\"* * * * * *\" />\n          </mat-form-field>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div *ngIf=\"value; else placeholder\" class=\"preview\">\n      <span *ngIf=\"internalFormGroup.get('mode')?.value !== 'custom'\" class=\"preview__value\">\n        {{ value }}\n      </span>\n      <span class=\"preview__hint\">{{ expressionDescription }}</span>\n    </div>\n  </ng-container>\n\n  <ng-template #placeholder>\n    <div class=\"placeholder\">No cron expression defined.</div>\n  </ng-template>\n</div>\n<div class=\"hint\"><ng-content select=\"gio-form-cron-hint\"></ng-content></div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;min-width:342px;flex-direction:column}::ng-deep gio-form-cron{--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:var(--mdc-outlined-text-field-label-text-color)}.label:empty{display:none}.wrapper{display:inline-flex;flex-direction:column;padding:8px;border:1px solid var(--mdc-outlined-text-field-outline-color);border-radius:4px}.wrapper:hover:not(.disabled){padding:8px;border:1px solid var(--mdc-outlined-text-field-hover-outline-color)}.wrapper .menu{display:inline-flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper .menu__mode{border:none;margin-bottom:0}.wrapper .modeForm{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px;column-gap:4px}.wrapper .modeForm__field-small,.wrapper .modeForm__field-medium,.wrapper .modeForm__field-custom{display:inline-block;height:52px}.wrapper .modeForm__field-small{width:124px}.wrapper .modeForm__field-medium{width:158px}.wrapper .modeForm__field-custom{width:100%}.wrapper .preview,.wrapper .placeholder{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:4px;background-color:#e7e8ef;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.wrapper.disabled .preview,.wrapper.disabled .placeholder{opacity:.4}.hint{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-top:2px;padding-left:10px}.hint:empty{display:none}:host(.ng-invalid.ng-touched) .wrapper{padding:8px;border-width:1px;border-color:var(--mdc-outlined-text-field-error-outline-color)}:host(.ng-invalid.ng-touched) .wrapper .preview,:host(.ng-invalid.ng-touched) .wrapper .placeholder{color:#ec4899}:host(.ng-invalid.ng-touched) .label,:host(.ng-invalid.ng-touched) .hint{color:var(--mdc-outlined-text-field-error-outline-color)}:host(.disabled) .wrapper{border-color:#e7e8ef}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d3d5dc}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i4$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$2.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: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GioFormJsonSchemaComponent,
-                        GioFjsNullTypeComponent,
-                        GioFjsObjectTypeComponent,
-                        GioFjsMultiSchemaTypeComponent,
-                        GioFjsArrayTypeComponent,
-                        GioFjsToggleTypeComponent,
-                        GioFjsHeadersTypeComponent,
-                        GioFjsCodeEditorTypeComponent,
-                        GioBannerWrapperComponent,
-                        GioPasswordEyeWrapperComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        ReactiveFormsModule,
-                        FormlyModule.forRoot({
-                            validationMessages: [
-                                { name: 'required', message: 'This field is required' },
-                                { name: 'type', message: typeValidationMessage },
-                                { name: 'minLength', message: minLengthValidationMessage },
-                                { name: 'maxLength', message: maxLengthValidationMessage },
-                                { name: 'min', message: minValidationMessage },
-                                { name: 'max', message: maxValidationMessage },
-                                { name: 'multipleOf', message: multipleOfValidationMessage },
-                                { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
-                                { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
-                                { name: 'minItems', message: minItemsValidationMessage },
-                                { name: 'maxItems', message: maxItemsValidationMessage },
-                                { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
-                                { name: 'const', message: constValidationMessage },
-                            ],
-                            wrappers: [
-                                { name: 'gio-with-banner', component: GioBannerWrapperComponent },
-                                { name: 'gio-password-eye', component: GioPasswordEyeWrapperComponent },
-                            ],
-                            types: [
-                                { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
-                                { name: 'array', component: GioFjsArrayTypeComponent },
-                                { name: 'object', component: GioFjsObjectTypeComponent },
-                                { name: 'multischema', component: GioFjsMultiSchemaTypeComponent },
-                                {
-                                    name: 'toggle',
-                                    component: GioFjsToggleTypeComponent,
-                                },
-                                {
-                                    name: 'gio-code-editor',
-                                    component: GioFjsCodeEditorTypeComponent,
-                                    wrappers: ['form-field'],
-                                },
-                                {
-                                    name: 'gio-headers-array',
-                                    component: GioFjsHeadersTypeComponent,
-                                },
-                            ],
-                            extensions: [
-                                { name: 'banner', extension: { onPopulate: bannerExtension } },
-                                { name: 'password-eye', extension: { onPopulate: passwordEyeExtension } },
-                            ],
-                            extras: {
-                                checkExpressionOn: 'changeDetectionCheck',
-                            },
-                        }),
-                        FormlyMaterialModule,
-                        MatInputModule,
-                        GioIconsModule,
-                        GioFormSlideToggleModule,
-                        GioFormHeadersModule,
-                        GioMonacoEditorModule,
-                        MatSlideToggleModule,
-                        MatButtonModule,
-                    ],
-                    exports: [GioFormJsonSchemaComponent, FormlyModule],
-                    providers: [GioFormlyJsonSchemaService],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-form-cron', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GioFormCronComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => GioFormCronComponent),
+                            multi: true,
+                        },
+                    ], template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-cron-label\"></ng-content></div>\n<div class=\"wrapper\" [class.smallDisplay]=\"smallDisplay\" [class.disabled]=\"isDisabled\">\n  <ng-container *ngIf=\"internalFormGroup\" [formGroup]=\"internalFormGroup\">\n    <div class=\"menu\">\n      <mat-button-toggle-group class=\"gio-button-toggle-group menu__mode\" name=\"mode\" aria-label=\"Cron mode\" formControlName=\"mode\">\n        <mat-button-toggle value=\"secondly\" matTooltip=\"Secondly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 's' : 'Secondly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"minutely\" matTooltip=\"Minutely\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'm' : 'Minutely'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"hourly\" matTooltip=\"Hourly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'h' : 'Hourly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"daily\" matTooltip=\"Daily\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'D' : 'Daily'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"weekly\" matTooltip=\"Weekly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'W' : 'Weekly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"monthly\" matTooltip=\"Monthly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'M' : 'Monthly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"custom\" matTooltip=\"Custom\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'C' : 'Custom'\n        }}</mat-button-toggle>\n      </mat-button-toggle-group>\n      <button\n        *ngIf=\"value && !isDisabled\"\n        mat-button\n        aria-label=\"Clear\"\n        matTooltip=\"Clear\"\n        type=\"button\"\n        (click)=\"onClear({ touched: true })\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n\n    <ng-container [ngSwitch]=\"internalFormGroup.get('mode')?.value\">\n      <ng-container *ngSwitchCase=\"'secondly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Second</mat-label>\n            <mat-select formControlName=\"secondInterval\">\n              <mat-option *ngFor=\"let second of seconds\" [value]=\"second\">{{ second }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'minutely'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minuteInterval\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'hourly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hourInterval\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'daily'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayInterval\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'weekly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-medium\">\n            <mat-label>Day of the week</mat-label>\n            <mat-select formControlName=\"dayOfWeek\">\n              <mat-option *ngFor=\"let day of daysOfWeek; let index = index\" [value]=\"index\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'monthly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">On the </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayOfMonth\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> of every month at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <div class=\"modeForm\">\n          <mat-form-field class=\"modeForm__field-custom\">\n            <mat-label>Cron expression</mat-label>\n            <input matInput formControlName=\"customExpression\" placeholder=\"* * * * * *\" />\n          </mat-form-field>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div *ngIf=\"value; else placeholder\" class=\"preview\">\n      <span *ngIf=\"internalFormGroup.get('mode')?.value !== 'custom'\" class=\"preview__value\">\n        {{ value }}\n      </span>\n      <span class=\"preview__hint\">{{ expressionDescription }}</span>\n    </div>\n  </ng-container>\n\n  <ng-template #placeholder>\n    <div class=\"placeholder\">No cron expression defined.</div>\n  </ng-template>\n</div>\n<div class=\"hint\"><ng-content select=\"gio-form-cron-hint\"></ng-content></div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;min-width:342px;flex-direction:column}::ng-deep gio-form-cron{--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:var(--mdc-outlined-text-field-label-text-color)}.label:empty{display:none}.wrapper{display:inline-flex;flex-direction:column;padding:8px;border:1px solid var(--mdc-outlined-text-field-outline-color);border-radius:4px}.wrapper:hover:not(.disabled){padding:8px;border:1px solid var(--mdc-outlined-text-field-hover-outline-color)}.wrapper .menu{display:inline-flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper .menu__mode{border:none;margin-bottom:0}.wrapper .modeForm{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px;column-gap:4px}.wrapper .modeForm__field-small,.wrapper .modeForm__field-medium,.wrapper .modeForm__field-custom{display:inline-block;height:52px}.wrapper .modeForm__field-small{width:124px}.wrapper .modeForm__field-medium{width:158px}.wrapper .modeForm__field-custom{width:100%}.wrapper .preview,.wrapper .placeholder{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:4px;background-color:#e7e8ef;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.wrapper.disabled .preview,.wrapper.disabled .placeholder{opacity:.4}.hint{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-top:2px;padding-left:10px}.hint:empty{display:none}:host(.ng-invalid.ng-touched) .wrapper{padding:8px;border-width:1px;border-color:var(--mdc-outlined-text-field-error-outline-color)}:host(.ng-invalid.ng-touched) .wrapper .preview,:host(.ng-invalid.ng-touched) .wrapper .placeholder{color:#ec4899}:host(.ng-invalid.ng-touched) .label,:host(.ng-invalid.ng-touched) .hint{color:var(--mdc-outlined-text-field-error-outline-color)}:host(.disabled) .wrapper{border-color:#e7e8ef}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d3d5dc}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { isDisabled: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }], smallDisplay: [{
+                type: HostBinding,
+                args: ['class.smallDisplay']
+            }] } });
 
 /*
- * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2015 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.
@@ -4321,6 +4011,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+class GioFormCronLabelComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronLabelComponent, selector: "gio-form-cron-label", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-form-cron-label',
+                    template: `<ng-content></ng-content>`,
+                }]
+        }] });
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -4337,83 +4038,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioBaseFormFocusInvalidDirective {
-    constructor(hostElement, formGroupDirective) {
-        this.hostElement = hostElement;
-        this.formGroupDirective = formGroupDirective;
-    }
-    focusOnFirstInvalid() {
-        const selector = '.ng-invalid[formControlName],input.ng-invalid,mat-select.ng-invalid,textarea.ng-invalid,.gio-ng-invalid';
-        try {
-            // Mark all controls as touched to display errors
-            if (this.formGroupDirective) {
-                this.formGroupDirective.control.markAllAsTouched();
-                this.formGroupDirective.control.updateValueAndValidity();
-            }
-            const parentForm = this.hostElement.nativeElement.closest('form');
-            const invalidFieldElements = parentForm?.querySelectorAll(selector);
-            const invalidControl = this.getFirstInvalidControl(invalidFieldElements);
-            if (invalidControl) {
-                invalidControl.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                invalidControl.focus({ preventScroll: true });
-            }
-        }
-        catch (error) {
-            // Best effort. If the focus doesn't work it's not very important
-            // 🧪 Useful to avoid som error in tests
-        }
-    }
-    getFirstInvalidControl(invalidFieldElements, index = 0) {
-        let invalidControl = invalidFieldElements?.item(index);
-        const hasIgnoreAttribute = invalidControl?.attributes?.getNamedItem(GIO_FORM_FOCUS_INVALID_IGNORE_SELECTOR);
-        if (hasIgnoreAttribute) {
-            invalidControl = this.getFirstInvalidControl(invalidFieldElements, index + 1);
-        }
-        return invalidControl;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBaseFormFocusInvalidDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioBaseFormFocusInvalidDirective, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBaseFormFocusInvalidDirective, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.FormGroupDirective, decorators: [{
-                    type: Optional
-                }] }] });
-class GioFormFocusInvalidFormDirective extends GioBaseFormFocusInvalidDirective {
-    onFormSubmit() {
-        this.focusOnFirstInvalid();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidFormDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFocusInvalidFormDirective, selector: "form[gioFormFocusInvalid]", host: { listeners: { "submit": "onFormSubmit()" } }, usesInheritance: true, ngImport: i0 }); }
+class GioFormCronHintComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronHintComponent, selector: "gio-form-cron-hint", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidFormDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronHintComponent, decorators: [{
+            type: Component,
             args: [{
-                    selector: 'form[gioFormFocusInvalid]',
+                    selector: 'gio-form-cron-hint',
+                    template: `<ng-content></ng-content>`,
                 }]
-        }], propDecorators: { onFormSubmit: [{
-                type: HostListener,
-                args: ['submit']
-            }] } });
-class GioButtonFocusInvalidButtonDirective extends GioBaseFormFocusInvalidDirective {
-    onClick() {
-        this.focusOnFirstInvalid();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioButtonFocusInvalidButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioButtonFocusInvalidButtonDirective, selector: "button[gioFormFocusInvalid]", host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
+        }] });
+
+/*
+ * Copyright (C) 2015 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 GioFormCronModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, declarations: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            MatButtonToggleModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatInputModule,
+            MatButtonModule,
+            MatTooltipModule,
+            GioIconsModule], exports: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            MatButtonToggleModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatInputModule,
+            MatButtonModule,
+            MatTooltipModule,
+            GioIconsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioButtonFocusInvalidButtonDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: 'button[gioFormFocusInvalid]',
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonToggleModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        GioIconsModule,
+                    ],
+                    declarations: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent],
+                    exports: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent],
                 }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+        }] });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4427,16 +4120,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioFormFocusInvalidModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, declarations: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective], exports: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule }); }
+class GioFjsNullTypeComponent extends FieldType {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsNullTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsNullTypeComponent, selector: "gio-fjs-null-type", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsNullTypeComponent, decorators: [{
+            type: Component,
             args: [{
-                    declarations: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective],
-                    exports: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective],
+                    selector: 'gio-fjs-null-type',
+                    template: ``,
                 }]
         }] });
 
@@ -4455,31 +4147,175 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/**
- * This component is used to test the GioMonacoEditorComponent.
- * This component simulates monaco editor with a simple input.
+class GioFjsObjectTypeComponent extends FieldType {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsObjectTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsObjectTypeComponent, selector: "gio-fjs-object-type", usesInheritance: true, ngImport: i0, template: `
+    <div class="wrapper">
+      <div class="wrapper__title" *ngIf="to.label">{{ to.label }}</div>
+      <p *ngIf="to.description">{{ to.description }}</p>
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <div class="wrapper__fields">
+        <ng-container *ngFor="let f of field.fieldGroup">
+          <formly-field *ngIf="f.type" class="wrapper__fields__field" [field]="f"></formly-field>
+        </ng-container>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column}.wrapper__title{font-size:18px;font-weight:600;line-height:24px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:16px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__fields{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__fields:empty{display:none}.wrapper__fields:has(>.wrapper__fields__field:only-child):has(>.wrapper__fields__field:empty){display:none}.wrapper__fields__field:empty{display:none}.wrapper__fields__field+.wrapper__fields__field:not(:empty){display:block;margin-top:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsObjectTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-fjs-object-type', template: `
+    <div class="wrapper">
+      <div class="wrapper__title" *ngIf="to.label">{{ to.label }}</div>
+      <p *ngIf="to.description">{{ to.description }}</p>
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <div class="wrapper__fields">
+        <ng-container *ngFor="let f of field.fieldGroup">
+          <formly-field *ngIf="f.type" class="wrapper__fields__field" [field]="f"></formly-field>
+        </ng-container>
+      </div>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column}.wrapper__title{font-size:18px;font-weight:600;line-height:24px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:16px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__fields{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__fields:empty{display:none}.wrapper__fields:has(>.wrapper__fields__field:only-child):has(>.wrapper__fields__field:empty){display:none}.wrapper__fields__field:empty{display:none}.wrapper__fields__field+.wrapper__fields__field:not(:empty){display:block;margin-top:8px}\n"] }]
+        }] });
+
+/*
+ * Copyright (C) 2023 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 GioMonacoEditorTestingComponent extends GioMonacoEditorComponent {
-    get getValue() {
-        return this.value;
-    }
-    changeValue(value) {
-        this._onTouched();
-        this._onChange(value);
+class GioFjsArrayTypeComponent extends FieldArrayType {
+    constructor() {
+        super(...arguments);
+        this.collapse = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMonacoEditorTestingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMonacoEditorTestingComponent, selector: "gio-monaco-editor", usesInheritance: true, ngImport: i0, template: '<input type="text" [value]="getValue" [disabled]="readOnly" (input)="changeValue($any($event).target?.value)" />', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsArrayTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsArrayTypeComponent, selector: "gio-fjs-array-type", usesInheritance: true, ngImport: i0, template: `
+    <div class="wrapper" [class.error]="formControl.touched && formControl.invalid">
+      <div class="wrapper__header">
+        <div class="wrapper__header__text">
+          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
+          <p *ngIf="to.description">{{ to.description }}</p>
+        </div>
+        <div class="wrapper__header__collapse">
+          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
+            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
+          </button>
+        </div>
+      </div>
+
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <div [hidden]="collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
+        <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
+          <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
+          <div class="wrapper__rows__row__remove">
+            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
+              <mat-icon svgIcon="gio:cancel"></mat-icon>
+            </button>
+          </div>
+        </div>
+
+        <div>
+          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
+            <mat-icon svgIcon="gio:plus"></mat-icon> Add
+          </button>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper.error{border-color:#ec4899}.wrapper:empty{display:none}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__rows__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper__rows__row+.wrapper__rows__row{padding-top:3px;border-top:1px solid #d3d5dc;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMonacoEditorTestingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsArrayTypeComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'gio-monaco-editor',
-                    template: '<input type="text" [value]="getValue" [disabled]="readOnly" (input)="changeValue($any($event).target?.value)" />',
-                }]
+            args: [{ selector: 'gio-fjs-array-type', template: `
+    <div class="wrapper" [class.error]="formControl.touched && formControl.invalid">
+      <div class="wrapper__header">
+        <div class="wrapper__header__text">
+          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
+          <p *ngIf="to.description">{{ to.description }}</p>
+        </div>
+        <div class="wrapper__header__collapse">
+          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
+            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
+          </button>
+        </div>
+      </div>
+
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <div [hidden]="collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
+        <div *ngFor="let field of field.fieldGroup; let i = index" class="wrapper__rows__row">
+          <formly-field class="wrapper__rows__row__field" [field]="field"></formly-field>
+          <div class="wrapper__rows__row__remove">
+            <button type="button" mat-icon-button aria-label="Remove" [disabled]="this.form?.disabled ?? false" (click)="remove(i)">
+              <mat-icon svgIcon="gio:cancel"></mat-icon>
+            </button>
+          </div>
+        </div>
+
+        <div>
+          <button type="button" mat-stroked-button aria-label="Add" [disabled]="this.form?.disabled ?? false" (click)="add()">
+            <mat-icon svgIcon="gio:plus"></mat-icon> Add
+          </button>
+        </div>
+      </div>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper.error{border-color:#ec4899}.wrapper:empty{display:none}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}.wrapper__rows__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wrapper__rows__row+.wrapper__rows__row{padding-top:3px;border-top:1px solid #d3d5dc;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"] }]
         }] });
 
+function minItemsValidationMessage(error, field) {
+    return `Should NOT have fewer than ${field.props?.minItems} items`;
+}
+function maxItemsValidationMessage(error, field) {
+    return `Should NOT have more than ${field.props?.maxItems} items`;
+}
+function minLengthValidationMessage(error, field) {
+    return `Should NOT be shorter than ${field.props?.minLength} characters`;
+}
+function maxLengthValidationMessage(error, field) {
+    return `Should NOT be longer than ${field.props?.maxLength} characters`;
+}
+function minValidationMessage(error, field) {
+    return `Should be >= ${field.props?.min}`;
+}
+function maxValidationMessage(error, field) {
+    return `Should be <= ${field.props?.max}`;
+}
+function multipleOfValidationMessage(error, field) {
+    return `Should be multiple of ${field.props?.step}`;
+}
+function exclusiveMinimumValidationMessage(error, field) {
+    return `Should be > ${field.props?.step}`;
+}
+function exclusiveMaximumValidationMessage(error, field) {
+    return `Should be < ${field.props?.step}`;
+}
+function constValidationMessage(error, field) {
+    return `Should be equal to constant "${field.props?.const}"`;
+}
+function typeValidationMessage({ schemaType }) {
+    return `Should be "${schemaType[0]}".`;
+}
+
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4493,53 +4329,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const ConfigureTestingGioMonacoEditor = () => {
-    // Hack to replace the default gio-monaco-editor component with fake one for testing purpose.
-    try {
-        TestBed.overrideModule(GioMonacoEditorModule, {
-            remove: {
-                declarations: [GioMonacoEditorComponent],
-                exports: [GioMonacoEditorComponent],
-            },
-            add: {
-                declarations: [GioMonacoEditorTestingComponent],
-                exports: [GioMonacoEditorTestingComponent],
-            },
-        });
-    }
-    catch (e) {
-        // Do nothing
-    }
-};
-ConfigureTestingGioMonacoEditor();
-class GioMonacoEditorHarness extends ComponentHarness {
-    static { this.hostSelector = 'gio-monaco-editor'; }
-    constructor(locatorFactory) {
-        super(locatorFactory);
-        this.getInputEl = this.locatorFor('input');
-    }
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `GioMonacoEditorHarness` that meets
-     * certain criteria.
-     *
-     * @param options Options for filtering which input instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options = {}) {
-        return new HarnessPredicate(GioMonacoEditorHarness, options);
-    }
-    async setValue(value) {
-        const inputEl = await this.getInputEl();
-        await inputEl.clear();
-        await inputEl.sendKeys(value);
-    }
-    async getValue() {
-        const inputEl = await this.getInputEl();
-        return inputEl.getProperty('value');
+class GioBannerWrapperComponent extends FieldWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBannerWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioBannerWrapperComponent, selector: "gio-banner-wrapper", usesInheritance: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2023 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=\"wrapper\">\n  <div class=\"banner\">\n    <div class=\"banner__icon\"><mat-icon svgIcon=\"gio:info\"></mat-icon></div>\n    <div>\n      <div class=\"banner__title\" [innerHTML]=\"props.bannerTitle\"></div>\n      <div class=\"banner__text\" [innerHTML]=\"props.bannerText\"></div>\n    </div>\n  </div>\n  <ng-container #fieldComponent></ng-container>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}::ng-deep gio-banner-wrapper ul{padding-inline-start:16px}.wrapper{padding:8px 0}.banner{display:flex;flex-direction:row;align-items:flex-start;padding:8px;border-radius:8px;margin-bottom:8px;background:#e7e8ef;gap:8px}.banner__icon{padding-top:2px}.banner__icon mat-icon{width:16px;height:16px;color:#6c59bd}.banner__title{font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.banner__text{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;color:#606274}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBannerWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-banner-wrapper', template: "<!--\n\n    Copyright (C) 2023 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=\"wrapper\">\n  <div class=\"banner\">\n    <div class=\"banner__icon\"><mat-icon svgIcon=\"gio:info\"></mat-icon></div>\n    <div>\n      <div class=\"banner__title\" [innerHTML]=\"props.bannerTitle\"></div>\n      <div class=\"banner__text\" [innerHTML]=\"props.bannerText\"></div>\n    </div>\n  </div>\n  <ng-container #fieldComponent></ng-container>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}::ng-deep gio-banner-wrapper ul{padding-inline-start:16px}.wrapper{padding:8px 0}.banner{display:flex;flex-direction:row;align-items:flex-start;padding:8px;border-radius:8px;margin-bottom:8px;background:#e7e8ef;gap:8px}.banner__icon{padding-top:2px}.banner__icon mat-icon{width:16px;height:16px;color:#6c59bd}.banner__title{font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.banner__text{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;color:#606274}\n"] }]
+        }] });
+
+function bannerExtension(field) {
+    if (!field.props || (field.wrappers && field.wrappers.indexOf('gio-with-banner') !== -1)) {
+        return;
     }
-    async isDisabled() {
-        const inputEl = await this.getInputEl();
-        return inputEl.getProperty('disabled');
+    if (field.props.bannerTitle || field.props.bannerText) {
+        // WARNING: 'gio-with-banner' must be placed before field wrappers in order to put banner before mat-form-field if exists
+        field.wrappers = ['gio-with-banner', ...(field.wrappers || [])];
     }
 }
 
@@ -4558,62 +4363,98 @@ class GioMonacoEditorHarness extends ComponentHarness {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioPrismJsService {
-    loadPrismJs() {
-        // First load PrismJs
-        return this.loadPrimeJsCore().pipe(
-        // Then load PrismJs components
-        switchMap(() => this.loadPrismJsComponent('json')), 
-        // If already loaded, we don't want to load it again
-        shareReplay(1), 
-        // Ignore error
-        catchError(() => of(undefined)));
+class GioFjsMultiSchemaTypeComponent extends FieldType {
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+        this.unsubscribe$ = new Subject();
     }
-    loadPrimeJsCore() {
-        return new Observable(observer => {
-            const onGotPrismJs = () => {
-                observer.next();
-                observer.complete();
-            };
-            if (!window.Prism) {
-                const loaderPrismjs = document.createElement('script');
-                loaderPrismjs.type = 'text/javascript';
-                loaderPrismjs.src = 'assets/prismjs/prism.js';
-                loaderPrismjs.addEventListener('load', onGotPrismJs);
-                loaderPrismjs.addEventListener('error', err => observer.error(err));
-                document.body.appendChild(loaderPrismjs);
-            }
-            else {
-                onGotPrismJs();
-            }
-        });
+    ngOnDestroy() {
+        this.unsubscribe$.next();
+        this.unsubscribe$.unsubscribe();
     }
-    loadPrismJsComponent(name) {
-        return new Observable(observer => {
-            const onGotPrismJsComponent = () => {
-                observer.next();
-                observer.complete();
-            };
-            if (!window.Prism.languages[name]) {
-                const loaderPrismjsJson = document.createElement('script');
-                loaderPrismjsJson.type = 'text/javascript';
-                loaderPrismjsJson.src = `assets/prismjs/components/prism-${name}.js`;
-                loaderPrismjsJson.addEventListener('load', onGotPrismJsComponent);
-                loaderPrismjsJson.addEventListener('error', err => observer.error(err));
-                document.body.appendChild(loaderPrismjsJson);
-            }
-            else {
-                onGotPrismJsComponent();
-            }
-        });
+    ngOnInit() {
+        set(this.field, 'fieldGroup[0].props.appearance', 'fill');
+        set(this.field, 'fieldGroup[0].props.label', 'Select option');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, providedIn: 'root' }); }
+    ngAfterViewChecked() {
+        set(this.field, 'fieldGroup[0].props.disabled', this.formControl.disabled);
+        this.cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsMultiSchemaTypeComponent, selector: "gio-fjs-multi-schema-type", usesInheritance: true, ngImport: i0, template: `
+    <div class="wrapper">
+      <div class="wrapper__title" *ngIf="props.label">{{ props.label }}</div>
+      <p *ngIf="props.description">{{ props.description }}</p>
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper__title{font-size:16px;line-height:24px;font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:4px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-fjs-multi-schema-type', template: `
+    <div class="wrapper">
+      <div class="wrapper__title" *ngIf="props.label">{{ props.label }}</div>
+      <p *ngIf="props.description">{{ props.description }}</p>
+      <div class="wrapper__error gio-ng-invalid" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper__title{font-size:16px;line-height:24px;font-size:14px;font-weight:500;line-height:20px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:4px}.wrapper:empty{display:none}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
+/*
+ * Copyright (C) 2023 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 GioFjsToggleTypeComponent extends FieldType {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsToggleTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsToggleTypeComponent, selector: "gio-fjs-toggle-type", usesInheritance: true, ngImport: i0, template: `
+    <gio-form-slide-toggle>
+      <gio-form-label>{{ props.label }}</gio-form-label>
+      {{ props.description }}
+      <mat-slide-toggle
+        gioFormSlideToggle
+        [id]="id"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [tabIndex]="props.tabindex"
+      ></mat-slide-toggle>
+    </gio-form-slide-toggle>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: GioFormSlideToggleComponent, selector: "gio-form-slide-toggle", inputs: ["appearance"] }, { kind: "component", type: GioFormLabelComponent, selector: "gio-form-label" }, { kind: "directive", type: GioFormSlideToggleDirective, selector: "[gioFormSlideToggle]" }, { kind: "component", type: i5$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsToggleTypeComponent, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root',
+                    selector: 'gio-fjs-toggle-type',
+                    template: `
+    <gio-form-slide-toggle>
+      <gio-form-label>{{ props.label }}</gio-form-label>
+      {{ props.description }}
+      <mat-slide-toggle
+        gioFormSlideToggle
+        [id]="id"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [tabIndex]="props.tabindex"
+      ></mat-slide-toggle>
+    </gio-form-slide-toggle>
+  `,
                 }]
         }] });
 
@@ -4632,14 +4473,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const GIO_DIALOG_WIDTH = {
-    SMALL: '440px',
-    MEDIUM: '600px',
-    LARGE: '1240px',
-};
+class GioFjsHeadersTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                outputConfig: this.outputConfig,
+            },
+        };
+        this.collapse = false;
+    }
+    get outputConfig() {
+        return {
+            keyName: 'name',
+            valueName: 'value',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsHeadersTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsHeadersTypeComponent, selector: "gio-fjs-headers-type", usesInheritance: true, ngImport: i0, template: `
+    <div class="wrapper">
+      <div class="wrapper__header">
+        <div class="wrapper__header__text">
+          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
+          <p *ngIf="to.description">{{ to.description }}</p>
+        </div>
+        <div class="wrapper__header__collapse">
+          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
+            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
+          </button>
+        </div>
+      </div>
+      <div class="wrapper__error" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <div *ngIf="!collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
+        <gio-form-headers [headerFieldMapper]="outputConfig" [formControl]="formControl"></gio-form-headers>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioFormHeadersComponent, selector: "gio-form-headers", inputs: ["headerFieldMapper"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsHeadersTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-fjs-headers-type', template: `
+    <div class="wrapper">
+      <div class="wrapper__header">
+        <div class="wrapper__header__text">
+          <div class="wrapper__header__text__title" *ngIf="to.label">{{ to.label }}</div>
+          <p *ngIf="to.description">{{ to.description }}</p>
+        </div>
+        <div class="wrapper__header__collapse">
+          <button type="button" mat-icon-button aria-label="Collapse" (click)="collapse = !collapse">
+            <mat-icon [class.collapse-open]="collapse" [class.collapse-close]="!collapse" svgIcon="gio:nav-arrow-down"></mat-icon>
+          </button>
+        </div>
+      </div>
+      <div class="wrapper__error" *ngIf="showError && formControl.errors">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+      <div *ngIf="!collapse" class="wrapper__rows" [class.collapse-open]="collapse" [class.collapse-close]="!collapse">
+        <gio-form-headers [headerFieldMapper]="outputConfig" [formControl]="formControl"></gio-form-headers>
+      </div>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper__header{display:flex}.wrapper__header__text{flex:1 1 auto}.wrapper__header__text__title{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin-bottom:8px}.wrapper__header__collapse{flex:0 0 auto}.wrapper__header__collapse .collapse-open{transform:rotate(180deg);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__header__collapse .collapse-close{transform:rotate(0);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.wrapper__error{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;color:#ec4899}\n"] }]
+        }] });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4653,54 +4552,61 @@ const GIO_DIALOG_WIDTH = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioClipboardComponent {
-    constructor(clipboard) {
-        this.clipboard = clipboard;
-        this.label = 'Copy to clipboard';
-        this.tooltipHideDelay = 0;
-        this.clicked = false;
-        this.contentToCopy = '';
-        this.alwaysVisible = false;
-        this.tabIndex = undefined;
-    }
-    onCopied(success, tooltip) {
-        tooltip.message = success ? 'Copied!' : 'Failed to copy!';
-        tooltip.hideDelay = 2000;
-        tooltip.show();
-        this.clicked = true;
-        setTimeout(() => {
-            tooltip.hide();
-        }, 2000);
-        setTimeout(() => {
-            this.clicked = false;
-            tooltip.message = this.label;
-            tooltip.hideDelay = this.tooltipHideDelay;
-        }, 2500);
-    }
-    onKeyupSpace() {
-        this.clipboard.copy(this.contentToCopy);
-        if (this.tooltip) {
-            this.onCopied(true, this.tooltip);
+class GioPasswordEyeWrapperComponent extends FieldWrapper {
+    constructor() {
+        super(...arguments);
+        this.hide = true;
+    }
+    ngAfterViewInit() {
+        if (this.matSuffix) {
+            this.props.suffix = this.matSuffix;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardComponent, deps: [{ token: i1$5.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardComponent, inputs: { contentToCopy: "contentToCopy", alwaysVisible: "alwaysVisible", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0 }); }
+    addonEyeClick($event) {
+        $event.stopPropagation();
+        this.hide = !this.hide;
+        this.props.type = this.hide ? 'password' : 'text';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPasswordEyeWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioPasswordEyeWrapperComponent, selector: "gio-password-eye-wrapper", viewQueries: [{ propertyName: "matSuffix", first: true, predicate: ["matSuffix"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-container #fieldComponent></ng-container>
+
+    <ng-template #matSuffix>
+      <button mat-icon-button type="button" (click)="addonEyeClick($event)">
+        <mat-icon [svgIcon]="hide ? 'gio:eye-empty' : 'gio:eye-off'"></mat-icon>
+      </button>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardComponent, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i1$5.Clipboard }], propDecorators: { tooltip: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPasswordEyeWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gio-password-eye-wrapper',
+                    template: `
+    <ng-container #fieldComponent></ng-container>
+
+    <ng-template #matSuffix>
+      <button mat-icon-button type="button" (click)="addonEyeClick($event)">
+        <mat-icon [svgIcon]="hide ? 'gio:eye-empty' : 'gio:eye-off'"></mat-icon>
+      </button>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { matSuffix: [{
                 type: ViewChild,
-                args: ['tooltip']
-            }], contentToCopy: [{
-                type: Input
-            }], alwaysVisible: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
+                args: ['matSuffix', { static: true }]
             }] } });
+function passwordEyeExtension(field) {
+    if (!field.props || (field.wrappers && field.wrappers.indexOf('gio-password-eye') !== -1)) {
+        return;
+    }
+    if (field.props.type === 'password') {
+        field.wrappers = [...(field.wrappers || []), 'gio-password-eye'];
+    }
+}
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4714,57 +4620,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioClipboardCopyWrapperComponent extends GioClipboardComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardCopyWrapperComponent, selector: "[gioClipboardCopyWrapper]", usesInheritance: true, ngImport: i0, template: `
-    <ng-content></ng-content>
-    <button
-      #tooltip="matTooltip"
-      type="button"
-      class="right"
-      [attr.aria-label]="label"
-      [class.clicked]="clicked"
-      [class.always-visible]="alwaysVisible"
-      [cdkCopyToClipboard]="contentToCopy"
-      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
-      matRipple
-      [matRippleCentered]="true"
-      [matRippleUnbounded]="true"
-      [matTooltip]="label"
-      [matTooltipPosition]="'after'"
-      (keyup.Space)="onKeyupSpace()"
-    >
-      <mat-icon [inline]="true">{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
-    </button>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.right{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.right:not(.clicked,.always-visible){opacity:0}.right.clicked{color:#099;opacity:1}:host(:hover,:focus) .right{opacity:1}:host(:hover,:focus) .right:hover,:host(:hover,:focus) .right:focus{color:#099}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i1$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] }); }
+class GioFjsCodeEditorTypeComponent extends FieldType$1 {
+    ngOnInit() {
+        const language = this.props.monacoEditorConfig?.language;
+        switch (language) {
+            case 'json':
+                this.languageConfig = {
+                    language: 'json',
+                    schemas: [],
+                };
+                break;
+            default:
+                this.languageConfig = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCodeEditorTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsCodeEditorTypeComponent, selector: "gio-fjs-code-editor-type", usesInheritance: true, ngImport: i0, template: `
+    <gio-monaco-editor
+      gioMonacoEditorFormField
+      ngDefaultControl
+      [formControl]="formControl"
+      [languageConfig]="languageConfig"
+    ></gio-monaco-editor>
+  `, isInline: true, styles: ["gio-monaco-editor{min-height:38px}\n"], dependencies: [{ kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: GioMonacoEditorComponent, selector: "gio-monaco-editor", inputs: ["languageConfig", "options", "disableMiniMap"] }, { kind: "directive", type: GioMonacoEditorFormFieldDirective, selector: "[gioMonacoEditorFormField]", inputs: ["placeholder", "required", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCodeEditorTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[gioClipboardCopyWrapper]', template: `
-    <ng-content></ng-content>
-    <button
-      #tooltip="matTooltip"
-      type="button"
-      class="right"
-      [attr.aria-label]="label"
-      [class.clicked]="clicked"
-      [class.always-visible]="alwaysVisible"
-      [cdkCopyToClipboard]="contentToCopy"
-      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
-      matRipple
-      [matRippleCentered]="true"
-      [matRippleUnbounded]="true"
-      [matTooltip]="label"
-      [matTooltipPosition]="'after'"
-      (keyup.Space)="onKeyupSpace()"
-    >
-      <mat-icon [inline]="true">{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
-    </button>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.right{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.right:not(.clicked,.always-visible){opacity:0}.right.clicked{color:#099;opacity:1}:host(:hover,:focus) .right{opacity:1}:host(:hover,:focus) .right:hover,:host(:hover,:focus) .right:focus{color:#099}\n"] }]
+            args: [{ selector: 'gio-fjs-code-editor-type', template: `
+    <gio-monaco-editor
+      gioMonacoEditorFormField
+      ngDefaultControl
+      [formControl]="formControl"
+      [languageConfig]="languageConfig"
+    ></gio-monaco-editor>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["gio-monaco-editor{min-height:38px}\n"] }]
         }] });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4778,49 +4671,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioClipboardCopyIconComponent extends GioClipboardComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardCopyIconComponent, selector: "gio-clipboard-copy-icon", usesInheritance: true, ngImport: i0, template: `
-    <button
-      #tooltip="matTooltip"
-      type="button"
-      class="btn"
-      [attr.aria-label]="label"
-      [class.clicked]="clicked"
-      [cdkCopyToClipboard]="contentToCopy"
-      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
-      matRipple
-      [matRippleCentered]="true"
-      [matRippleUnbounded]="true"
-      [matTooltip]="label"
-      [matTooltipPosition]="'after'"
-      (keyup.Space)="onKeyupSpace()"
-    >
-      <mat-icon>{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
-    </button>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host-context(.mat-mdc-form-field-icon-suffix){padding:12px}.btn{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.btn.clicked,.btn:hover,.btn:focus{color:#099}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i1$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyIconComponent, decorators: [{
+class GioFjsCronTypeComponent extends FieldType$1 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCronTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsCronTypeComponent, selector: "gio-fjs-code-editor-type", usesInheritance: true, ngImport: i0, template: `
+    <gio-form-cron [formControl]="formControl">
+      <gio-form-cron-label *ngIf="props.label">{{ props.label }}</gio-form-cron-label>
+      <gio-form-cron-hint *ngIf="props.description">{{ props.description }}</gio-form-cron-hint>
+    </gio-form-cron>
+  `, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: GioFormCronComponent, selector: "gio-form-cron" }, { kind: "component", type: GioFormCronLabelComponent, selector: "gio-form-cron-label" }, { kind: "component", type: GioFormCronHintComponent, selector: "gio-form-cron-hint" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCronTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-clipboard-copy-icon', template: `
-    <button
-      #tooltip="matTooltip"
-      type="button"
-      class="btn"
-      [attr.aria-label]="label"
-      [class.clicked]="clicked"
-      [cdkCopyToClipboard]="contentToCopy"
-      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
-      matRipple
-      [matRippleCentered]="true"
-      [matRippleUnbounded]="true"
-      [matTooltip]="label"
-      [matTooltipPosition]="'after'"
-      (keyup.Space)="onKeyupSpace()"
-    >
-      <mat-icon>{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
-    </button>
-  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host-context(.mat-mdc-form-field-icon-suffix){padding:12px}.btn{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.btn.clicked,.btn:hover,.btn:focus{color:#099}\n"] }]
+            args: [{ selector: 'gio-fjs-code-editor-type', template: `
+    <gio-form-cron [formControl]="formControl">
+      <gio-form-cron-label *ngIf="props.label">{{ props.label }}</gio-form-cron-label>
+      <gio-form-cron-hint *ngIf="props.description">{{ props.description }}</gio-form-cron-hint>
+    </gio-form-cron>
+  `, changeDetection: ChangeDetectionStrategy.OnPush }]
         }] });
 
 /*
@@ -4838,71 +4705,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioClipboardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, declarations: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent], imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule], exports: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule] }); }
+class GioFormJsonSchemaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, declarations: [GioFormJsonSchemaComponent,
+            GioFjsNullTypeComponent,
+            GioFjsObjectTypeComponent,
+            GioFjsMultiSchemaTypeComponent,
+            GioFjsArrayTypeComponent,
+            GioFjsToggleTypeComponent,
+            GioFjsHeadersTypeComponent,
+            GioFjsCodeEditorTypeComponent,
+            GioFjsCronTypeComponent,
+            GioBannerWrapperComponent,
+            GioPasswordEyeWrapperComponent], imports: [CommonModule,
+            A11yModule,
+            ReactiveFormsModule, i2$3.FormlyModule, FormlyMaterialModule,
+            MatInputModule,
+            GioIconsModule,
+            GioFormSlideToggleModule,
+            GioFormHeadersModule,
+            GioMonacoEditorModule,
+            GioFormCronModule,
+            MatSlideToggleModule,
+            MatButtonModule], exports: [GioFormJsonSchemaComponent, FormlyModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, providers: [GioFormlyJsonSchemaService], imports: [CommonModule,
+            A11yModule,
+            ReactiveFormsModule,
+            FormlyModule.forRoot({
+                validationMessages: [
+                    { name: 'required', message: 'This field is required' },
+                    { name: 'type', message: typeValidationMessage },
+                    { name: 'minLength', message: minLengthValidationMessage },
+                    { name: 'maxLength', message: maxLengthValidationMessage },
+                    { name: 'min', message: minValidationMessage },
+                    { name: 'max', message: maxValidationMessage },
+                    { name: 'multipleOf', message: multipleOfValidationMessage },
+                    { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
+                    { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
+                    { name: 'minItems', message: minItemsValidationMessage },
+                    { name: 'maxItems', message: maxItemsValidationMessage },
+                    { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
+                    { name: 'const', message: constValidationMessage },
+                ],
+                wrappers: [
+                    { name: 'gio-with-banner', component: GioBannerWrapperComponent },
+                    { name: 'gio-password-eye', component: GioPasswordEyeWrapperComponent },
+                ],
+                types: [
+                    { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
+                    { name: 'array', component: GioFjsArrayTypeComponent },
+                    { name: 'object', component: GioFjsObjectTypeComponent },
+                    { name: 'multischema', component: GioFjsMultiSchemaTypeComponent },
+                    {
+                        name: 'toggle',
+                        component: GioFjsToggleTypeComponent,
+                    },
+                    {
+                        name: 'gio-code-editor',
+                        component: GioFjsCodeEditorTypeComponent,
+                        wrappers: ['form-field'],
+                    },
+                    {
+                        name: 'gio-headers-array',
+                        component: GioFjsHeadersTypeComponent,
+                    },
+                    {
+                        name: 'gio-cron',
+                        component: GioFjsCronTypeComponent,
+                    },
+                ],
+                extensions: [
+                    { name: 'banner', extension: { onPopulate: bannerExtension } },
+                    { name: 'password-eye', extension: { onPopulate: passwordEyeExtension } },
+                ],
+                extras: {
+                    checkExpressionOn: 'changeDetectionCheck',
+                },
+            }),
+            FormlyMaterialModule,
+            MatInputModule,
+            GioIconsModule,
+            GioFormSlideToggleModule,
+            GioFormHeadersModule,
+            GioMonacoEditorModule,
+            GioFormCronModule,
+            MatSlideToggleModule,
+            MatButtonModule, FormlyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule],
-                    declarations: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent],
-                    exports: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent],
+                    declarations: [
+                        GioFormJsonSchemaComponent,
+                        GioFjsNullTypeComponent,
+                        GioFjsObjectTypeComponent,
+                        GioFjsMultiSchemaTypeComponent,
+                        GioFjsArrayTypeComponent,
+                        GioFjsToggleTypeComponent,
+                        GioFjsHeadersTypeComponent,
+                        GioFjsCodeEditorTypeComponent,
+                        GioFjsCronTypeComponent,
+                        GioBannerWrapperComponent,
+                        GioPasswordEyeWrapperComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        A11yModule,
+                        ReactiveFormsModule,
+                        FormlyModule.forRoot({
+                            validationMessages: [
+                                { name: 'required', message: 'This field is required' },
+                                { name: 'type', message: typeValidationMessage },
+                                { name: 'minLength', message: minLengthValidationMessage },
+                                { name: 'maxLength', message: maxLengthValidationMessage },
+                                { name: 'min', message: minValidationMessage },
+                                { name: 'max', message: maxValidationMessage },
+                                { name: 'multipleOf', message: multipleOfValidationMessage },
+                                { name: 'exclusiveMinimum', message: exclusiveMinimumValidationMessage },
+                                { name: 'exclusiveMaximum', message: exclusiveMaximumValidationMessage },
+                                { name: 'minItems', message: minItemsValidationMessage },
+                                { name: 'maxItems', message: maxItemsValidationMessage },
+                                { name: 'uniqueItems', message: 'Should NOT have duplicate items' },
+                                { name: 'const', message: constValidationMessage },
+                            ],
+                            wrappers: [
+                                { name: 'gio-with-banner', component: GioBannerWrapperComponent },
+                                { name: 'gio-password-eye', component: GioPasswordEyeWrapperComponent },
+                            ],
+                            types: [
+                                { name: 'null', component: GioFjsNullTypeComponent, wrappers: ['form-field'] },
+                                { name: 'array', component: GioFjsArrayTypeComponent },
+                                { name: 'object', component: GioFjsObjectTypeComponent },
+                                { name: 'multischema', component: GioFjsMultiSchemaTypeComponent },
+                                {
+                                    name: 'toggle',
+                                    component: GioFjsToggleTypeComponent,
+                                },
+                                {
+                                    name: 'gio-code-editor',
+                                    component: GioFjsCodeEditorTypeComponent,
+                                    wrappers: ['form-field'],
+                                },
+                                {
+                                    name: 'gio-headers-array',
+                                    component: GioFjsHeadersTypeComponent,
+                                },
+                                {
+                                    name: 'gio-cron',
+                                    component: GioFjsCronTypeComponent,
+                                },
+                            ],
+                            extensions: [
+                                { name: 'banner', extension: { onPopulate: bannerExtension } },
+                                { name: 'password-eye', extension: { onPopulate: passwordEyeExtension } },
+                            ],
+                            extras: {
+                                checkExpressionOn: 'changeDetectionCheck',
+                            },
+                        }),
+                        FormlyMaterialModule,
+                        MatInputModule,
+                        GioIconsModule,
+                        GioFormSlideToggleModule,
+                        GioFormHeadersModule,
+                        GioMonacoEditorModule,
+                        GioFormCronModule,
+                        MatSlideToggleModule,
+                        MatButtonModule,
+                    ],
+                    exports: [GioFormJsonSchemaComponent, FormlyModule],
+                    providers: [GioFormlyJsonSchemaService],
                 }]
         }] });
 
 /*
- * Copyright (C) 2015 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 SafePipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(value, type) {
-        if (!value) {
-            return '';
-        }
-        switch (type) {
-            // No Sonar because the bypass is deliberate and should only be used with safe data
-            case 'html':
-                return this.sanitizer.bypassSecurityTrustHtml(value); // NOSONAR
-            case 'style':
-                return this.sanitizer.bypassSecurityTrustStyle(value); // NOSONAR
-            case 'script':
-                return this.sanitizer.bypassSecurityTrustScript(value); // NOSONAR
-            case 'url':
-                return this.sanitizer.bypassSecurityTrustUrl(value); // NOSONAR
-            case 'resourceUrl':
-                return this.sanitizer.bypassSecurityTrustResourceUrl(value); // NOSONAR
-            default:
-                throw new Error(`Invalid safe type specified: ${type}`);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, deps: [{ token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, name: "safe" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'safe',
-                }]
-        }], ctorParameters: () => [{ type: i2$2.DomSanitizer }] });
-
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -4916,19 +4893,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioSafePipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, declarations: [SafePipe], exports: [SafePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [SafePipe],
-                    exports: [SafePipe],
-                }]
-        }] });
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -4945,118 +4909,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseDialogComponent {
-    constructor(dialogRef, dialogData) {
-        this.dialogRef = dialogRef;
-        this.featureInfo = dialogData?.featureInfo;
-        this.trialURL = dialogData?.trialURL;
-    }
-    onClose() {
-        this.dialogRef.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseDialogComponent, selector: "gio-license-dialog", ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"gio-license-dialog__title\">\n  <mat-icon class=\"gio-license-dialog__title__cancel\"></mat-icon>\n  <button mat-icon-button [attr.aria-label]=\"'Close'\" (click)=\"onClose()\">\n    <mat-icon class=\"gio-license-dialog__title__cancel\" svgIcon=\"gio:cancel\"> </mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"gio-license-dialog__content\">\n  <img class=\"gio-license-dialog__content__image\" [src]=\"featureInfo.image\" [alt]=\"featureInfo.title || 'Unlock Gravitee Enterprise'\" />\n  <h2 class=\"gio-license-dialog__content__title\" [innerHTML]=\"featureInfo.title || 'Unlock Gravitee Enterprise' | safe: 'html'\"></h2>\n  <div class=\"gio-license-dialog__content__description\" [innerHTML]=\"featureInfo.description | safe: 'html'\"></div>\n  <div class=\"gio-license-dialog__content__action\">\n    <a class=\"gio-license-dialog__content__action__button\" mat-stroked-button color=\"accent\" target=\"_blank\" [href]=\"trialURL\">\n      {{ featureInfo.trialButtonLabel || 'Request an enterprise license' }} <mat-icon svgIcon=\"gio:external-link\"></mat-icon>\n    </a>\n    <div *ngIf=\"!featureInfo.hideDays\" class=\"gio-license-dialog__content__action__info\">14 days trial</div>\n  </div>\n</mat-dialog-content>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-license-dialog__title{display:flex;justify-content:space-between}.gio-license-dialog__title__cancel{width:24px;height:24px;color:#8e8f9c}.gio-license-dialog__content{display:flex;width:600px;flex-direction:column;align-items:center;justify-content:center;padding:0}.gio-license-dialog__content__title{margin:0 0 24px;font-size:26px;font-weight:600;line-height:36px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.gio-license-dialog__content__description{padding:0 50px 32px;color:#606274;font-weight:500;line-height:24px;text-align:center}.gio-license-dialog__content__action{display:flex;flex-direction:column;align-items:center;padding:0 40px 16px}.gio-license-dialog__content__action__button{width:250px}.gio-license-dialog__content__action__info{margin-top:10px;color:#606274;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: SafePipe, name: "safe" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-license-dialog', template: "<!--\n\n    Copyright (C) 2015 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=\"gio-license-dialog__title\">\n  <mat-icon class=\"gio-license-dialog__title__cancel\"></mat-icon>\n  <button mat-icon-button [attr.aria-label]=\"'Close'\" (click)=\"onClose()\">\n    <mat-icon class=\"gio-license-dialog__title__cancel\" svgIcon=\"gio:cancel\"> </mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"gio-license-dialog__content\">\n  <img class=\"gio-license-dialog__content__image\" [src]=\"featureInfo.image\" [alt]=\"featureInfo.title || 'Unlock Gravitee Enterprise'\" />\n  <h2 class=\"gio-license-dialog__content__title\" [innerHTML]=\"featureInfo.title || 'Unlock Gravitee Enterprise' | safe: 'html'\"></h2>\n  <div class=\"gio-license-dialog__content__description\" [innerHTML]=\"featureInfo.description | safe: 'html'\"></div>\n  <div class=\"gio-license-dialog__content__action\">\n    <a class=\"gio-license-dialog__content__action__button\" mat-stroked-button color=\"accent\" target=\"_blank\" [href]=\"trialURL\">\n      {{ featureInfo.trialButtonLabel || 'Request an enterprise license' }} <mat-icon svgIcon=\"gio:external-link\"></mat-icon>\n    </a>\n    <div *ngIf=\"!featureInfo.hideDays\" class=\"gio-license-dialog__content__action__info\">14 days trial</div>\n  </div>\n</mat-dialog-content>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-license-dialog__title{display:flex;justify-content:space-between}.gio-license-dialog__title__cancel{width:24px;height:24px;color:#8e8f9c}.gio-license-dialog__content{display:flex;width:600px;flex-direction:column;align-items:center;justify-content:center;padding:0}.gio-license-dialog__content__title{margin:0 0 24px;font-size:26px;font-weight:600;line-height:36px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.gio-license-dialog__content__description{padding:0 50px 32px;color:#606274;font-weight:500;line-height:24px;text-align:center}.gio-license-dialog__content__action{display:flex;flex-direction:column;align-items:center;padding:0 40px 16px}.gio-license-dialog__content__action__button{width:250px}.gio-license-dialog__content__action__info{margin-top:10px;color:#606274;text-align:center}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-const isLicensePluginOptions = (licenseOptions) => has(licenseOptions, 'deployed');
-class GioLicenseService {
-    constructor(http, licenseConfiguration, matDialog) {
-        this.http = http;
-        this.licenseConfiguration = licenseConfiguration;
-        this.matDialog = matDialog;
-        this.loadLicense$ = this.http.get(licenseConfiguration.resourceURL).pipe(shareReplay(1));
-    }
-    getLicense$() {
-        return this.loadLicense$;
+class GioBaseFormFocusInvalidDirective {
+    constructor(hostElement, formGroupDirective) {
+        this.hostElement = hostElement;
+        this.formGroupDirective = formGroupDirective;
     }
-    isMissingFeature$(feature) {
-        if (feature == null) {
-            return of(false);
-        }
-        return this.isExpired$().pipe(switchMap(isExpired => {
-            if (isExpired) {
-                return of(isExpired);
+    focusOnFirstInvalid() {
+        const selector = '.ng-invalid[formControlName],input.ng-invalid,mat-select.ng-invalid,textarea.ng-invalid,.gio-ng-invalid';
+        try {
+            // Mark all controls as touched to display errors
+            if (this.formGroupDirective) {
+                this.formGroupDirective.control.markAllAsTouched();
+                this.formGroupDirective.control.updateValueAndValidity();
             }
-            return this.getLicense$().pipe(map(license => license == null || !license.features.some(feat => feat === feature)));
-        }));
-    }
-    hasAllFeatures$(licenseOptions) {
-        if (!licenseOptions || isEmpty(licenseOptions)) {
-            return of(true);
-        }
-        return this.isExpired$().pipe(switchMap(isExpired => {
-            const featuresDefined = licenseOptions.some(o => !!o.feature);
-            if (isExpired && featuresDefined) {
-                return of(false);
+            const parentForm = this.hostElement.nativeElement.closest('form');
+            const invalidFieldElements = parentForm?.querySelectorAll(selector);
+            const invalidControl = this.getFirstInvalidControl(invalidFieldElements);
+            if (invalidControl) {
+                invalidControl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                invalidControl.focus({ preventScroll: true });
             }
-            return this.getLicense$().pipe(map(license => license != null && licenseOptions.every(o => license.features.some(feat => feat === o.feature))));
-        }));
-    }
-    getFeatureInfo(licenseOptions) {
-        if (!licenseOptions.feature) {
-            throw new Error(`feature is undefined`);
         }
-        const featureInfo = this.licenseConfiguration.featureInfoData[licenseOptions.feature];
-        if (!featureInfo) {
-            throw new Error(`Unknown Feature value ${licenseOptions.feature}. Expected one of ${Object.keys(this.licenseConfiguration.featureInfoData)}`);
+        catch (error) {
+            // Best effort. If the focus doesn't work it's not very important
+            // 🧪 Useful to avoid som error in tests
         }
-        return featureInfo;
     }
-    getTrialURL(licenseOptions) {
-        if (!licenseOptions.feature) {
-            throw new Error(`feature is undefined`);
+    getFirstInvalidControl(invalidFieldElements, index = 0) {
+        let invalidControl = invalidFieldElements?.item(index);
+        const hasIgnoreAttribute = invalidControl?.attributes?.getNamedItem(GIO_FORM_FOCUS_INVALID_IGNORE_SELECTOR);
+        if (hasIgnoreAttribute) {
+            invalidControl = this.getFirstInvalidControl(invalidFieldElements, index + 1);
         }
-        const urlParams = this.licenseConfiguration.utmSource || this.licenseConfiguration.utmCampaign
-            ? `?utm_source=${this.licenseConfiguration.utmSource}&utm_medium=${licenseOptions.feature}&utm_campaign=${this.licenseConfiguration.utmCampaign}`
-            : '';
-        const context = urlParams.length > 0 && licenseOptions.context ? `&utm_content=${licenseOptions.context}` : '';
-        return `${this.licenseConfiguration.trialResourceURL}${urlParams}${context}`;
+        return invalidControl;
     }
-    isOEM$() {
-        return this.getLicense$().pipe(map(license => license !== null && license.features.includes('oem-customization')));
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBaseFormFocusInvalidDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioBaseFormFocusInvalidDirective, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioBaseFormFocusInvalidDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.FormGroupDirective, decorators: [{
+                    type: Optional
+                }] }] });
+class GioFormFocusInvalidFormDirective extends GioBaseFormFocusInvalidDirective {
+    onFormSubmit() {
+        this.focusOnFirstInvalid();
     }
-    openDialog(licenseOptions, event) {
-        event?.stopPropagation();
-        event?.preventDefault();
-        const featureInfo = this.getFeatureInfo(licenseOptions);
-        const trialURL = this.getTrialURL(licenseOptions);
-        return this.matDialog
-            .open(GioLicenseDialogComponent, {
-            data: {
-                featureInfo,
-                trialURL,
-            },
-            role: 'alertdialog',
-            id: 'gioLicenseDialog',
-        })
-            .afterClosed()
-            .subscribe();
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidFormDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioFormFocusInvalidFormDirective, selector: "form[gioFormFocusInvalid]", host: { listeners: { "submit": "onFormSubmit()" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form[gioFormFocusInvalid]',
+                }]
+        }], propDecorators: { onFormSubmit: [{
+                type: HostListener,
+                args: ['submit']
+            }] } });
+class GioButtonFocusInvalidButtonDirective extends GioBaseFormFocusInvalidDirective {
+    onClick() {
+        this.focusOnFirstInvalid();
     }
-    getExpiresAt$() {
-        return this.getLicense$().pipe(map(license => (license.expiresAt ? new Date(license.expiresAt) : undefined)));
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioButtonFocusInvalidButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioButtonFocusInvalidButtonDirective, selector: "button[gioFormFocusInvalid]", host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioButtonFocusInvalidButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[gioFormFocusInvalid]',
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/*
+ * Copyright (C) 2015 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 GioFormFocusInvalidModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, declarations: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective], exports: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormFocusInvalidModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective],
+                    exports: [GioFormFocusInvalidFormDirective, GioButtonFocusInvalidButtonDirective, GioFormFocusInvalidIgnoreDirective],
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2023 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.
+ */
+/**
+ * This component is used to test the GioMonacoEditorComponent.
+ * This component simulates monaco editor with a simple input.
+ */
+class GioMonacoEditorTestingComponent extends GioMonacoEditorComponent {
+    get getValue() {
+        return this.value;
     }
-    isExpired$() {
-        return this.getLicense$().pipe(map(license => license?.isExpired === true));
+    changeValue(value) {
+        this._onTouched();
+        this._onChange(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, deps: [{ token: i1$6.HttpClient }, { token: 'LicenseConfiguration' }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMonacoEditorTestingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMonacoEditorTestingComponent, selector: "gio-monaco-editor", usesInheritance: true, ngImport: i0, template: '<input type="text" [value]="getValue" [disabled]="readOnly" (input)="changeValue($any($event).target?.value)" />', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMonacoEditorTestingComponent, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root',
+                    selector: 'gio-monaco-editor',
+                    template: '<input type="text" [value]="getValue" [disabled]="readOnly" (input)="changeValue($any($event).target?.value)" />',
                 }]
-        }], ctorParameters: () => [{ type: i1$6.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['LicenseConfiguration']
-                }] }, { type: i1$3.MatDialog }] });
+        }] });
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -5073,75 +5065,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseDirective {
-    constructor(licenseService, matDialog, elRef) {
-        this.licenseService = licenseService;
-        this.matDialog = matDialog;
-        this.elRef = elRef;
-        this.featureInfo = {};
-        this.trialURL = '';
-        this.unsubscribe$ = new Subject();
-        this.onClick = this.click.bind(this);
+const ConfigureTestingGioMonacoEditor = () => {
+    // Hack to replace the default gio-monaco-editor component with fake one for testing purpose.
+    try {
+        TestBed.overrideModule(GioMonacoEditorModule, {
+            remove: {
+                declarations: [GioMonacoEditorComponent],
+                exports: [GioMonacoEditorComponent],
+            },
+            add: {
+                declarations: [GioMonacoEditorTestingComponent],
+                exports: [GioMonacoEditorTestingComponent],
+            },
+        });
     }
-    ngOnInit() {
-        const gioLicense = this.gioLicense;
-        // If the license is not defined, we do not need to check anything
-        if (isNil(gioLicense)) {
-            return;
-        }
-        this.isNotAllowed$(gioLicense)
-            .pipe(tap(() => {
-            this.elRef.nativeElement.removeEventListener('click', this.onClick, true);
-        }), filter(notAllowed => notAllowed), map(() => this.licenseService.getFeatureInfo(gioLicense)), tap(featureInfo => {
-            this.featureInfo = featureInfo;
-            this.elRef.nativeElement.addEventListener('click', this.onClick, true);
-        }), takeUntil(this.unsubscribe$))
-            .subscribe();
-        if (gioLicense.feature) {
-            this.trialURL = this.licenseService.getTrialURL(gioLicense);
-        }
+    catch (e) {
+        // Do nothing
     }
-    isNotAllowed$(gioLicense) {
-        if (isLicensePluginOptions(gioLicense)) {
-            return of(!gioLicense.deployed);
-        }
-        return this.licenseService.isMissingFeature$(gioLicense.feature);
+};
+ConfigureTestingGioMonacoEditor();
+class GioMonacoEditorHarness extends ComponentHarness {
+    static { this.hostSelector = 'gio-monaco-editor'; }
+    constructor(locatorFactory) {
+        super(locatorFactory);
+        this.getInputEl = this.locatorFor('input');
     }
-    ngOnDestroy() {
-        this.elRef.nativeElement.removeEventListener('click', this.onClick, true);
-        this.unsubscribe$.next(false);
-        this.unsubscribe$.unsubscribe();
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a `GioMonacoEditorHarness` that meets
+     * certain criteria.
+     *
+     * @param options Options for filtering which input instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(GioMonacoEditorHarness, options);
     }
-    click($event) {
-        $event.preventDefault();
-        $event.stopPropagation();
-        this.matDialog
-            .open(GioLicenseDialogComponent, {
-            data: {
-                featureInfo: this.featureInfo,
-                trialURL: this.trialURL,
-            },
-            role: 'alertdialog',
-            id: 'gioLicenseDialog',
-        })
-            .afterClosed()
-            .subscribe();
-        return false;
+    async setValue(value) {
+        const inputEl = await this.getInputEl();
+        await inputEl.clear();
+        await inputEl.sendKeys(value);
+    }
+    async getValue() {
+        const inputEl = await this.getInputEl();
+        return inputEl.getProperty('value');
+    }
+    async isDisabled() {
+        const inputEl = await this.getInputEl();
+        return inputEl.getProperty('disabled');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDirective, deps: [{ token: GioLicenseService }, { token: i1$3.MatDialog }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseDirective, selector: "[gioLicense]", inputs: { gioLicense: "gioLicense" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[gioLicense]',
-                }]
-        }], ctorParameters: () => [{ type: GioLicenseService }, { type: i1$3.MatDialog }, { type: i0.ElementRef }], propDecorators: { gioLicense: [{
-                type: Input
-            }] } });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -5155,22 +5130,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, declarations: [GioLicenseDialogComponent], imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule], exports: [GioLicenseDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule] }); }
+class GioPrismJsService {
+    loadPrismJs() {
+        // First load PrismJs
+        return this.loadPrimeJsCore().pipe(
+        // Then load PrismJs components
+        switchMap(() => this.loadPrismJsComponent('json')), 
+        // If already loaded, we don't want to load it again
+        shareReplay(1), 
+        // Ignore error
+        catchError(() => of(undefined)));
+    }
+    loadPrimeJsCore() {
+        return new Observable(observer => {
+            const onGotPrismJs = () => {
+                observer.next();
+                observer.complete();
+            };
+            if (!window.Prism) {
+                const loaderPrismjs = document.createElement('script');
+                loaderPrismjs.type = 'text/javascript';
+                loaderPrismjs.src = 'assets/prismjs/prism.js';
+                loaderPrismjs.addEventListener('load', onGotPrismJs);
+                loaderPrismjs.addEventListener('error', err => observer.error(err));
+                document.body.appendChild(loaderPrismjs);
+            }
+            else {
+                onGotPrismJs();
+            }
+        });
+    }
+    loadPrismJsComponent(name) {
+        return new Observable(observer => {
+            const onGotPrismJsComponent = () => {
+                observer.next();
+                observer.complete();
+            };
+            if (!window.Prism.languages[name]) {
+                const loaderPrismjsJson = document.createElement('script');
+                loaderPrismjsJson.type = 'text/javascript';
+                loaderPrismjsJson.src = `assets/prismjs/components/prism-${name}.js`;
+                loaderPrismjsJson.addEventListener('load', onGotPrismJsComponent);
+                loaderPrismjsJson.addEventListener('error', err => observer.error(err));
+                document.body.appendChild(loaderPrismjsJson);
+            }
+            else {
+                onGotPrismJsComponent();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioPrismJsService, decorators: [{
+            type: Injectable,
             args: [{
-                    imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule],
-                    declarations: [GioLicenseDialogComponent],
-                    exports: [GioLicenseDialogComponent],
+                    providedIn: 'root',
                 }]
         }] });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2023 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.
@@ -5184,19 +5204,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, declarations: [GioLicenseDirective], imports: [CommonModule, MatDialogModule, GioLicenseDialogModule], exports: [GioLicenseDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, imports: [CommonModule, MatDialogModule, GioLicenseDialogModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatDialogModule, GioLicenseDialogModule],
-                    declarations: [GioLicenseDirective],
-                    exports: [GioLicenseDirective],
-                }]
-        }] });
+const GIO_DIALOG_WIDTH = {
+    SMALL: '440px',
+    MEDIUM: '600px',
+    LARGE: '1240px',
+};
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -5213,96 +5225,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const LICENSE_CONFIGURATION_TESTING = {
-    resourceURL: 'https://url.test:3000/license',
-    trialResourceURL: 'https://url.test:3000/trial',
-    utmSource: 'oss_utm_source_test',
-    utmCampaign: 'oss_utm_campaign_test',
-    featureInfoData: {
-        foobar: {
-            image: 'assets/gio-icons.svg',
-            description: 'Foobar feature description',
-            title: 'FOOBAR',
-        },
-    },
-};
-const OEM_LICENSE_CONFIGURATION_TESTING = {
-    resourceURL: 'https://oem.test:3000/license',
-    trialResourceURL: 'https://oem.test:3000/trial',
-    featureInfoData: {
-        foobar: {
-            image: 'assets/gio-icons.svg',
-            description: 'Foobar feature description',
-            title: 'FOOBAR',
-        },
-    },
-};
-class GioLicenseTestingModule {
-    static with(license) {
-        return {
-            ngModule: GioLicenseTestingModule,
-            providers: [
-                {
-                    provide: 'LicenseConfiguration',
-                    useValue: LICENSE_CONFIGURATION_TESTING,
-                },
-                {
-                    provide: GioLicenseService,
-                    useValue: {
-                        isMissingFeature$: () => of(!license),
-                        getFeatureInfo: () => ({}),
-                        getTrialURL: () => '',
-                        // eslint-disable-next-line @typescript-eslint/no-empty-function
-                        openDialog: () => { },
-                    },
-                },
-            ],
-        };
+class GioClipboardComponent {
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+        this.label = 'Copy to clipboard';
+        this.tooltipHideDelay = 0;
+        this.clicked = false;
+        this.contentToCopy = '';
+        this.alwaysVisible = false;
+        this.tabIndex = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, providers: [
-            {
-                provide: 'LicenseConfiguration',
-                useValue: LICENSE_CONFIGURATION_TESTING,
-            },
-            {
-                provide: GioLicenseService,
-                useValue: {
-                    isMissingFeature$: () => of(true),
-                    getFeatureInfo: () => ({}),
-                    getTrialURL: () => '',
-                    // eslint-disable-next-line @typescript-eslint/no-empty-function
-                    openDialog: () => { },
-                },
-            },
-        ] }); }
+    onCopied(success, tooltip) {
+        tooltip.message = success ? 'Copied!' : 'Failed to copy!';
+        tooltip.hideDelay = 2000;
+        tooltip.show();
+        this.clicked = true;
+        setTimeout(() => {
+            tooltip.hide();
+        }, 2000);
+        setTimeout(() => {
+            this.clicked = false;
+            tooltip.message = this.label;
+            tooltip.hideDelay = this.tooltipHideDelay;
+        }, 2500);
+    }
+    onKeyupSpace() {
+        this.clipboard.copy(this.contentToCopy);
+        if (this.tooltip) {
+            this.onCopied(true, this.tooltip);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardComponent, deps: [{ token: i1$5.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardComponent, inputs: { contentToCopy: "contentToCopy", alwaysVisible: "alwaysVisible", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    providers: [
-                        {
-                            provide: 'LicenseConfiguration',
-                            useValue: LICENSE_CONFIGURATION_TESTING,
-                        },
-                        {
-                            provide: GioLicenseService,
-                            useValue: {
-                                isMissingFeature$: () => of(true),
-                                getFeatureInfo: () => ({}),
-                                getTrialURL: () => '',
-                                // eslint-disable-next-line @typescript-eslint/no-empty-function
-                                openDialog: () => { },
-                            },
-                        },
-                    ],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i1$5.Clipboard }], propDecorators: { tooltip: [{
+                type: ViewChild,
+                args: ['tooltip']
+            }], contentToCopy: [{
+                type: Input
+            }], alwaysVisible: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }] } });
 
 /*
- * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2015 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.
@@ -5316,66 +5286,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseExpirationNotificationComponent {
-    constructor() {
-        this.showCallToAction = true;
-        this.inError = false;
-        this.title = '';
-        this.daysRemaining = 0;
-        this.statusColor = 'blue';
-    }
-    ngOnInit() {
-        if (!this.expirationDate) {
-            return;
-        }
-        if (this.inError) {
-            this.title = "There's an issue with your license";
-            return;
-        }
-        const date = new Date();
-        const timeRemaining = this.transformDateWithoutHours(this.expirationDate) - this.transformDateWithoutHours(date);
-        this.daysRemaining = Math.round(timeRemaining / (1000 * 3600 * 24));
-        if (this.expirationDate.getTime() - date.getTime() < 0) {
-            this.title = 'Your license has expired';
-            this.statusColor = 'red';
-        }
-        else if (this.daysRemaining === 0) {
-            this.title = `Your license will expire today`;
-            this.statusColor = 'orange';
-        }
-        else {
-            this.title = `Your license will expire in ${this.daysRemaining} day${this.daysRemaining === 1 ? '' : 's'}`;
-            this.statusColor = this.daysRemaining > 5 ? 'blue' : 'orange';
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes.expirationDate) {
-            this.ngOnInit();
-        }
-    }
-    transformDateWithoutHours(date) {
-        return new Date(date.toDateString()).valueOf();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseExpirationNotificationComponent, selector: "gio-license-expiration-notification", inputs: { expirationDate: "expirationDate", showCallToAction: "showCallToAction", callToActionMessage: "callToActionMessage", link: "link", inError: "inError" }, 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<div *ngIf=\"expirationDate && daysRemaining <= 30\" class=\"status mat-elevation-z2\" rel=\"noopener\">\n  <div [ngClass]=\"'status__title ' + statusColor\">\n    <div class=\"status__title__text\">\n      {{ title }}\n      <img src=\"assets/license-expiration-notification-background.svg\" />\n    </div>\n  </div>\n  <a *ngIf=\"showCallToAction\" class=\"status__action\" [href]=\"link ?? 'https://www.gravitee.io/contact-us-licence'\" target=\"_blank\">\n    <div class=\"status__action__text\">{{ callToActionMessage ?? 'Contact Gravitee' }}</div>\n    <mat-icon svgIcon=\"gio:right-circle\" class=\"status__action__icon\"></mat-icon>\n  </a>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.status{position:relative;display:flex;width:192px;height:152px;flex-direction:column;padding:0;border-radius:4px;color:#100c27;border:none;background:#fff;text-decoration:none}.status--disabled{cursor:not-allowed}.status__sub-tile{height:56px;margin-top:16px}.status__title img{position:absolute;top:0;right:0}.status__title.red{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffe9f4;color:#930149}.status__title.red img{filter:invert(21%) sepia(96%) saturate(2923%) hue-rotate(316deg) brightness(75%) contrast(116%)}.status__title.blue{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#e9f6ff;color:#006fb9}.status__title.blue img{filter:invert(27%) sepia(98%) saturate(1450%) hue-rotate(183deg) brightness(91%) contrast(102%)}.status__title.orange{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffece5;color:#983611}.status__title.orange img{filter:invert(23%) sepia(92%) saturate(1610%) hue-rotate(357deg) brightness(103%) contrast(94%)}.status__title__text{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin:24px 12px;text-align:left}.status__action{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 12px;color:#1c1e39;font-weight:700;text-decoration:none}.status__action__icon{width:20px;height:20px}:host-context(.gio-menu__reduced) .status{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-license-expiration-notification', 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 *ngIf=\"expirationDate && daysRemaining <= 30\" class=\"status mat-elevation-z2\" rel=\"noopener\">\n  <div [ngClass]=\"'status__title ' + statusColor\">\n    <div class=\"status__title__text\">\n      {{ title }}\n      <img src=\"assets/license-expiration-notification-background.svg\" />\n    </div>\n  </div>\n  <a *ngIf=\"showCallToAction\" class=\"status__action\" [href]=\"link ?? 'https://www.gravitee.io/contact-us-licence'\" target=\"_blank\">\n    <div class=\"status__action__text\">{{ callToActionMessage ?? 'Contact Gravitee' }}</div>\n    <mat-icon svgIcon=\"gio:right-circle\" class=\"status__action__icon\"></mat-icon>\n  </a>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.status{position:relative;display:flex;width:192px;height:152px;flex-direction:column;padding:0;border-radius:4px;color:#100c27;border:none;background:#fff;text-decoration:none}.status--disabled{cursor:not-allowed}.status__sub-tile{height:56px;margin-top:16px}.status__title img{position:absolute;top:0;right:0}.status__title.red{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffe9f4;color:#930149}.status__title.red img{filter:invert(21%) sepia(96%) saturate(2923%) hue-rotate(316deg) brightness(75%) contrast(116%)}.status__title.blue{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#e9f6ff;color:#006fb9}.status__title.blue img{filter:invert(27%) sepia(98%) saturate(1450%) hue-rotate(183deg) brightness(91%) contrast(102%)}.status__title.orange{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffece5;color:#983611}.status__title.orange img{filter:invert(23%) sepia(92%) saturate(1610%) hue-rotate(357deg) brightness(103%) contrast(94%)}.status__title__text{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin:24px 12px;text-align:left}.status__action{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 12px;color:#1c1e39;font-weight:700;text-decoration:none}.status__action__icon{width:20px;height:20px}:host-context(.gio-menu__reduced) .status{display:none}\n"] }]
-        }], propDecorators: { expirationDate: [{
-                type: Input
-            }], showCallToAction: [{
-                type: Input
-            }], callToActionMessage: [{
-                type: Input
-            }], link: [{
-                type: Input
-            }], inError: [{
-                type: Input
-            }] } });
+class GioClipboardCopyWrapperComponent extends GioClipboardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardCopyWrapperComponent, selector: "[gioClipboardCopyWrapper]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content></ng-content>
+    <button
+      #tooltip="matTooltip"
+      type="button"
+      class="right"
+      [attr.aria-label]="label"
+      [class.clicked]="clicked"
+      [class.always-visible]="alwaysVisible"
+      [cdkCopyToClipboard]="contentToCopy"
+      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
+      matRipple
+      [matRippleCentered]="true"
+      [matRippleUnbounded]="true"
+      [matTooltip]="label"
+      [matTooltipPosition]="'after'"
+      (keyup.Space)="onKeyupSpace()"
+    >
+      <mat-icon [inline]="true">{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
+    </button>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.right{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.right:not(.clicked,.always-visible){opacity:0}.right.clicked{color:#099;opacity:1}:host(:hover,:focus) .right{opacity:1}:host(:hover,:focus) .right:hover,:host(:hover,:focus) .right:focus{color:#099}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i1$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[gioClipboardCopyWrapper]', template: `
+    <ng-content></ng-content>
+    <button
+      #tooltip="matTooltip"
+      type="button"
+      class="right"
+      [attr.aria-label]="label"
+      [class.clicked]="clicked"
+      [class.always-visible]="alwaysVisible"
+      [cdkCopyToClipboard]="contentToCopy"
+      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
+      matRipple
+      [matRippleCentered]="true"
+      [matRippleUnbounded]="true"
+      [matTooltip]="label"
+      [matTooltipPosition]="'after'"
+      (keyup.Space)="onKeyupSpace()"
+    >
+      <mat-icon [inline]="true">{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
+    </button>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.right{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.right:not(.clicked,.always-visible){opacity:0}.right.clicked{color:#099;opacity:1}:host(:hover,:focus) .right{opacity:1}:host(:hover,:focus) .right:hover,:host(:hover,:focus) .right:focus{color:#099}\n"] }]
+        }] });
 
 /*
- * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2015 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.
@@ -5389,18 +5350,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseExpirationNotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, declarations: [GioLicenseExpirationNotificationComponent], imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule], exports: [GioLicenseExpirationNotificationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule] }); }
+class GioClipboardCopyIconComponent extends GioClipboardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioClipboardCopyIconComponent, selector: "gio-clipboard-copy-icon", usesInheritance: true, ngImport: i0, template: `
+    <button
+      #tooltip="matTooltip"
+      type="button"
+      class="btn"
+      [attr.aria-label]="label"
+      [class.clicked]="clicked"
+      [cdkCopyToClipboard]="contentToCopy"
+      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
+      matRipple
+      [matRippleCentered]="true"
+      [matRippleUnbounded]="true"
+      [matTooltip]="label"
+      [matTooltipPosition]="'after'"
+      (keyup.Space)="onKeyupSpace()"
+    >
+      <mat-icon>{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
+    </button>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host-context(.mat-mdc-form-field-icon-suffix){padding:12px}.btn{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.btn.clicked,.btn:hover,.btn:focus{color:#099}\n"], dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i1$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule],
-                    declarations: [GioLicenseExpirationNotificationComponent],
-                    exports: [GioLicenseExpirationNotificationComponent],
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardCopyIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-clipboard-copy-icon', template: `
+    <button
+      #tooltip="matTooltip"
+      type="button"
+      class="btn"
+      [attr.aria-label]="label"
+      [class.clicked]="clicked"
+      [cdkCopyToClipboard]="contentToCopy"
+      (cdkCopyToClipboardCopied)="onCopied($event, tooltip)"
+      matRipple
+      [matRippleCentered]="true"
+      [matRippleUnbounded]="true"
+      [matTooltip]="label"
+      [matTooltipPosition]="'after'"
+      (keyup.Space)="onKeyupSpace()"
+    >
+      <mat-icon>{{ clicked ? 'check' : 'content_copy' }}</mat-icon>
+    </button>
+  `, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host-context(.mat-mdc-form-field-icon-suffix){padding:12px}.btn{padding:0;border:none;margin-left:4px;background:none;color:#616266;cursor:pointer;outline:inherit}.btn.clicked,.btn:hover,.btn:focus{color:#099}\n"] }]
         }] });
 
 /*
@@ -5418,36 +5410,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioLicenseExpirationNotificationHarness extends ComponentHarness {
-    constructor() {
-        super(...arguments);
-        this.getTitleContainer = this.locatorFor('.status__title');
-        this.getTitleMessage = this.locatorFor('.status__title__text');
-        this.getCallToActionMessage = this.locatorFor('.status__action__text');
-        this.getCallToActionLink = this.locatorFor('.status__action');
-    }
-    static { this.hostSelector = 'gio-license-expiration-notification'; }
-    async getTitleText() {
-        return this.getTitleMessage().then(el => el.text());
-    }
-    async isCallToActionVisible() {
-        return this.getCallToActionLink()
-            .then(_ => true)
-            .catch(_ => false);
-    }
-    async getCallToActionText() {
-        return this.getCallToActionMessage().then(el => el.text());
-    }
-    async getLink() {
-        return this.getCallToActionLink().then(el => el.getAttribute('href'));
-    }
-    async isColor(color) {
-        return this.getTitleContainer().then(el => el.hasClass(color));
-    }
+class GioClipboardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, declarations: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent], imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule], exports: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioClipboardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule, MatTooltipModule, MatRippleModule, ClipboardModule, MatButtonModule],
+                    declarations: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent],
+                    exports: [GioClipboardCopyWrapperComponent, GioClipboardCopyIconComponent],
+                }]
+        }] });
 
 /*
- * Copyright (C) 2023 The Gravitee team (http://gravitee.io)
+ * Copyright (C) 2015 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.
@@ -5461,399 +5439,442 @@ class GioLicenseExpirationNotificationHarness extends ComponentHarness {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const CRON_DISPLAY_MODES = ['secondly', 'minutely', 'hourly', 'daily', 'weekly', 'monthly', 'custom'];
-const DISPLAY_MODE_LIST = [
-    {
-        mode: 'secondly',
-        default: '*/1 * * * * *',
-        regex: /^(\*\/\d+\s)(\*\s){4}\*/,
-    },
-    {
-        mode: 'minutely',
-        default: '0 */1 * * * *',
-        regex: /^0\s\*\/\d+\s(\*\s){3}\*$/,
-    },
-    {
-        mode: 'hourly',
-        default: '0 0 */1 * * *',
-        regex: /^0\s\d+\s\*\/\d+\s(\*\s){2}\*$/,
-    },
-    {
-        mode: 'daily',
-        default: '0 0 0 */1 * *',
-        regex: /^0\s\d+\s\d+\s\*\/\d+\s\*\s\*$/,
-    },
-    {
-        mode: 'weekly',
-        default: '0 0 0 * * 0',
-        regex: /^(\d{1,2}\s){2,3}(\*\s){2}\d{1,2}$/,
-    },
-    {
-        mode: 'monthly',
-        default: '0 0 0 1 * *',
-        regex: /^(\d+\s){3,4}\*\s\*$/,
-    },
-    {
-        mode: 'custom',
-        default: '* * * * * *',
-        regex: /^.*$/,
-    },
-];
-const getDefaultCronDisplay = (mode) => {
-    const modeFound = DISPLAY_MODE_LIST.find(mf => mf.mode === mode);
-    if (!modeFound) {
-        throw new Error('Invalid cron mode.');
-    }
-    return parseCronExpression(modeFound.default);
-};
-const parseCronExpression = (cronExpression) => {
-    throwIfInvalid(cronExpression);
-    const parts = cronExpression.split(' ');
-    // Normalize cron so that second segment is included.
-    if (cronExpression && cronExpression.split(' ').length === 6) {
-        parts.push('');
-    }
-    const hourInterval = getHourInterval(parts);
-    const minuteInterval = getMinuteInterval(parts);
-    const secondInterval = getSecondInterval(parts);
-    const dayInterval = getDayInterval(parts);
-    const dayOfWeek = getDayOfWeek(parts);
-    const dayOfMonth = getDayOfMonth(parts);
-    const hours = getHours(parts);
-    const minutes = getMinutes(parts);
-    const displayMode = getDisplayMode(cronExpression);
-    switch (displayMode.mode) {
-        case 'secondly':
-            return {
-                mode: 'secondly',
-                secondInterval,
-            };
-        case 'minutely':
-            return {
-                mode: 'minutely',
-                minuteInterval,
-            };
-        case 'hourly':
-            return {
-                mode: 'hourly',
-                hourInterval,
-                minutes,
-            };
-        case 'daily':
-            return {
-                mode: 'daily',
-                dayInterval,
-                hours,
-                minutes,
-            };
-        case 'weekly':
-            return {
-                mode: 'weekly',
-                dayOfWeek,
-                hours,
-                minutes,
-            };
-        case 'monthly':
-            return {
-                mode: 'monthly',
-                dayOfMonth,
-                hours,
-                minutes,
-            };
-        case 'custom':
-            return {
-                mode: 'custom',
-                customExpression: cronExpression,
-            };
-    }
-};
-const toCronExpression = (cronDisplay) => {
-    switch (cronDisplay.mode) {
-        case 'secondly':
-            return `*/${cronDisplay.secondInterval} * * * * *`;
-        case 'minutely':
-            return `0 */${cronDisplay.minuteInterval} * * * *`;
-        case 'hourly':
-            return `0 ${cronDisplay.minutes} */${cronDisplay.hourInterval} * * *`;
-        case 'daily':
-            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} */${cronDisplay.dayInterval} * *`;
-        case 'weekly':
-            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} * * ${cronDisplay.dayOfWeek}`;
-        case 'monthly':
-            return `0 ${cronDisplay.minutes} ${cronDisplay.hours} ${cronDisplay.dayOfMonth} * *`;
-        case 'custom':
-            return `${cronDisplay.customExpression}`;
+class SafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
     }
-};
-const toCronDescription = (cronExpression) => {
-    throwIfInvalid(cronExpression);
-    if (!isEmpty(cronExpression)) {
-        return Cronstrue.toString(cronExpression);
+    transform(value, type) {
+        if (!value) {
+            return '';
+        }
+        switch (type) {
+            // No Sonar because the bypass is deliberate and should only be used with safe data
+            case 'html':
+                return this.sanitizer.bypassSecurityTrustHtml(value); // NOSONAR
+            case 'style':
+                return this.sanitizer.bypassSecurityTrustStyle(value); // NOSONAR
+            case 'script':
+                return this.sanitizer.bypassSecurityTrustScript(value); // NOSONAR
+            case 'url':
+                return this.sanitizer.bypassSecurityTrustUrl(value); // NOSONAR
+            case 'resourceUrl':
+                return this.sanitizer.bypassSecurityTrustResourceUrl(value); // NOSONAR
+            default:
+                throw new Error(`Invalid safe type specified: ${type}`);
+        }
     }
-    return '';
-};
-/**
- * Simple validation to ensure that the cron expression has 6 parts.
- * Note : The full cron expression validation is done by the backend.
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, deps: [{ token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, name: "safe" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: SafePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safe',
+                }]
+        }], ctorParameters: () => [{ type: i2$2.DomSanitizer }] });
+
+/*
+ * Copyright (C) 2015 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.
  */
-const throwIfInvalid = (cronExpression) => {
-    const parts = cronExpression.trim().split(/\s+/);
-    if (parts.length != 6) {
-        throw new Error('Cron expression must have 6 parts.');
-    }
-};
-const getDisplayMode = (cronExpression) => {
-    const modeFound = DISPLAY_MODE_LIST.find(mf => {
-        const regex = mf.regex;
-        return regex.test(cronExpression);
-    });
-    if (!modeFound) {
-        throw new Error('Invalid cron expression.');
+class GioSafePipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, declarations: [SafePipe], exports: [SafePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioSafePipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [SafePipe],
+                    exports: [SafePipe],
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2015 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 GioLicenseDialogComponent {
+    constructor(dialogRef, dialogData) {
+        this.dialogRef = dialogRef;
+        this.featureInfo = dialogData?.featureInfo;
+        this.trialURL = dialogData?.trialURL;
     }
-    return {
-        mode: modeFound.mode,
-        default: modeFound.default,
-    };
-};
-const getSecondInterval = (expressionParts) => {
-    const v = getSegment(expressionParts[0])[0][1];
-    return typeof v === 'number' ? v : undefined;
-};
-const getMinuteInterval = (expressionParts) => {
-    const v = getSegment(expressionParts[1])[0][1];
-    return typeof v === 'number' ? v : undefined;
-};
-const getHourInterval = (expressionParts) => {
-    const v = getSegment(expressionParts[2])[0][1];
-    return typeof v === 'number' ? v : undefined;
-};
-const getDayInterval = (expressionParts) => {
-    const v = getSegment(expressionParts[3])[0][1];
-    return typeof v === 'number' ? v : undefined;
-};
-const getDayOfWeek = (expressionParts) => {
-    const v = getSegment(expressionParts[5])[0][0];
-    return typeof v === 'number' ? v : undefined;
-};
-const getDayOfMonth = (expressionParts) => {
-    const v = getSegment(expressionParts[3])[0][0];
-    return typeof v === 'number' ? v : undefined;
-};
-const getMinutes = (expressionParts) => {
-    const v = getSegment(expressionParts[1])[0][0];
-    return typeof v === 'number' ? v : undefined;
-};
-const getHours = (expressionParts) => {
-    const v = getSegment(expressionParts[2])[0][0];
-    return typeof v === 'number' ? v : undefined;
-};
-const getSegment = (value) => {
-    if (value === undefined) {
-        value = '*';
+    onClose() {
+        this.dialogRef.close();
     }
-    return value.split(',').map(s => {
-        if (s === undefined) {
-            s = '*';
-        }
-        return s.split('/').map(p => {
-            const v = parseInt(p, 10);
-            return isNaN(v) ? p : v;
-        });
-    });
-};
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseDialogComponent, selector: "gio-license-dialog", ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"gio-license-dialog__title\">\n  <mat-icon class=\"gio-license-dialog__title__cancel\"></mat-icon>\n  <button mat-icon-button [attr.aria-label]=\"'Close'\" (click)=\"onClose()\">\n    <mat-icon class=\"gio-license-dialog__title__cancel\" svgIcon=\"gio:cancel\"> </mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"gio-license-dialog__content\">\n  <img class=\"gio-license-dialog__content__image\" [src]=\"featureInfo.image\" [alt]=\"featureInfo.title || 'Unlock Gravitee Enterprise'\" />\n  <h2 class=\"gio-license-dialog__content__title\" [innerHTML]=\"featureInfo.title || 'Unlock Gravitee Enterprise' | safe: 'html'\"></h2>\n  <div class=\"gio-license-dialog__content__description\" [innerHTML]=\"featureInfo.description | safe: 'html'\"></div>\n  <div class=\"gio-license-dialog__content__action\">\n    <a class=\"gio-license-dialog__content__action__button\" mat-stroked-button color=\"accent\" target=\"_blank\" [href]=\"trialURL\">\n      {{ featureInfo.trialButtonLabel || 'Request an enterprise license' }} <mat-icon svgIcon=\"gio:external-link\"></mat-icon>\n    </a>\n    <div *ngIf=\"!featureInfo.hideDays\" class=\"gio-license-dialog__content__action__info\">14 days trial</div>\n  </div>\n</mat-dialog-content>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-license-dialog__title{display:flex;justify-content:space-between}.gio-license-dialog__title__cancel{width:24px;height:24px;color:#8e8f9c}.gio-license-dialog__content{display:flex;width:600px;flex-direction:column;align-items:center;justify-content:center;padding:0}.gio-license-dialog__content__title{margin:0 0 24px;font-size:26px;font-weight:600;line-height:36px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.gio-license-dialog__content__description{padding:0 50px 32px;color:#606274;font-weight:500;line-height:24px;text-align:center}.gio-license-dialog__content__action{display:flex;flex-direction:column;align-items:center;padding:0 40px 16px}.gio-license-dialog__content__action__button{width:250px}.gio-license-dialog__content__action__info{margin-top:10px;color:#606274;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: SafePipe, name: "safe" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gio-license-dialog', template: "<!--\n\n    Copyright (C) 2015 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=\"gio-license-dialog__title\">\n  <mat-icon class=\"gio-license-dialog__title__cancel\"></mat-icon>\n  <button mat-icon-button [attr.aria-label]=\"'Close'\" (click)=\"onClose()\">\n    <mat-icon class=\"gio-license-dialog__title__cancel\" svgIcon=\"gio:cancel\"> </mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"gio-license-dialog__content\">\n  <img class=\"gio-license-dialog__content__image\" [src]=\"featureInfo.image\" [alt]=\"featureInfo.title || 'Unlock Gravitee Enterprise'\" />\n  <h2 class=\"gio-license-dialog__content__title\" [innerHTML]=\"featureInfo.title || 'Unlock Gravitee Enterprise' | safe: 'html'\"></h2>\n  <div class=\"gio-license-dialog__content__description\" [innerHTML]=\"featureInfo.description | safe: 'html'\"></div>\n  <div class=\"gio-license-dialog__content__action\">\n    <a class=\"gio-license-dialog__content__action__button\" mat-stroked-button color=\"accent\" target=\"_blank\" [href]=\"trialURL\">\n      {{ featureInfo.trialButtonLabel || 'Request an enterprise license' }} <mat-icon svgIcon=\"gio:external-link\"></mat-icon>\n    </a>\n    <div *ngIf=\"!featureInfo.hideDays\" class=\"gio-license-dialog__content__action__info\">14 days trial</div>\n  </div>\n</mat-dialog-content>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-license-dialog__title{display:flex;justify-content:space-between}.gio-license-dialog__title__cancel{width:24px;height:24px;color:#8e8f9c}.gio-license-dialog__content{display:flex;width:600px;flex-direction:column;align-items:center;justify-content:center;padding:0}.gio-license-dialog__content__title{margin:0 0 24px;font-size:26px;font-weight:600;line-height:36px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.gio-license-dialog__content__description{padding:0 50px 32px;color:#606274;font-weight:500;line-height:24px;text-align:center}.gio-license-dialog__content__action{display:flex;flex-direction:column;align-items:center;padding:0 40px 16px}.gio-license-dialog__content__action__button{width:250px}.gio-license-dialog__content__action__info{margin-top:10px;color:#606274;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
 
-class GioFormCronComponent {
-    constructor(elRef, fm, ngZone) {
-        this.elRef = elRef;
-        this.fm = fm;
-        this.ngZone = ngZone;
-        this._onChange = () => ({});
-        this._onTouched = () => ({});
-        this.seconds = [...range(0, 60)];
-        this.minutes = [...range(0, 60)];
-        this.hours = [...range(0, 24)];
-        this.daysOfMonth = [...range(1, 32)];
-        this.daysOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
-        this.isDisabled = false;
-        this.smallDisplay = false;
-        this.touched = false;
-        this.focused = false;
-        this.hasError = false;
-        this.unsubscribe$ = new Subject();
-        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
-            this.focused = !!origin;
-            this._onTouched();
-            this.touched = true;
-        });
+const isLicensePluginOptions = (licenseOptions) => has(licenseOptions, 'deployed');
+class GioLicenseService {
+    constructor(http, licenseConfiguration, matDialog) {
+        this.http = http;
+        this.licenseConfiguration = licenseConfiguration;
+        this.matDialog = matDialog;
+        this.loadLicense$ = this.http.get(licenseConfiguration.resourceURL).pipe(shareReplay(1));
     }
-    ngOnInit() {
-        if (window.ResizeObserver) {
-            this.resizeObserver = new ResizeObserver(entries => {
-                this.ngZone.run(() => {
-                    const width = entries[0].contentRect.width;
-                    this.smallDisplay = width < 580;
-                });
-            });
-            this.resizeObserver.observe(this.elRef.nativeElement);
+    getLicense$() {
+        return this.loadLicense$;
+    }
+    isMissingFeature$(feature) {
+        if (feature == null) {
+            return of(false);
         }
-        this.internalFormGroup = new UntypedFormGroup({
-            mode: new UntypedFormControl(),
-            secondInterval: new UntypedFormControl(),
-            minuteInterval: new UntypedFormControl(),
-            hourInterval: new UntypedFormControl(),
-            dayInterval: new UntypedFormControl(),
-            dayOfWeek: new UntypedFormControl(),
-            dayOfMonth: new UntypedFormControl(),
-            hours: new UntypedFormControl(),
-            minutes: new UntypedFormControl(),
-            customExpression: new UntypedFormControl(),
-        });
-        this.isDisabled ? this.internalFormGroup.disable({ emitEvent: false }) : this.internalFormGroup.enable({ emitEvent: false });
-        this.internalFormGroup
-            .get('mode')
-            ?.valueChanges.pipe(filter(mode => !!mode), tap(mode => {
-            this.cronDisplay = getDefaultCronDisplay(mode);
-            this.refreshInternalForm();
-        }), takeUntil(this.unsubscribe$))
-            .subscribe();
-        this.internalFormGroup.valueChanges
-            ?.pipe(tap(value => {
-            this.hasError = false;
-            if (!value?.mode) {
-                this._onChange(null);
-                return;
-            }
-            try {
-                this.value = toCronExpression({
-                    mode: value.mode,
-                    secondInterval: value.secondInterval,
-                    minuteInterval: value.minuteInterval,
-                    hourInterval: value.hourInterval,
-                    dayInterval: value.dayInterval,
-                    dayOfWeek: value.dayOfWeek,
-                    dayOfMonth: value.dayOfMonth,
-                    customExpression: value.customExpression,
-                    hours: value.hours,
-                    minutes: value.minutes,
-                });
-                this.expressionDescription = toCronDescription(this.value);
-                this._onChange(this.value);
+        return this.isExpired$().pipe(switchMap(isExpired => {
+            if (isExpired) {
+                return of(isExpired);
             }
-            catch (error) {
-                this.hasError = true;
-                this.expressionDescription = `${error}` ?? 'Invalid cron expression.';
-                this._onChange(null);
+            return this.getLicense$().pipe(map(license => license == null || !license.features.some(feat => feat === feature)));
+        }));
+    }
+    hasAllFeatures$(licenseOptions) {
+        if (!licenseOptions || isEmpty(licenseOptions)) {
+            return of(true);
+        }
+        return this.isExpired$().pipe(switchMap(isExpired => {
+            const featuresDefined = licenseOptions.some(o => !!o.feature);
+            if (isExpired && featuresDefined) {
+                return of(false);
             }
-        }), takeUntil(this.unsubscribe$))
-            .subscribe();
-        this.refreshInternalForm();
-    }
-    ngOnDestroy() {
-        this.fm.stopMonitoring(this.elRef.nativeElement);
-        this.resizeObserver?.unobserve(this.elRef.nativeElement);
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
+            return this.getLicense$().pipe(map(license => license != null && licenseOptions.every(o => license.features.some(feat => feat === o.feature))));
+        }));
     }
-    // From ControlValueAccessor interface
-    writeValue(value) {
-        if (isEmpty(value)) {
-            this.onClear();
-            return;
+    getFeatureInfo(licenseOptions) {
+        if (!licenseOptions.feature) {
+            throw new Error(`feature is undefined`);
         }
-        try {
-            this.value = value;
-            this.cronDisplay = parseCronExpression(value);
-            this.expressionDescription = toCronDescription(this.value);
-            this.refreshInternalForm();
+        const featureInfo = this.licenseConfiguration.featureInfoData[licenseOptions.feature];
+        if (!featureInfo) {
+            throw new Error(`Unknown Feature value ${licenseOptions.feature}. Expected one of ${Object.keys(this.licenseConfiguration.featureInfoData)}`);
         }
-        catch (error) {
-            this.hasError = true;
-            this.expressionDescription = `${error}` ?? 'Invalid cron expression.';
+        return featureInfo;
+    }
+    getTrialURL(licenseOptions) {
+        if (!licenseOptions.feature) {
+            throw new Error(`feature is undefined`);
         }
+        const urlParams = this.licenseConfiguration.utmSource || this.licenseConfiguration.utmCampaign
+            ? `?utm_source=${this.licenseConfiguration.utmSource}&utm_medium=${licenseOptions.feature}&utm_campaign=${this.licenseConfiguration.utmCampaign}`
+            : '';
+        const context = urlParams.length > 0 && licenseOptions.context ? `&utm_content=${licenseOptions.context}` : '';
+        return `${this.licenseConfiguration.trialResourceURL}${urlParams}${context}`;
     }
-    // From ControlValueAccessor interface
-    registerOnChange(fn) {
-        this._onChange = fn;
+    isOEM$() {
+        return this.getLicense$().pipe(map(license => license !== null && license.features.includes('oem-customization')));
     }
-    // From ControlValueAccessor interface
-    registerOnTouched(fn) {
-        this._onTouched = fn;
+    openDialog(licenseOptions, event) {
+        event?.stopPropagation();
+        event?.preventDefault();
+        const featureInfo = this.getFeatureInfo(licenseOptions);
+        const trialURL = this.getTrialURL(licenseOptions);
+        return this.matDialog
+            .open(GioLicenseDialogComponent, {
+            data: {
+                featureInfo,
+                trialURL,
+            },
+            role: 'alertdialog',
+            id: 'gioLicenseDialog',
+        })
+            .afterClosed()
+            .subscribe();
     }
-    // From ControlValueAccessor interface
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-        this.refreshInternalForm();
+    getExpiresAt$() {
+        return this.getLicense$().pipe(map(license => (license.expiresAt ? new Date(license.expiresAt) : undefined)));
     }
-    validate(_) {
-        return this.hasError ? { invalid: true } : null;
+    isExpired$() {
+        return this.getLicense$().pipe(map(license => license?.isExpired === true));
     }
-    onClear({ touched } = {}) {
-        this.value = undefined;
-        this.cronDisplay = undefined;
-        this.internalFormGroup?.reset({}, { emitEvent: true });
-        if (touched) {
-            this.touched = true;
-            this._onTouched();
-        }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, deps: [{ token: i1$6.HttpClient }, { token: 'LicenseConfiguration' }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$6.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['LicenseConfiguration']
+                }] }, { type: i1$3.MatDialog }] });
+
+/*
+ * Copyright (C) 2015 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 GioLicenseDirective {
+    constructor(licenseService, matDialog, elRef) {
+        this.licenseService = licenseService;
+        this.matDialog = matDialog;
+        this.elRef = elRef;
+        this.featureInfo = {};
+        this.trialURL = '';
+        this.unsubscribe$ = new Subject();
+        this.onClick = this.click.bind(this);
     }
-    refreshInternalForm() {
-        if (!this.internalFormGroup)
+    ngOnInit() {
+        const gioLicense = this.gioLicense;
+        // If the license is not defined, we do not need to check anything
+        if (isNil(gioLicense)) {
             return;
-        this.isDisabled ? this.internalFormGroup.disable({ emitEvent: false }) : this.internalFormGroup.enable({ emitEvent: false });
-        const d = this.cronDisplay;
-        if (d) {
-            this.internalFormGroup.patchValue({
-                mode: d.mode,
-                customExpression: d.customExpression,
-                secondInterval: d.secondInterval,
-                minuteInterval: d.minuteInterval,
-                hourInterval: d.hourInterval,
-                dayInterval: d.dayInterval,
-                dayOfWeek: d.dayOfWeek,
-                dayOfMonth: d.dayOfMonth,
-                hours: d.hours,
-                minutes: d.minutes,
-            }, { emitEvent: false });
         }
+        this.isNotAllowed$(gioLicense)
+            .pipe(tap(() => {
+            this.elRef.nativeElement.removeEventListener('click', this.onClick, true);
+        }), filter(notAllowed => notAllowed), map(() => this.licenseService.getFeatureInfo(gioLicense)), tap(featureInfo => {
+            this.featureInfo = featureInfo;
+            this.elRef.nativeElement.addEventListener('click', this.onClick, true);
+        }), takeUntil(this.unsubscribe$))
+            .subscribe();
+        if (gioLicense.feature) {
+            this.trialURL = this.licenseService.getTrialURL(gioLicense);
+        }
+    }
+    isNotAllowed$(gioLicense) {
+        if (isLicensePluginOptions(gioLicense)) {
+            return of(!gioLicense.deployed);
+        }
+        return this.licenseService.isMissingFeature$(gioLicense.feature);
+    }
+    ngOnDestroy() {
+        this.elRef.nativeElement.removeEventListener('click', this.onClick, true);
+        this.unsubscribe$.next(false);
+        this.unsubscribe$.unsubscribe();
+    }
+    click($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.matDialog
+            .open(GioLicenseDialogComponent, {
+            data: {
+                featureInfo: this.featureInfo,
+                trialURL: this.trialURL,
+            },
+            role: 'alertdialog',
+            id: 'gioLicenseDialog',
+        })
+            .afterClosed()
+            .subscribe();
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDirective, deps: [{ token: GioLicenseService }, { token: i1$3.MatDialog }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseDirective, selector: "[gioLicense]", inputs: { gioLicense: "gioLicense" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gioLicense]',
+                }]
+        }], ctorParameters: () => [{ type: GioLicenseService }, { type: i1$3.MatDialog }, { type: i0.ElementRef }], propDecorators: { gioLicense: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright (C) 2015 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 GioLicenseDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, declarations: [GioLicenseDialogComponent], imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule], exports: [GioLicenseDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatDialogModule, GioIconsModule, MatButtonModule, GioSafePipeModule],
+                    declarations: [GioLicenseDialogComponent],
+                    exports: [GioLicenseDialogComponent],
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2015 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 GioLicenseModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, declarations: [GioLicenseDirective], imports: [CommonModule, MatDialogModule, GioLicenseDialogModule], exports: [GioLicenseDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, imports: [CommonModule, MatDialogModule, GioLicenseDialogModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatDialogModule, GioLicenseDialogModule],
+                    declarations: [GioLicenseDirective],
+                    exports: [GioLicenseDirective],
+                }]
+        }] });
+
+/*
+ * Copyright (C) 2015 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.
+ */
+const LICENSE_CONFIGURATION_TESTING = {
+    resourceURL: 'https://url.test:3000/license',
+    trialResourceURL: 'https://url.test:3000/trial',
+    utmSource: 'oss_utm_source_test',
+    utmCampaign: 'oss_utm_campaign_test',
+    featureInfoData: {
+        foobar: {
+            image: 'assets/gio-icons.svg',
+            description: 'Foobar feature description',
+            title: 'FOOBAR',
+        },
+    },
+};
+const OEM_LICENSE_CONFIGURATION_TESTING = {
+    resourceURL: 'https://oem.test:3000/license',
+    trialResourceURL: 'https://oem.test:3000/trial',
+    featureInfoData: {
+        foobar: {
+            image: 'assets/gio-icons.svg',
+            description: 'Foobar feature description',
+            title: 'FOOBAR',
+        },
+    },
+};
+class GioLicenseTestingModule {
+    static with(license) {
+        return {
+            ngModule: GioLicenseTestingModule,
+            providers: [
+                {
+                    provide: 'LicenseConfiguration',
+                    useValue: LICENSE_CONFIGURATION_TESTING,
+                },
+                {
+                    provide: GioLicenseService,
+                    useValue: {
+                        isMissingFeature$: () => of(!license),
+                        getFeatureInfo: () => ({}),
+                        getTrialURL: () => '',
+                        // eslint-disable-next-line @typescript-eslint/no-empty-function
+                        openDialog: () => { },
+                    },
+                },
+            ],
+        };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronComponent, selector: "gio-form-cron", host: { properties: { "class.disabled": "this.isDisabled", "class.smallDisplay": "this.smallDisplay" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, providers: [
             {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GioFormCronComponent),
-                multi: true,
+                provide: 'LicenseConfiguration',
+                useValue: LICENSE_CONFIGURATION_TESTING,
             },
             {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => GioFormCronComponent),
-                multi: true,
+                provide: GioLicenseService,
+                useValue: {
+                    isMissingFeature$: () => of(true),
+                    getFeatureInfo: () => ({}),
+                    getTrialURL: () => '',
+                    // eslint-disable-next-line @typescript-eslint/no-empty-function
+                    openDialog: () => { },
+                },
             },
-        ], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-cron-label\"></ng-content></div>\n<div class=\"wrapper\" [class.smallDisplay]=\"smallDisplay\" [class.disabled]=\"isDisabled\">\n  <ng-container *ngIf=\"internalFormGroup\" [formGroup]=\"internalFormGroup\">\n    <div class=\"menu\">\n      <mat-button-toggle-group class=\"gio-button-toggle-group menu__mode\" name=\"mode\" aria-label=\"Cron mode\" formControlName=\"mode\">\n        <mat-button-toggle value=\"secondly\" matTooltip=\"Secondly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 's' : 'Secondly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"minutely\" matTooltip=\"Minutely\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'm' : 'Minutely'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"hourly\" matTooltip=\"Hourly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'h' : 'Hourly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"daily\" matTooltip=\"Daily\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'D' : 'Daily'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"weekly\" matTooltip=\"Weekly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'W' : 'Weekly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"monthly\" matTooltip=\"Monthly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'M' : 'Monthly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"custom\" matTooltip=\"Custom\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'C' : 'Custom'\n        }}</mat-button-toggle>\n      </mat-button-toggle-group>\n      <button\n        *ngIf=\"value && !isDisabled\"\n        mat-icon-button\n        aria-label=\"Clear\"\n        matTooltip=\"Clear\"\n        type=\"button\"\n        (click)=\"onClear({ touched: true })\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n\n    <ng-container [ngSwitch]=\"internalFormGroup.get('mode')?.value\">\n      <ng-container *ngSwitchCase=\"'secondly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Second</mat-label>\n            <mat-select formControlName=\"secondInterval\">\n              <mat-option *ngFor=\"let second of seconds\" [value]=\"second\">{{ second }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'minutely'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minuteInterval\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'hourly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hourInterval\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'daily'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayInterval\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'weekly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-medium\">\n            <mat-label>Day of the week</mat-label>\n            <mat-select formControlName=\"dayOfWeek\">\n              <mat-option *ngFor=\"let day of daysOfWeek; let index = index\" [value]=\"index\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'monthly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">On the </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayOfMonth\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> of every month at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <div class=\"modeForm\">\n          <mat-form-field class=\"modeForm__field-custom\">\n            <mat-label>Cron expression</mat-label>\n            <input matInput formControlName=\"customExpression\" placeholder=\"* * * * * *\" />\n          </mat-form-field>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div *ngIf=\"value; else placeholder\" class=\"preview\">\n      <span *ngIf=\"internalFormGroup.get('mode')?.value !== 'custom'\" class=\"preview__value\">\n        {{ value }}\n      </span>\n      <span class=\"preview__hint\">{{ expressionDescription }}</span>\n    </div>\n  </ng-container>\n\n  <ng-template #placeholder>\n    <div class=\"placeholder\">No cron expression defined.</div>\n  </ng-template>\n</div>\n<div class=\"hint\"><ng-content select=\"gio-form-cron-hint\"></ng-content></div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;min-width:356px;flex-direction:column}::ng-deep gio-form-cron{--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:#7a7b80}.label:empty{display:none}.wrapper{display:inline-flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper:hover:not(.disabled){padding:7px;border:2px solid #313133}.wrapper .menu{display:inline-flex;margin-bottom:4px}.wrapper .menu__mode{border:none;margin-bottom:0}.wrapper .modeForm{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px;column-gap:4px}.wrapper .modeForm__field-small,.wrapper .modeForm__field-medium,.wrapper .modeForm__field-custom{display:inline-block;height:52px}.wrapper .modeForm__field-small{width:124px}.wrapper .modeForm__field-medium{width:158px}.wrapper .modeForm__field-custom{width:100%}.wrapper .preview,.wrapper .placeholder{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;background-color:#e7e8ef;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.wrapper.disabled .preview,.wrapper.disabled .placeholder{opacity:.4}.hint{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-top:2px;padding-left:10px;color:#7a7b80}.hint:empty{display:none}:host(.ng-invalid.ng-touched) .wrapper{padding:7px;border-width:2px;border-color:#ec4899}:host(.ng-invalid.ng-touched) .wrapper .preview,:host(.ng-invalid.ng-touched) .wrapper .placeholder{color:#ec4899}:host(.disabled) .wrapper{border-color:#e7e8ef}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d3d5dc}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i4$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$2.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: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+        ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gio-form-cron', providers: [
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseTestingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    providers: [
                         {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GioFormCronComponent),
-                            multi: true,
+                            provide: 'LicenseConfiguration',
+                            useValue: LICENSE_CONFIGURATION_TESTING,
                         },
                         {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => GioFormCronComponent),
-                            multi: true,
+                            provide: GioLicenseService,
+                            useValue: {
+                                isMissingFeature$: () => of(true),
+                                getFeatureInfo: () => ({}),
+                                getTrialURL: () => '',
+                                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                                openDialog: () => { },
+                            },
                         },
-                    ], template: "<!--\n\n    Copyright (C) 2015 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=\"label\"><ng-content select=\"gio-form-cron-label\"></ng-content></div>\n<div class=\"wrapper\" [class.smallDisplay]=\"smallDisplay\" [class.disabled]=\"isDisabled\">\n  <ng-container *ngIf=\"internalFormGroup\" [formGroup]=\"internalFormGroup\">\n    <div class=\"menu\">\n      <mat-button-toggle-group class=\"gio-button-toggle-group menu__mode\" name=\"mode\" aria-label=\"Cron mode\" formControlName=\"mode\">\n        <mat-button-toggle value=\"secondly\" matTooltip=\"Secondly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 's' : 'Secondly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"minutely\" matTooltip=\"Minutely\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'm' : 'Minutely'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"hourly\" matTooltip=\"Hourly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'h' : 'Hourly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"daily\" matTooltip=\"Daily\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'D' : 'Daily'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"weekly\" matTooltip=\"Weekly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'W' : 'Weekly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"monthly\" matTooltip=\"Monthly\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'M' : 'Monthly'\n        }}</mat-button-toggle>\n        <mat-button-toggle value=\"custom\" matTooltip=\"Custom\" [matTooltipDisabled]=\"!smallDisplay\">{{\n          smallDisplay ? 'C' : 'Custom'\n        }}</mat-button-toggle>\n      </mat-button-toggle-group>\n      <button\n        *ngIf=\"value && !isDisabled\"\n        mat-icon-button\n        aria-label=\"Clear\"\n        matTooltip=\"Clear\"\n        type=\"button\"\n        (click)=\"onClear({ touched: true })\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n\n    <ng-container [ngSwitch]=\"internalFormGroup.get('mode')?.value\">\n      <ng-container *ngSwitchCase=\"'secondly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Second</mat-label>\n            <mat-select formControlName=\"secondInterval\">\n              <mat-option *ngFor=\"let second of seconds\" [value]=\"second\">{{ second }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'minutely'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minuteInterval\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'hourly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hourInterval\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'daily'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayInterval\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hour(s)</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minute(s)</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'weekly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">Every </span>\n          <mat-form-field class=\"modeForm__field-medium\">\n            <mat-label>Day of the week</mat-label>\n            <mat-select formControlName=\"dayOfWeek\">\n              <mat-option *ngFor=\"let day of daysOfWeek; let index = index\" [value]=\"index\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'monthly'\">\n        <div class=\"modeForm\">\n          <span class=\"cron-form-label\">On the </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Day(s)</mat-label>\n            <mat-select formControlName=\"dayOfMonth\">\n              <mat-option *ngFor=\"let day of daysOfMonth\" [value]=\"day\">{{ day }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\"> of every month at </span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Hours</mat-label>\n            <mat-select formControlName=\"hours\">\n              <mat-option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <span class=\"cron-form-label\">:</span>\n          <mat-form-field class=\"modeForm__field-small\">\n            <mat-label>Minutes</mat-label>\n            <mat-select formControlName=\"minutes\">\n              <mat-option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <div class=\"modeForm\">\n          <mat-form-field class=\"modeForm__field-custom\">\n            <mat-label>Cron expression</mat-label>\n            <input matInput formControlName=\"customExpression\" placeholder=\"* * * * * *\" />\n          </mat-form-field>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <div *ngIf=\"value; else placeholder\" class=\"preview\">\n      <span *ngIf=\"internalFormGroup.get('mode')?.value !== 'custom'\" class=\"preview__value\">\n        {{ value }}\n      </span>\n      <span class=\"preview__hint\">{{ expressionDescription }}</span>\n    </div>\n  </ng-container>\n\n  <ng-template #placeholder>\n    <div class=\"placeholder\">No cron expression defined.</div>\n  </ng-template>\n</div>\n<div class=\"hint\"><ng-content select=\"gio-form-cron-hint\"></ng-content></div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}:host{display:flex;min-width:356px;flex-direction:column}::ng-deep gio-form-cron{--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-left:10px;color:#7a7b80}.label:empty{display:none}.wrapper{display:inline-flex;flex-direction:column;padding:8px;border:1px solid #d3d5dc;border-radius:8px}.wrapper:hover:not(.disabled){padding:7px;border:2px solid #313133}.wrapper .menu{display:inline-flex;margin-bottom:4px}.wrapper .menu__mode{border:none;margin-bottom:0}.wrapper .modeForm{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px;column-gap:4px}.wrapper .modeForm__field-small,.wrapper .modeForm__field-medium,.wrapper .modeForm__field-custom{display:inline-block;height:52px}.wrapper .modeForm__field-small{width:124px}.wrapper .modeForm__field-medium{width:158px}.wrapper .modeForm__field-custom{width:100%}.wrapper .preview,.wrapper .placeholder{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;background-color:#e7e8ef;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.wrapper.disabled .preview,.wrapper.disabled .placeholder{opacity:.4}.hint{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;padding-top:2px;padding-left:10px;color:#7a7b80}.hint:empty{display:none}:host(.ng-invalid.ng-touched) .wrapper{padding:7px;border-width:2px;border-color:#ec4899}:host(.ng-invalid.ng-touched) .wrapper .preview,:host(.ng-invalid.ng-touched) .wrapper .placeholder{color:#ec4899}:host(.disabled) .wrapper{border-color:#e7e8ef}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d3d5dc}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.NgZone }], propDecorators: { isDisabled: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }], smallDisplay: [{
-                type: HostBinding,
-                args: ['class.smallDisplay']
-            }] } });
+                    ],
+                }]
+        }] });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * 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.
@@ -5867,20 +5888,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioFormCronLabelComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronLabelComponent, selector: "gio-form-cron-label", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+class GioLicenseExpirationNotificationComponent {
+    constructor() {
+        this.showCallToAction = true;
+        this.inError = false;
+        this.title = '';
+        this.daysRemaining = 0;
+        this.statusColor = 'blue';
+    }
+    ngOnInit() {
+        if (!this.expirationDate) {
+            return;
+        }
+        if (this.inError) {
+            this.title = "There's an issue with your license";
+            return;
+        }
+        const date = new Date();
+        const timeRemaining = this.transformDateWithoutHours(this.expirationDate) - this.transformDateWithoutHours(date);
+        this.daysRemaining = Math.round(timeRemaining / (1000 * 3600 * 24));
+        if (this.expirationDate.getTime() - date.getTime() < 0) {
+            this.title = 'Your license has expired';
+            this.statusColor = 'red';
+        }
+        else if (this.daysRemaining === 0) {
+            this.title = `Your license will expire today`;
+            this.statusColor = 'orange';
+        }
+        else {
+            this.title = `Your license will expire in ${this.daysRemaining} day${this.daysRemaining === 1 ? '' : 's'}`;
+            this.statusColor = this.daysRemaining > 5 ? 'blue' : 'orange';
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes.expirationDate) {
+            this.ngOnInit();
+        }
+    }
+    transformDateWithoutHours(date) {
+        return new Date(date.toDateString()).valueOf();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioLicenseExpirationNotificationComponent, selector: "gio-license-expiration-notification", inputs: { expirationDate: "expirationDate", showCallToAction: "showCallToAction", callToActionMessage: "callToActionMessage", link: "link", inError: "inError" }, 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<div *ngIf=\"expirationDate && daysRemaining <= 30\" class=\"status mat-elevation-z2\" rel=\"noopener\">\n  <div [ngClass]=\"'status__title ' + statusColor\">\n    <div class=\"status__title__text\">\n      {{ title }}\n      <img src=\"assets/license-expiration-notification-background.svg\" />\n    </div>\n  </div>\n  <a *ngIf=\"showCallToAction\" class=\"status__action\" [href]=\"link ?? 'https://www.gravitee.io/contact-us-licence'\" target=\"_blank\">\n    <div class=\"status__action__text\">{{ callToActionMessage ?? 'Contact Gravitee' }}</div>\n    <mat-icon svgIcon=\"gio:right-circle\" class=\"status__action__icon\"></mat-icon>\n  </a>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.status{position:relative;display:flex;width:192px;height:152px;flex-direction:column;padding:0;border-radius:4px;color:#100c27;border:none;background:#fff;text-decoration:none}.status--disabled{cursor:not-allowed}.status__sub-tile{height:56px;margin-top:16px}.status__title img{position:absolute;top:0;right:0}.status__title.red{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffe9f4;color:#930149}.status__title.red img{filter:invert(21%) sepia(96%) saturate(2923%) hue-rotate(316deg) brightness(75%) contrast(116%)}.status__title.blue{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#e9f6ff;color:#006fb9}.status__title.blue img{filter:invert(27%) sepia(98%) saturate(1450%) hue-rotate(183deg) brightness(91%) contrast(102%)}.status__title.orange{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffece5;color:#983611}.status__title.orange img{filter:invert(23%) sepia(92%) saturate(1610%) hue-rotate(357deg) brightness(103%) contrast(94%)}.status__title__text{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin:24px 12px;text-align:left}.status__action{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 12px;color:#1c1e39;font-weight:700;text-decoration:none}.status__action__icon{width:20px;height:20px}:host-context(.gio-menu__reduced) .status{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'gio-form-cron-label',
-                    template: `<ng-content></ng-content>`,
-                }]
-        }] });
+            args: [{ selector: 'gio-license-expiration-notification', 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 *ngIf=\"expirationDate && daysRemaining <= 30\" class=\"status mat-elevation-z2\" rel=\"noopener\">\n  <div [ngClass]=\"'status__title ' + statusColor\">\n    <div class=\"status__title__text\">\n      {{ title }}\n      <img src=\"assets/license-expiration-notification-background.svg\" />\n    </div>\n  </div>\n  <a *ngIf=\"showCallToAction\" class=\"status__action\" [href]=\"link ?? 'https://www.gravitee.io/contact-us-licence'\" target=\"_blank\">\n    <div class=\"status__action__text\">{{ callToActionMessage ?? 'Contact Gravitee' }}</div>\n    <mat-icon svgIcon=\"gio:right-circle\" class=\"status__action__icon\"></mat-icon>\n  </a>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.status{position:relative;display:flex;width:192px;height:152px;flex-direction:column;padding:0;border-radius:4px;color:#100c27;border:none;background:#fff;text-decoration:none}.status--disabled{cursor:not-allowed}.status__sub-tile{height:56px;margin-top:16px}.status__title img{position:absolute;top:0;right:0}.status__title.red{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffe9f4;color:#930149}.status__title.red img{filter:invert(21%) sepia(96%) saturate(2923%) hue-rotate(316deg) brightness(75%) contrast(116%)}.status__title.blue{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#e9f6ff;color:#006fb9}.status__title.blue img{filter:invert(27%) sepia(98%) saturate(1450%) hue-rotate(183deg) brightness(91%) contrast(102%)}.status__title.orange{display:flex;width:inherit;flex:1 1 100%;align-items:center;border-radius:4px;background:#ffece5;color:#983611}.status__title.orange img{filter:invert(23%) sepia(92%) saturate(1610%) hue-rotate(357deg) brightness(103%) contrast(94%)}.status__title__text{font-size:14px;font-weight:500;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px;margin:24px 12px;text-align:left}.status__action{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 12px;color:#1c1e39;font-weight:700;text-decoration:none}.status__action__icon{width:20px;height:20px}:host-context(.gio-menu__reduced) .status{display:none}\n"] }]
+        }], propDecorators: { expirationDate: [{
+                type: Input
+            }], showCallToAction: [{
+                type: Input
+            }], callToActionMessage: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], inError: [{
+                type: Input
+            }] } });
 
 /*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ * 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.
@@ -5894,15 +5961,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioFormCronHintComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormCronHintComponent, selector: "gio-form-cron-hint", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+class GioLicenseExpirationNotificationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, declarations: [GioLicenseExpirationNotificationComponent], imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule], exports: [GioLicenseExpirationNotificationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronHintComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioLicenseExpirationNotificationModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: 'gio-form-cron-hint',
-                    template: `<ng-content></ng-content>`,
+                    imports: [CommonModule, MatButtonModule, MatTooltipModule, GioIconsModule],
+                    declarations: [GioLicenseExpirationNotificationComponent],
+                    exports: [GioLicenseExpirationNotificationComponent],
                 }]
         }] });
 
@@ -5921,45 +5990,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class GioFormCronModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, declarations: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            MatButtonToggleModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatInputModule,
-            MatButtonModule,
-            MatTooltipModule,
-            GioIconsModule], exports: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MatButtonToggleModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatInputModule,
-            MatButtonModule,
-            MatTooltipModule,
-            GioIconsModule] }); }
+class GioLicenseExpirationNotificationHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        this.getTitleContainer = this.locatorFor('.status__title');
+        this.getTitleMessage = this.locatorFor('.status__title__text');
+        this.getCallToActionMessage = this.locatorFor('.status__action__text');
+        this.getCallToActionLink = this.locatorFor('.status__action');
+    }
+    static { this.hostSelector = 'gio-license-expiration-notification'; }
+    async getTitleText() {
+        return this.getTitleMessage().then(el => el.text());
+    }
+    async isCallToActionVisible() {
+        return this.getCallToActionLink()
+            .then(_ => true)
+            .catch(_ => false);
+    }
+    async getCallToActionText() {
+        return this.getCallToActionMessage().then(el => el.text());
+    }
+    async getLink() {
+        return this.getCallToActionLink().then(el => el.getAttribute('href'));
+    }
+    async isColor(color) {
+        return this.getTitleContainer().then(el => el.hasClass(color));
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormCronModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatButtonToggleModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        GioIconsModule,
-                    ],
-                    declarations: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent],
-                    exports: [GioFormCronComponent, GioFormCronLabelComponent, GioFormCronHintComponent],
-                }]
-        }] });
 
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
@@ -6349,7 +6406,7 @@ class GioMenuSelectorComponent {
         this.selectChange.emit($event.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMenuSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMenuSelectorComponent, selector: "gio-menu-selector", inputs: { selectorTitle: "selectorTitle", selectorItems: "selectorItems", selectedItemValue: "selectedItemValue", tabIndex: "tabIndex" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 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=\"gio-menu-selector\">\n  <span class=\"gio-menu-selector__label mat-caption\">{{ selectorTitle }}</span>\n  <mat-select\n    class=\"gio-menu-selector__select\"\n    [tabIndex]=\"tabIndex\"\n    panelClass=\"gio-menu-selector-custom-width\"\n    [value]=\"selectedItemValue\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  >\n    <mat-option class=\"gio-menu-selector__select__mat-option\" *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n      {{ item.displayValue }}\n    </mat-option>\n  </mat-select>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-menu-selector{width:192px;padding:4px 14px 10px;border:3px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__label{margin-bottom:2px}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .mat-mdc-select-value{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .mat-mdc-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width{width:192px;margin:10px -16px 0}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width mat-option[aria-selected=true]>span{color:var(--gio-oem-palette--active, #099)}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width mat-option[aria-selected=true] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{color:var(--gio-oem-palette--active, #099)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$2.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMenuSelectorComponent, selector: "gio-menu-selector", inputs: { selectorTitle: "selectorTitle", selectorItems: "selectorItems", selectedItemValue: "selectedItemValue", tabIndex: "tabIndex" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 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=\"gio-menu-selector\">\n  <span class=\"gio-menu-selector__label mat-caption\">{{ selectorTitle }}</span>\n  <mat-select\n    class=\"gio-menu-selector__select\"\n    [tabIndex]=\"tabIndex\"\n    panelClass=\"gio-menu-selector-custom-width\"\n    [value]=\"selectedItemValue\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  >\n    <mat-option class=\"gio-menu-selector__select__mat-option\" *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n      {{ item.displayValue }}\n    </mat-option>\n  </mat-select>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-menu-selector{width:192px;padding:4px 14px 10px;border:3px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__label{margin-bottom:2px}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .mat-mdc-select-value{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .mat-mdc-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width{width:192px;margin:10px -16px 0}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width mat-option[aria-selected=true]>span{color:var(--gio-oem-palette--active, #099)}::ng-deep .mdc-menu-surface.mat-mdc-select-panel.gio-menu-selector-custom-width mat-option[aria-selected=true] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after{color:var(--gio-oem-palette--active, #099)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$2.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMenuSelectorComponent, decorators: [{
             type: Component,
@@ -6495,7 +6552,7 @@ class GioMenuSearchComponent {
         return value.toLowerCase().replace(/\s/g, '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMenuSearchComponent, deps: [{ token: GioMenuSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMenuSearchComponent, selector: "gio-menu-search", outputs: { valueChanges: "valueChanges" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 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<form>\n  <div class=\"gio-menu-search\">\n    <div class=\"gio-menu-search__input-container\">\n      <input\n        matInput\n        class=\"gio-menu-search__input\"\n        type=\"text\"\n        placeholder=\"Search...\"\n        [formControl]=\"control\"\n        [matAutocomplete]=\"auto\"\n        (keydown.enter)=\"$event.preventDefault()\"\n      />\n    </div>\n    <div class=\"gio-menu-search__icon-container\">\n      <mat-icon svgIcon=\"gio:search\" class=\"gio-menu-search__icon\"></mat-icon>\n    </div>\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [panelWidth]=\"192\"\n      [hideSingleSelectionIndicator]=\"true\"\n      [displayWith]=\"displayFn\"\n      (optionSelected)=\"onSelectionChange($event)\"\n    >\n      <mat-option *ngFor=\"let item of filteredItems$ | async\" [value]=\"item\">\n        <div class=\"gio-menu-search__item\">\n          <div class=\"gio-menu-search__item__name\">{{ item.name }}</div>\n          <div class=\"gio-menu-search__item__category\">{{ item.category }}</div>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </div>\n</form>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-menu-search{display:flex;flex-direction:row;border:3px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:16px}.gio-menu-search__input-container,.gio-menu-search__icon-container{display:flex;height:44px;align-items:center}.gio-menu-search__input-container{width:160px}.gio-menu-search__icon-container{width:32px}.gio-menu-search__input{width:100%;flex:1;padding:14px 10px;border:none;background-color:transparent;color:var(--gio-oem-palette--background-contrast, #fff);outline:none;font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-menu-search__input::placeholder{color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-search__icon{color:#98999f}.gio-menu-search__item{display:flex;height:55px;flex-direction:column;justify-content:center}.gio-menu-search__item__name{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-menu-search__item__category{color:#9f8cf0;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i6.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: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioMenuSearchComponent, selector: "gio-menu-search", outputs: { valueChanges: "valueChanges" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 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<form>\n  <div class=\"gio-menu-search\">\n    <div class=\"gio-menu-search__input-container\">\n      <input\n        matInput\n        class=\"gio-menu-search__input\"\n        type=\"text\"\n        placeholder=\"Search...\"\n        [formControl]=\"control\"\n        [matAutocomplete]=\"auto\"\n        (keydown.enter)=\"$event.preventDefault()\"\n      />\n    </div>\n    <div class=\"gio-menu-search__icon-container\">\n      <mat-icon svgIcon=\"gio:search\" class=\"gio-menu-search__icon\"></mat-icon>\n    </div>\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [panelWidth]=\"192\"\n      [hideSingleSelectionIndicator]=\"true\"\n      [displayWith]=\"displayFn\"\n      (optionSelected)=\"onSelectionChange($event)\"\n    >\n      <mat-option *ngFor=\"let item of filteredItems$ | async\" [value]=\"item\">\n        <div class=\"gio-menu-search__item\">\n          <div class=\"gio-menu-search__item__name\">{{ item.name }}</div>\n          <div class=\"gio-menu-search__item__category\">{{ item.category }}</div>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </div>\n</form>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #e7e2fb);color:var(--gio-oem-palette--active-contrast, #100c27)}.gio-menu-search{display:flex;flex-direction:row;border:3px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:16px}.gio-menu-search__input-container,.gio-menu-search__icon-container{display:flex;height:44px;align-items:center}.gio-menu-search__input-container{width:160px}.gio-menu-search__icon-container{width:32px}.gio-menu-search__input{width:100%;flex:1;padding:14px 10px;border:none;background-color:transparent;color:var(--gio-oem-palette--background-contrast, #fff);outline:none;font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-menu-search__input::placeholder{color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-search__icon{color:#98999f}.gio-menu-search__item{display:flex;height:55px;flex-direction:column;justify-content:center}.gio-menu-search__item__name{font-size:14px;font-weight:400;line-height:22px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:.4px}.gio-menu-search__item__category{color:#9f8cf0;font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i6.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: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioMenuSearchComponent, decorators: [{
             type: Component,