@gravitee/ui-particles-angular 14.2.1-update-gravitee-theme-e565508 → 14.2.2

package/esm2022/lib/gio-confirm-dialog/gio-confirm-dialog.component.mjs

@@ -42,11 +42,11 @@ export class GioConfirmDialogComponent {
         this.disableCancel = confirmDialogData?.disableCancel ?? false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioConfirmDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: GioConfirmDialogComponent, isStandalone: false, selector: "gio-confirm-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<h2 mat-dialog-title class=\"confirm-dialog__title\">{{ title }}</h2>\n\n<mat-dialog-content *ngIf=\"content\" class=\"confirm-dialog__content\">\n  <p [innerHTML]=\"content\"></p>\n</mat-dialog-content>\n\n<mat-dialog-content *ngIf=\"contentComponentOutlet\" class=\"confirm-dialog__content\">\n  <ng-container *ngComponentOutlet=\"contentComponentOutlet; injector: contentComponentInjector\"></ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"confirm-dialog__actions\">\n  @if (!disableCancel) {\n    <button class=\"confirm-dialog__cancel-button\" mat-flat-button [mat-dialog-close]=\"false\">\n      {{ cancelButton }}\n    </button>\n  }\n  <button\n    class=\"confirm-dialog__confirm-button\"\n    color=\"warn\"\n    mat-raised-button\n    [mat-dialog-close]=\"true\"\n    cdkFocusInitial\n    data-testid=\"confirm-dialog\"\n  >\n    {{ confirmButton }}\n  </button>\n</mat-dialog-actions>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.confirm-dialog__content{color:#322f2f}\n"], dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: GioConfirmDialogComponent, isStandalone: false, selector: "gio-confirm-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<h2 mat-dialog-title class=\"confirm-dialog__title\">{{ title }}</h2>\n\n<mat-dialog-content *ngIf=\"content\" class=\"confirm-dialog__content\">\n  <p [innerHTML]=\"content\"></p>\n</mat-dialog-content>\n\n<mat-dialog-content *ngIf=\"contentComponentOutlet\" class=\"confirm-dialog__content\">\n  <ng-container *ngComponentOutlet=\"contentComponentOutlet; injector: contentComponentInjector\"></ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"confirm-dialog__actions\">\n  @if (!disableCancel) {\n    <button class=\"confirm-dialog__cancel-button\" mat-flat-button [mat-dialog-close]=\"false\">\n      {{ cancelButton }}\n    </button>\n  }\n  <button\n    class=\"confirm-dialog__confirm-button\"\n    color=\"warn\"\n    mat-raised-button\n    [mat-dialog-close]=\"true\"\n    cdkFocusInitial\n    data-testid=\"confirm-dialog\"\n  >\n    {{ confirmButton }}\n  </button>\n</mat-dialog-actions>\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)}.confirm-dialog__content{color:#606274}\n"], dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-confirm-dialog', standalone: false, 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<h2 mat-dialog-title class=\"confirm-dialog__title\">{{ title }}</h2>\n\n<mat-dialog-content *ngIf=\"content\" class=\"confirm-dialog__content\">\n  <p [innerHTML]=\"content\"></p>\n</mat-dialog-content>\n\n<mat-dialog-content *ngIf=\"contentComponentOutlet\" class=\"confirm-dialog__content\">\n  <ng-container *ngComponentOutlet=\"contentComponentOutlet; injector: contentComponentInjector\"></ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"confirm-dialog__actions\">\n  @if (!disableCancel) {\n    <button class=\"confirm-dialog__cancel-button\" mat-flat-button [mat-dialog-close]=\"false\">\n      {{ cancelButton }}\n    </button>\n  }\n  <button\n    class=\"confirm-dialog__confirm-button\"\n    color=\"warn\"\n    mat-raised-button\n    [mat-dialog-close]=\"true\"\n    cdkFocusInitial\n    data-testid=\"confirm-dialog\"\n  >\n    {{ confirmButton }}\n  </button>\n</mat-dialog-actions>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.confirm-dialog__content{color:#322f2f}\n"] }]
+            args: [{ selector: 'gio-confirm-dialog', standalone: false, 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<h2 mat-dialog-title class=\"confirm-dialog__title\">{{ title }}</h2>\n\n<mat-dialog-content *ngIf=\"content\" class=\"confirm-dialog__content\">\n  <p [innerHTML]=\"content\"></p>\n</mat-dialog-content>\n\n<mat-dialog-content *ngIf=\"contentComponentOutlet\" class=\"confirm-dialog__content\">\n  <ng-container *ngComponentOutlet=\"contentComponentOutlet; injector: contentComponentInjector\"></ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"confirm-dialog__actions\">\n  @if (!disableCancel) {\n    <button class=\"confirm-dialog__cancel-button\" mat-flat-button [mat-dialog-close]=\"false\">\n      {{ cancelButton }}\n    </button>\n  }\n  <button\n    class=\"confirm-dialog__confirm-button\"\n    color=\"warn\"\n    mat-raised-button\n    [mat-dialog-close]=\"true\"\n    cdkFocusInitial\n    data-testid=\"confirm-dialog\"\n  >\n    {{ confirmButton }}\n  </button>\n</mat-dialog-actions>\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)}.confirm-dialog__content{color:#606274}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2022/lib/gio-form-cron/gio-form-cron.component.mjs

@@ -185,7 +185,7 @@ export class GioFormCronComponent {
                 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\n        class=\"gio-button-toggle-group menu__mode\"\n        name=\"mode\"\n        aria-label=\"Cron mode\"\n        formControlName=\"mode\"\n        [hideSingleSelectionIndicator]=\"true\"\n      >\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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}: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:Manrope,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:#f7f7f8;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,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:Manrope,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:#dd1d1f}: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:#f7f7f8}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d2cecd}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.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", "canSelectNullableOptions"], 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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+        ], 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\n        class=\"gio-button-toggle-group menu__mode\"\n        name=\"mode\"\n        aria-label=\"Cron mode\"\n        formControlName=\"mode\"\n        [hideSingleSelectionIndicator]=\"true\"\n      >\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.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", "canSelectNullableOptions"], 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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFormCronComponent, decorators: [{
             type: Component,
@@ -200,7 +200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                             useExisting: forwardRef(() => GioFormCronComponent),
                             multi: true,
                         },
-                    ], standalone: false, 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\n        class=\"gio-button-toggle-group menu__mode\"\n        name=\"mode\"\n        aria-label=\"Cron mode\"\n        formControlName=\"mode\"\n        [hideSingleSelectionIndicator]=\"true\"\n      >\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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}: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:Manrope,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:#f7f7f8;color:#000}.wrapper .preview__hint,.wrapper .placeholder{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,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:Manrope,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:#dd1d1f}: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:#f7f7f8}:host(.disabled) .wrapper,:host(.disabled) .hint,:host(.disabled) .label{color:#d2cecd}\n"] }]
+                    ], standalone: false, 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\n        class=\"gio-button-toggle-group menu__mode\"\n        name=\"mode\"\n        aria-label=\"Cron mode\"\n        formControlName=\"mode\"\n        [hideSingleSelectionIndicator]=\"true\"\n      >\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.FocusMonitor }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { isDisabled: [{
                 type: HostBinding,
                 args: ['class.disabled']

package/esm2022/lib/gio-form-file-picker/gio-form-file-picker-add-button/gio-form-file-picker-add-button.component.mjs

@@ -20,10 +20,10 @@ import * as i2 from "@angular/material/core";
 import * as i3 from "@angular/material/icon";
 export class GioFormFilePickerAddButtonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFormFilePickerAddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: GioFormFilePickerAddButtonComponent, isStandalone: false, 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  <div class=\"add-button__content\" *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__content__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content__text\">Drag your file</span>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:block}.add-button{height:100%;padding:6px;text-align:center}.add-button__content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-button__content__image{width:48px;height:48px}.add-button__content__text{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,sans-serif;letter-spacing:normal}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3.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: "19.2.4", type: GioFormFilePickerAddButtonComponent, isStandalone: false, 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  <div class=\"add-button__content\" *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__content__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content__text\">Drag your file</span>\n  </div>\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:block}.add-button{height:100%;padding:6px;text-align:center}.add-button__content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-button__content__image{width:48px;height:48px}.add-button__content__text{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: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFormFilePickerAddButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-form-file-picker-add-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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  <div class=\"add-button__content\" *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__content__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content__text\">Drag your file</span>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:block}.add-button{height:100%;padding:6px;text-align:center}.add-button__content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-button__content__image{width:48px;height:48px}.add-button__content__text{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,sans-serif;letter-spacing:normal}\n"] }]
+            args: [{ selector: 'gio-form-file-picker-add-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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  <div class=\"add-button__content\" *ngIf=\"!content.children.length\">\n    <mat-icon class=\"add-button__content__image\" svgIcon=\"gio:upload\"></mat-icon>\n    <span class=\"add-button__content__text\">Drag your file</span>\n  </div>\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:block}.add-button{height:100%;padding:6px;text-align:center}.add-button__content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-button__content__image{width:48px;height:48px}.add-button__content__text{font-size:12px;font-weight:400;line-height:16px;font-family:Golos UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2lvLWZvcm0tZmlsZS1waWNrZXItYWRkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1wYXJ0aWNsZXMtYW5ndWxhci9zcmMvbGliL2dpby1mb3JtLWZpbGUtcGlja2VyL2dpby1mb3JtLWZpbGUtcGlja2VyLWFkZC1idXR0b24vZ2lvLWZvcm0tZmlsZS1waWNrZXItYWRkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1wYXJ0aWNsZXMtYW5ndWxhci9zcmMvbGliL2dpby1mb3JtLWZpbGUtcGlja2VyL2dpby1mb3JtLWZpbGUtcGlja2VyLWFkZC1idXR0b24vZ2lvLWZvcm0tZmlsZS1waWNrZXItYWRkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU25FLE1BQU0sT0FBTyxtQ0FBbUM7OEdBQW5DLG1DQUFtQztrR0FBbkMsbUNBQW1DLDRGQ3hCaEQsZy9CQXdCQTs7MkZEQWEsbUNBQW1DO2tCQVAvQyxTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2lvLWZvcm0tZmlsZS1waWNrZXItYWRkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9naW8tZm9ybS1maWxlLXBpY2tlci1hZGQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2lvLWZvcm0tZmlsZS1waWNrZXItYWRkLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEdpb0Zvcm1GaWxlUGlja2VyQWRkQnV0dG9uQ29tcG9uZW50IHt9XG4iLCI8IS0tXG5cbiAgICBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAgICBcbiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAgICBcbiAgICAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICAgIFxuICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuXG4tLT5cbjxkaXYgY2xhc3M9XCJhZGQtYnV0dG9uXCIgbWF0UmlwcGxlPlxuICA8ZGl2ICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFkZC1idXR0b25fX2NvbnRlbnRcIiAqbmdJZj1cIiFjb250ZW50LmNoaWxkcmVuLmxlbmd0aFwiPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImFkZC1idXR0b25fX2NvbnRlbnRfX2ltYWdlXCIgc3ZnSWNvbj1cImdpbzp1cGxvYWRcIj48L21hdC1pY29uPlxuICAgIDxzcGFuIGNsYXNzPVwiYWRkLWJ1dHRvbl9fY29udGVudF9fdGV4dFwiPkRyYWcgeW91ciBmaWxlPC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/gio-form-file-picker/gio-form-file-picker.component.mjs

@@ -135,11 +135,11 @@ export 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: "19.2.4", ngImport: i0, type: GioFormFilePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: GioFormFilePickerComponent, isStandalone: false, 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: 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: 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    <span class=\"file-picker__preview__file__name\">{{ fileValue.name }}</span>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:inline-flex;flex-direction:column}.file-picker{display:inline-flex;flex:1 1 auto;flex-flow:row wrap;justify-content:center;padding:4px 0;gap:8px}.file-picker__add-button{min-width:130px;min-height:130px;flex:1 1 auto;border:2px dashed #322f2f;border-radius:6px;margin:4px 0;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #ffa685;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px 0;border:none}.file-picker__add-button.error{border:2px dashed #dd1d1f}.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 0;border:2px solid #322f2f;border-radius:6px;margin:4px 0;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:Manrope,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:Manrope,sans-serif;letter-spacing:normal}.file-picker__preview__file__name,.file-picker__preview-empty__file__name{position:absolute;padding:4px;overflow-wrap:anywhere}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #dd1d1f}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f7f8b3;color:#1e1b1b;cursor:pointer}.file-picker__preview__delete:hover{color:#ff8a00}.file-picker__preview-empty__default{text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FileDropzoneDirective, selector: "[ngxFileDropzone]", outputs: ["fileDrop"], exportAs: ["ngxFileDropzone"] }, { kind: "directive", type: i3.FilePickerDirective, selector: "[ngxFilePicker]", inputs: ["accept", "multiple"], outputs: ["filePick"], exportAs: ["ngxFilePicker"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button" }, { kind: "component", type: i6.GioFormFilePickerEmptyComponent, selector: "gio-form-file-picker-empty" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: GioFormFilePickerComponent, isStandalone: false, 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: 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: 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    <span class=\"file-picker__preview__file__name\">{{ fileValue.name }}</span>\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:inline-flex;flex-direction:column}.file-picker{display:inline-flex;flex:1 1 auto;flex-flow:row wrap;justify-content:center;padding:4px 0;gap:8px}.file-picker__add-button{min-width:130px;min-height:130px;flex:1 1 auto;border:2px dashed #606274;border-radius:6px;margin:4px 0;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 0;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 0;border:2px solid #606274;border-radius:6px;margin:4px 0;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__file__name,.file-picker__preview-empty__file__name{position:absolute;padding:4px;overflow-wrap:anywhere}.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FileDropzoneDirective, selector: "[ngxFileDropzone]", outputs: ["fileDrop"], exportAs: ["ngxFileDropzone"] }, { kind: "directive", type: i3.FilePickerDirective, selector: "[ngxFilePicker]", inputs: ["accept", "multiple"], outputs: ["filePick"], exportAs: ["ngxFilePicker"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.GioFormFilePickerAddButtonComponent, selector: "gio-form-file-picker-add-button" }, { kind: "component", type: i6.GioFormFilePickerEmptyComponent, selector: "gio-form-file-picker-empty" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFormFilePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-form-file-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: 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: 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    <span class=\"file-picker__preview__file__name\">{{ fileValue.name }}</span>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:inline-flex;flex-direction:column}.file-picker{display:inline-flex;flex:1 1 auto;flex-flow:row wrap;justify-content:center;padding:4px 0;gap:8px}.file-picker__add-button{min-width:130px;min-height:130px;flex:1 1 auto;border:2px dashed #322f2f;border-radius:6px;margin:4px 0;cursor:pointer}.file-picker__add-button:hover,.file-picker__add-button.drag-hover{border:2px dashed #ffa685;background-color:#0000000a}.file-picker__add-button.drag-hover{pointer-events:none}.file-picker__add-button.complete{padding:6px 0;border:none}.file-picker__add-button.error{border:2px dashed #dd1d1f}.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 0;border:2px solid #322f2f;border-radius:6px;margin:4px 0;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:Manrope,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:Manrope,sans-serif;letter-spacing:normal}.file-picker__preview__file__name,.file-picker__preview-empty__file__name{position:absolute;padding:4px;overflow-wrap:anywhere}.file-picker__preview.disabled,.file-picker__preview-empty.disabled{border:2px solid rgba(0,0,0,.12)}.file-picker__preview.error{border:2px solid #dd1d1f}.file-picker__preview__delete{position:absolute;z-index:200;top:0;right:0;width:24px;height:24px;border-radius:3px;background-color:#f7f7f8b3;color:#1e1b1b;cursor:pointer}.file-picker__preview__delete:hover{color:#ff8a00}.file-picker__preview-empty__default{text-align:center}\n"] }]
+            args: [{ selector: 'gio-form-file-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: 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: 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    <span class=\"file-picker__preview__file__name\">{{ fileValue.name }}</span>\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:inline-flex;flex-direction:column}.file-picker{display:inline-flex;flex:1 1 auto;flex-flow:row wrap;justify-content:center;padding:4px 0;gap:8px}.file-picker__add-button{min-width:130px;min-height:130px;flex:1 1 auto;border:2px dashed #606274;border-radius:6px;margin:4px 0;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 0;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 0;border:2px solid #606274;border-radius:6px;margin:4px 0;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__file__name,.file-picker__preview-empty__file__name{position:absolute;padding:4px;overflow-wrap:anywhere}.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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
                     type: Self
                 }, {

package/esm2022/lib/gio-form-headers/gio-form-headers.component.mjs

@@ -240,7 +240,7 @@ export 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            [matAutocompleteDisabled]=\"autocompleteDisabled\"\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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:block;overflow:hidden}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,sans-serif;letter-spacing:normal;padding-left:10px;color:#8a8383}.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:500;line-height:22px;font-family:Manrope,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:#d2cecd}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i2.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            [matAutocompleteDisabled]=\"autocompleteDisabled\"\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFormHeadersComponent, decorators: [{
             type: Component,
@@ -255,7 +255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                             useExisting: forwardRef(() => GioFormHeadersComponent),
                             multi: true,
                         },
-                    ], standalone: false, 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            [matAutocompleteDisabled]=\"autocompleteDisabled\"\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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:block;overflow:hidden}.label{font-size:12px;font-weight:400;line-height:16px;font-family:Manrope,sans-serif;letter-spacing:normal;padding-left:10px;color:#8a8383}.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:500;line-height:22px;font-family:Manrope,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:#d2cecd}\n"] }]
+                    ], standalone: false, 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            [matAutocompleteDisabled]=\"autocompleteDisabled\"\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"] }]
         }], ctorParameters: () => [{ type: i1.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { headerFieldMapper: [{
                 type: Input
             }], autocompleteDisabled: [{

package/esm2022/lib/gio-form-json-schema/type-component/array-type.component.mjs

@@ -65,7 +65,7 @@ export class GioFjsArrayTypeComponent extends FieldArrayType {
         </div>
       </div>
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper{padding:8px;border:1px solid #d2cecd;border-radius:8px}.wrapper.noUiBorder{padding:0;border:none}.wrapper.error{border-color:#dd1d1f}.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:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}.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 #d2cecd;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.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+  `, 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.noUiBorder{padding:0;border:none}.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.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFjsArrayTypeComponent, decorators: [{
             type: Component,
@@ -104,6 +104,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
         </div>
       </div>
     </div>
-  `, standalone: false, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper{padding:8px;border:1px solid #d2cecd;border-radius:8px}.wrapper.noUiBorder{padding:0;border:none}.wrapper.error{border-color:#dd1d1f}.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:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}.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 #d2cecd;margin-top:4px}.wrapper__rows__row__field{flex:1 1 auto}.wrapper__rows__row__remove{flex:0 0 auto}\n"] }]
+  `, standalone: false, 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.noUiBorder{padding:0;border:none}.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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXktdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1wYXJ0aWNsZXMtYW5ndWxhci9zcmMvbGliL2dpby1mb3JtLWpzb24tc2NoZW1hL3R5cGUtY29tcG9uZW50L2FycmF5LXR5cGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQTJDbEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGNBQWM7SUF6QzVEOztRQTBDUyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO0tBS2hDO0lBSFEsUUFBUTtRQUNiLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEtBQUssTUFBTSxDQUFDO0lBQ3hELENBQUM7OEdBTlUsd0JBQXdCO2tHQUF4Qix3QkFBd0Isc0dBdkN6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQ1Q7OzJGQUlVLHdCQUF3QjtrQkF6Q3BDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1DVCxjQUVXLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDIzIFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkQXJyYXlUeXBlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dpby1manMtYXJyYXktdHlwZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIiBbY2xhc3MuZXJyb3JdPVwiZm9ybUNvbnRyb2wudG91Y2hlZCAmJiBmb3JtQ29udHJvbC5pbnZhbGlkXCIgW2NsYXNzLm5vVWlCb3JkZXJdPVwiY2xhc3NOb1VpQm9yZGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlcl9faGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJfX3RleHRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlcl9faGVhZGVyX190ZXh0X190aXRsZVwiICpuZ0lmPVwidG8ubGFiZWxcIj57eyB0by5sYWJlbCB9fTwvZGl2PlxuICAgICAgICAgIDxwICpuZ0lmPVwidG8uZGVzY3JpcHRpb25cIj57eyB0by5kZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJfX2NvbGxhcHNlXCI+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LWljb24tYnV0dG9uIGFyaWEtbGFiZWw9XCJDb2xsYXBzZVwiIChjbGljayk9XCJjb2xsYXBzZSA9ICFjb2xsYXBzZVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIFtjbGFzcy5jb2xsYXBzZS1vcGVuXT1cImNvbGxhcHNlXCIgW2NsYXNzLmNvbGxhcHNlLWNsb3NlXT1cIiFjb2xsYXBzZVwiIHN2Z0ljb249XCJnaW86bmF2LWFycm93LWRvd25cIj48L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlcl9fZXJyb3IgZ2lvLW5nLWludmFsaWRcIiAqbmdJZj1cInNob3dFcnJvciAmJiBmb3JtQ29udHJvbC5lcnJvcnNcIj5cbiAgICAgICAgPGZvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2UgW2ZpZWxkXT1cImZpZWxkXCI+PC9mb3JtbHktdmFsaWRhdGlvbi1tZXNzYWdlPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgW2hpZGRlbl09XCJjb2xsYXBzZVwiIGNsYXNzPVwid3JhcHBlcl9fcm93c1wiIFtjbGFzcy5jb2xsYXBzZS1vcGVuXT1cImNvbGxhcHNlXCIgW2NsYXNzLmNvbGxhcHNlLWNsb3NlXT1cIiFjb2xsYXBzZVwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZC5maWVsZEdyb3VwOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJ3cmFwcGVyX19yb3dzX19yb3dcIj5cbiAgICAgICAgICA8Zm9ybWx5LWZpZWxkIGNsYXNzPVwid3JhcHBlcl9fcm93c19fcm93X19maWVsZFwiIFtmaWVsZF09XCJmaWVsZFwiPjwvZm9ybWx5LWZpZWxkPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19yb3dzX19yb3dfX3JlbW92ZVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LWljb24tYnV0dG9uIGFyaWEtbGFiZWw9XCJSZW1vdmVcIiBbZGlzYWJsZWRdPVwidGhpcy5mb3JtQ29udHJvbD8uZGlzYWJsZWQgPz8gZmFsc2VcIiAoY2xpY2spPVwicmVtb3ZlKGkpXCI+XG4gICAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiZ2lvOmNhbmNlbFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtc3Ryb2tlZC1idXR0b24gYXJpYS1sYWJlbD1cIkFkZFwiIFtkaXNhYmxlZF09XCJ0aGlzLmZvcm1Db250cm9sPy5kaXNhYmxlZCA/PyBmYWxzZVwiIChjbGljayk9XCJhZGQoKVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJnaW86cGx1c1wiPjwvbWF0LWljb24+IEFkZFxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9hcnJheS10eXBlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBHaW9GanNBcnJheVR5cGVDb21wb25lbnQgZXh0ZW5kcyBGaWVsZEFycmF5VHlwZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBjb2xsYXBzZSA9IGZhbHNlO1xuICBwdWJsaWMgY2xhc3NOb1VpQm9yZGVyID0gZmFsc2U7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2xhc3NOb1VpQm9yZGVyID0gdGhpcy5wcm9wcy51aUJvcmRlciA9PT0gJ25vbmUnO1xuICB9XG59XG4iXX0=

package/esm2022/lib/gio-form-json-schema/type-component/headers-type.component.mjs

@@ -59,7 +59,7 @@ export class GioFjsHeadersTypeComponent extends FieldType {
         <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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d2cecd;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:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.GioFormHeadersComponent, selector: "gio-form-headers", inputs: ["headerFieldMapper", "autocompleteDisabled"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+  `, 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.GioFormHeadersComponent, selector: "gio-form-headers", inputs: ["headerFieldMapper", "autocompleteDisabled"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFjsHeadersTypeComponent, decorators: [{
             type: Component,
@@ -83,6 +83,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
         <gio-form-headers [headerFieldMapper]="outputConfig" [formControl]="formControl"></gio-form-headers>
       </div>
     </div>
-  `, standalone: false, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper{display:flex;flex-direction:column;padding:8px;border:1px solid #d2cecd;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:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}\n"] }]
+  `, standalone: false, 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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVycy10eXBlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLXBhcnRpY2xlcy1hbmd1bGFyL3NyYy9saWIvZ2lvLWZvcm0tanNvbi1zY2hlbWEvdHlwZS1jb21wb25lbnQvaGVhZGVycy10eXBlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBcUMsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7QUF5Q2hGLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxTQUF3QztJQTFCeEY7O1FBMkJrQixtQkFBYyxHQUF3RDtZQUNwRixLQUFLLEVBQUU7Z0JBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZO2FBQ2hDO1NBQ0YsQ0FBQztRQUVLLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FRekI7SUFOQyxJQUFXLFlBQVk7UUFDckIsT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNO1lBQ2YsU0FBUyxFQUFFLE9BQU87U0FDbkIsQ0FBQztJQUNKLENBQUM7OEdBZFUsMEJBQTBCO2tHQUExQiwwQkFBMEIsd0dBeEIzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7OzJGQUlVLDBCQUEwQjtrQkExQnRDLFNBQVM7K0JBQ0Usc0JBQXNCLFlBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVCxjQUVXLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDIzIFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZFR5cGUsIEZpZWxkVHlwZUNvbmZpZywgRm9ybWx5RmllbGRQcm9wcyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuXG5pbXBvcnQgeyBGb3JtSGVhZGVyRmllbGRNYXBwZXIgfSBmcm9tICcuLi8uLi9naW8tZm9ybS1oZWFkZXJzL2dpby1mb3JtLWhlYWRlcnMuY29tcG9uZW50JztcblxudHlwZSBIZWFkZXJzUHJvcHMgPSBGb3JtbHlGaWVsZFByb3BzICYge1xuICAvLyBUaGUga2V5IGFuZCB2YWx1ZSBuYW1lcyBvZiB0aGUgb3V0cHV0IGFycmF5XG4gIC8vIERlZmF1bHQ6IHsga2V5TmFtZTogJ25hbWUnLCB2YWx1ZU5hbWU6ICd2YWx1ZScgfVxuICAvLyDwn5OdIE5vdGUgOiBGb3Igbm93IHRoaXMgY29uZmlnIGlzIG5vdCBlZGl0YWJsZSBieSBqc29uLXNjaGVtYSBnaW9Db25maWcuIElmIGl0IGJlY29tZXNcbiAgLy8gICAgICAgICAgIG5lY2Vzc2FyeSBpdCBpcyBwb3NzaWJsZSB0byBjaGFuZ2UgdGhlIEdpb1VpVHlwZUNvbmZpZyB0byBwYXNzIHRoaXMgY29uZmlnLlxuICBvdXRwdXRDb25maWc6IHtcbiAgICBrZXlOYW1lOiBzdHJpbmc7XG4gICAgdmFsdWVOYW1lOiBzdHJpbmc7XG4gIH07XG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnaW8tZmpzLWhlYWRlcnMtdHlwZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJfX2hlYWRlcl9fdGV4dFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19oZWFkZXJfX3RleHRfX3RpdGxlXCIgKm5nSWY9XCJ0by5sYWJlbFwiPnt7IHRvLmxhYmVsIH19PC9kaXY+XG4gICAgICAgICAgPHAgKm5nSWY9XCJ0by5kZXNjcmlwdGlvblwiPnt7IHRvLmRlc2NyaXB0aW9uIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJfX2hlYWRlcl9fY29sbGFwc2VcIj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gYXJpYS1sYWJlbD1cIkNvbGxhcHNlXCIgKGNsaWNrKT1cImNvbGxhcHNlID0gIWNvbGxhcHNlXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gW2NsYXNzLmNvbGxhcHNlLW9wZW5dPVwiY29sbGFwc2VcIiBbY2xhc3MuY29sbGFwc2UtY2xvc2VdPVwiIWNvbGxhcHNlXCIgc3ZnSWNvbj1cImdpbzpuYXYtYXJyb3ctZG93blwiPjwvbWF0LWljb24+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlcl9fZXJyb3JcIiAqbmdJZj1cInNob3dFcnJvciAmJiBmb3JtQ29udHJvbC5lcnJvcnNcIj5cbiAgICAgICAgPGZvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2UgW2ZpZWxkXT1cImZpZWxkXCI+PC9mb3JtbHktdmFsaWRhdGlvbi1tZXNzYWdlPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWNvbGxhcHNlXCIgY2xhc3M9XCJ3cmFwcGVyX19yb3dzXCIgW2NsYXNzLmNvbGxhcHNlLW9wZW5dPVwiY29sbGFwc2VcIiBbY2xhc3MuY29sbGFwc2UtY2xvc2VdPVwiIWNvbGxhcHNlXCI+XG4gICAgICAgIDxnaW8tZm9ybS1oZWFkZXJzIFtoZWFkZXJGaWVsZE1hcHBlcl09XCJvdXRwdXRDb25maWdcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIj48L2dpby1mb3JtLWhlYWRlcnM+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGVycy10eXBlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBHaW9GanNIZWFkZXJzVHlwZUNvbXBvbmVudCBleHRlbmRzIEZpZWxkVHlwZTxGaWVsZFR5cGVDb25maWc8SGVhZGVyc1Byb3BzPj4ge1xuICBwdWJsaWMgb3ZlcnJpZGUgZGVmYXVsdE9wdGlvbnM/OiBQYXJ0aWFsPEZpZWxkVHlwZUNvbmZpZzxIZWFkZXJzUHJvcHM+PiB8IHVuZGVmaW5lZCA9IHtcbiAgICBwcm9wczoge1xuICAgICAgb3V0cHV0Q29uZmlnOiB0aGlzLm91dHB1dENvbmZpZyxcbiAgICB9LFxuICB9O1xuXG4gIHB1YmxpYyBjb2xsYXBzZSA9IGZhbHNlO1xuXG4gIHB1YmxpYyBnZXQgb3V0cHV0Q29uZmlnKCk6IEZvcm1IZWFkZXJGaWVsZE1hcHBlciB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGtleU5hbWU6ICduYW1lJyxcbiAgICAgIHZhbHVlTmFtZTogJ3ZhbHVlJyxcbiAgICB9O1xuICB9XG59XG4iXX0=

package/esm2022/lib/gio-form-json-schema/type-component/multischema-type.component.mjs

@@ -48,7 +48,7 @@ export class GioFjsMultiSchemaTypeComponent extends FieldType {
       </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, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper__title{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;line-height:24px;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}\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.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
+  `, 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.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: GioFjsMultiSchemaTypeComponent, decorators: [{
             type: Component,
@@ -61,6 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
       </div>
       <formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
     </div>
-  `, standalone: false, styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}.wrapper__title{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;line-height:24px;font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,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:Manrope,sans-serif;letter-spacing:normal;color:#dd1d1f}\n"] }]
+  `, standalone: false, 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 }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlzY2hlbWEtdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1wYXJ0aWNsZXMtYW5ndWxhci9zcmMvbGliL2dpby1mb3JtLWpzb24tc2NoZW1hL3R5cGUtY29tcG9uZW50L211bHRpc2NoZW1hLXR5cGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsT0FBTyxFQUF1QyxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7QUFpQi9CLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxTQUFTO0lBRzNELFlBQTZCLEdBQXNCO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRG1CLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBRjNDLGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7SUFJMUQsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTSxRQUFRO1FBQ2IsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDMUQsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsMkJBQTJCLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVNLGtCQUFrQjtRQUN2QixHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSw4QkFBOEIsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0FwQlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIsNkdBYi9COzs7Ozs7Ozs7R0FTVDs7MkZBSVUsOEJBQThCO2tCQWYxQyxTQUFTOytCQUNFLDJCQUEyQixZQUMzQjs7Ozs7Ozs7O0dBU1QsY0FFVyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAyMyBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IEFmdGVyVmlld0NoZWNrZWQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZFR5cGUgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcbmltcG9ydCB7IHNldCB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dpby1manMtbXVsdGktc2NoZW1hLXR5cGUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwid3JhcHBlcl9fdGl0bGVcIiAqbmdJZj1cInByb3BzLmxhYmVsXCI+e3sgcHJvcHMubGFiZWwgfX08L2Rpdj5cbiAgICAgIDxwICpuZ0lmPVwicHJvcHMuZGVzY3JpcHRpb25cIj57eyBwcm9wcy5kZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyX19lcnJvciBnaW8tbmctaW52YWxpZFwiICpuZ0lmPVwic2hvd0Vycm9yICYmIGZvcm1Db250cm9sLmVycm9yc1wiPlxuICAgICAgICA8Zm9ybWx5LXZhbGlkYXRpb24tbWVzc2FnZSBbZmllbGRdPVwiZmllbGRcIj48L2Zvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2U+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxmb3JtbHktZmllbGQgKm5nRm9yPVwibGV0IGYgb2YgZmllbGQuZmllbGRHcm91cFwiIFtmaWVsZF09XCJmXCI+PC9mb3JtbHktZmllbGQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL211bHRpc2NoZW1hLXR5cGUuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEdpb0Zqc011bHRpU2NoZW1hVHlwZUNvbXBvbmVudCBleHRlbmRzIEZpZWxkVHlwZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkIHtcbiAgcHJpdmF0ZSB1bnN1YnNjcmliZSQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc2V0KHRoaXMuZmllbGQsICdmaWVsZEdyb3VwWzBdLnByb3BzLmFwcGVhcmFuY2UnLCAnZmlsbCcpO1xuICAgIHNldCh0aGlzLmZpZWxkLCAnZmllbGRHcm91cFswXS5wcm9wcy5sYWJlbCcsICdTZWxlY3Qgb3B0aW9uJyk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdDaGVja2VkKCk6IHZvaWQge1xuICAgIHNldCh0aGlzLmZpZWxkLCAnZmllbGRHcm91cFswXS5wcm9wcy5kaXNhYmxlZCcsIHRoaXMuZm9ybUNvbnRyb2wuZGlzYWJsZWQpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIl19