@gravitee/ui-particles-angular 7.38.0-menu-customization-2dd9bb5 → 7.38.0-menu-customization-e1868d4

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

@@ -2265,10 +2265,10 @@ class GioMenuItemComponent {
     }
 }
 GioMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuItemComponent, deps: [{ token: GioMenuService }], target: i0.ɵɵFactoryTarget.Component });
-GioMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuItemComponent, selector: "gio-menu-item", inputs: { icon: "icon", iconRight: "iconRight", active: "active", outlined: "outlined" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydownHandler($event)" } }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  class=\"gio-menu-item\"\n  [class.gio-menu-item__active]=\"active\"\n  [class.gio-menu-item__outlined]=\"outlined\"\n  (click)=\"onClick($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <mat-icon *ngIf=\"icon\" class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n  <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-menu-item{position:relative;display:flex;width:192px;height:36px;flex:none;flex-direction:row;flex-grow:0;align-items:center;padding:16px;border-radius:4px;margin:4px 0;background:var(--gio-oem-palette--background, #1c1e39);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #494b61);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid #606274;border-radius:4px}.gio-menu-item__icon,.gio-menu-item__icon-right{position:absolute;width:20px;height:20px}.gio-menu-item__icon-right{right:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host-context(.gio-menu__reduced) .gio-menu-item{width:44px;justify-content:center;padding:0;margin:8px 0}:host-context(.gio-menu__reduced) .gio-menu-item__title,:host-context(.gio-menu__reduced) .gio-menu-item__icon-right{display:none}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item{margin:20px 0}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item__outlined{margin:20px 0}.gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], components: [{ type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GioMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuItemComponent, selector: "gio-menu-item", inputs: { icon: "icon", iconRight: "iconRight", active: "active", outlined: "outlined" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydownHandler($event)" } }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  class=\"gio-menu-item\"\n  [class.gio-menu-item__active]=\"active\"\n  [class.gio-menu-item__outlined]=\"outlined\"\n  (click)=\"onClick($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <mat-icon *ngIf=\"icon\" class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n  <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-menu-item{position:relative;display:flex;width:192px;height:36px;flex:none;flex-direction:row;flex-grow:0;align-items:center;padding:16px;border-radius:4px;margin:4px 0;background:var(--gio-oem-palette--background, #1c1e39);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #494b61);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px}.gio-menu-item__icon,.gio-menu-item__icon-right{position:absolute;width:20px;height:20px}.gio-menu-item__icon-right{right:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host-context(.gio-menu__reduced) .gio-menu-item{width:44px;justify-content:center;padding:0;margin:8px 0}:host-context(.gio-menu__reduced) .gio-menu-item__title,:host-context(.gio-menu__reduced) .gio-menu-item__icon-right{display:none}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item{margin:20px 0}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item__outlined{margin:20px 0}.gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], components: [{ type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-menu-item', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  class=\"gio-menu-item\"\n  [class.gio-menu-item__active]=\"active\"\n  [class.gio-menu-item__outlined]=\"outlined\"\n  (click)=\"onClick($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <mat-icon *ngIf=\"icon\" class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n  <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-menu-item{position:relative;display:flex;width:192px;height:36px;flex:none;flex-direction:row;flex-grow:0;align-items:center;padding:16px;border-radius:4px;margin:4px 0;background:var(--gio-oem-palette--background, #1c1e39);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #494b61);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid #606274;border-radius:4px}.gio-menu-item__icon,.gio-menu-item__icon-right{position:absolute;width:20px;height:20px}.gio-menu-item__icon-right{right:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host-context(.gio-menu__reduced) .gio-menu-item{width:44px;justify-content:center;padding:0;margin:8px 0}:host-context(.gio-menu__reduced) .gio-menu-item__title,:host-context(.gio-menu__reduced) .gio-menu-item__icon-right{display:none}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item{margin:20px 0}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item__outlined{margin:20px 0}.gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"] }]
+            args: [{ selector: 'gio-menu-item', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  class=\"gio-menu-item\"\n  [class.gio-menu-item__active]=\"active\"\n  [class.gio-menu-item__outlined]=\"outlined\"\n  (click)=\"onClick($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <mat-icon *ngIf=\"icon\" class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n  <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-menu-item{position:relative;display:flex;width:192px;height:36px;flex:none;flex-direction:row;flex-grow:0;align-items:center;padding:16px;border-radius:4px;margin:4px 0;background:var(--gio-oem-palette--background, #1c1e39);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #494b61);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px}.gio-menu-item__icon,.gio-menu-item__icon-right{position:absolute;width:20px;height:20px}.gio-menu-item__icon-right{right:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host-context(.gio-menu__reduced) .gio-menu-item{width:44px;justify-content:center;padding:0;margin:8px 0}:host-context(.gio-menu__reduced) .gio-menu-item__title,:host-context(.gio-menu__reduced) .gio-menu-item__icon-right{display:none}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item{margin:20px 0}:host-context(.gio-menu__reduced .gio-menu-footer) .gio-menu-item__outlined{margin:20px 0}.gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"] }]
         }], ctorParameters: function () { return [{ type: GioMenuService }]; }, propDecorators: { icon: [{
                 type: Input
             }], iconRight: [{
@@ -2303,10 +2303,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class GioMenuFooterComponent {
 }
 GioMenuFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GioMenuFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuFooterComponent, selector: "gio-menu-footer", ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-footer\">\n  <div class=\"gio-menu-footer__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{flex-grow:0}.gio-menu-footer{padding:16px;border-top:1px solid #606274}:host-context(.gio-menu__reduced) .gio-menu-footer{padding:0 16px}\n"] });
+GioMenuFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuFooterComponent, selector: "gio-menu-footer", ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-footer\">\n  <div class=\"gio-menu-footer__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{flex-grow:0}.gio-menu-footer{padding:16px;border-top:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 50%,var(--gio-oem-palette--background-contrast, #fff))}:host-context(.gio-menu__reduced) .gio-menu-footer{padding:0 16px}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-menu-footer', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-footer\">\n  <div class=\"gio-menu-footer__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{flex-grow:0}.gio-menu-footer{padding:16px;border-top:1px solid #606274}:host-context(.gio-menu__reduced) .gio-menu-footer{padding:0 16px}\n"] }]
+            args: [{ selector: 'gio-menu-footer', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-footer\">\n  <div class=\"gio-menu-footer__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{flex-grow:0}.gio-menu-footer{padding:16px;border-top:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 50%,var(--gio-oem-palette--background-contrast, #fff))}:host-context(.gio-menu__reduced) .gio-menu-footer{padding:0 16px}\n"] }]
         }] });
 
 /*
@@ -2408,10 +2408,10 @@ class GioMenuSelectorComponent {
     }
 }
 GioMenuSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GioMenuSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuSelectorComponent, selector: "gio-menu-selector", inputs: { selectorTitle: "selectorTitle", selectorItems: "selectorItems", selectedItemValue: "selectedItemValue", tabIndex: "tabIndex" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-selector\">\n  <mat-form-field class=\"gio-menu-selector__mat-form-field\" appearance=\"legacy\">\n    <mat-label>{{ selectorTitle }}</mat-label>\n    <mat-select [tabIndex]=\"tabIndex\" [value]=\"selectedItemValue\" (selectionChange)=\"onSelectionChange($event)\" [disabled]=\"isDisabled()\">\n      <mat-option *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n        {{ item.displayValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".gio-menu-selector{width:192px;padding:10px 14px 0;border-style:solid;border-color:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__mat-form-field{padding-bottom:0}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-value{color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-placeholder{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-disabled .mat-select-value{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-arrow{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel{background:#424242}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(255,255,255,.12)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-label{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-hint{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-focused .mat-form-field-required-marker{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-ripple{background-color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple{background-color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-error{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-form-field-label{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-hint{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-standard .mat-form-field-underline{background-color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill .mat-form-field-flex{background-color:#ffffff1a}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:#ffffff0d}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:transparent}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline .mat-form-field-outline{color:#ffffff4d}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:#ffffff26}::ng-deep gio-menu-selector .gio-menu-selector .mat-app-background,::ng-deep gio-menu-selector .gio-menu-selector.mat-app-background{background-color:#303030;color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:6px}::ng-deep .mat-form-field-underline{display:none}\n"], components: [{ type: i3$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3$3.MatLabel, selector: "mat-label" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+GioMenuSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioMenuSelectorComponent, selector: "gio-menu-selector", inputs: { selectorTitle: "selectorTitle", selectorItems: "selectorItems", selectedItemValue: "selectedItemValue", tabIndex: "tabIndex" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-selector\">\n  <mat-form-field class=\"gio-menu-selector__mat-form-field\" appearance=\"legacy\">\n    <mat-label>{{ selectorTitle }}</mat-label>\n    <mat-select [tabIndex]=\"tabIndex\" [value]=\"selectedItemValue\" (selectionChange)=\"onSelectionChange($event)\" [disabled]=\"isDisabled()\">\n      <mat-option class=\"gio-menu-selector__mat-option\" *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n        {{ item.displayValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".gio-menu-selector{width:192px;padding:10px 14px 0;border-style:solid;border-color:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__mat-form-field{padding-bottom:0}.gio-menu-selector__mat-option.mat-option.mat-selected{color:#000}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .mat-form-field-label>mat-label{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .mat-select-min-line{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)!important}::ng-deep .gio-menu-selector__mat-option .mat-option.mat-selected>.mat-option-text{color:red}::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:6px}::ng-deep .mat-form-field-underline{display:none}\n"], components: [{ type: i3$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3$3.MatLabel, selector: "mat-label" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioMenuSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-menu-selector', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-selector\">\n  <mat-form-field class=\"gio-menu-selector__mat-form-field\" appearance=\"legacy\">\n    <mat-label>{{ selectorTitle }}</mat-label>\n    <mat-select [tabIndex]=\"tabIndex\" [value]=\"selectedItemValue\" (selectionChange)=\"onSelectionChange($event)\" [disabled]=\"isDisabled()\">\n      <mat-option *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n        {{ item.displayValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".gio-menu-selector{width:192px;padding:10px 14px 0;border-style:solid;border-color:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__mat-form-field{padding-bottom:0}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-value{color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-placeholder{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-disabled .mat-select-value{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-arrow{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel{background:#424242}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(255,255,255,.12)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-label{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-hint{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-focused .mat-form-field-required-marker{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-ripple{background-color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple{background-color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-error{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-form-field-label{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-hint{color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-standard .mat-form-field-underline{background-color:#ffffffb3}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill .mat-form-field-flex{background-color:#ffffff1a}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:#ffffff0d}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:transparent}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline .mat-form-field-outline{color:#ffffff4d}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#099}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#876fec}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#ec4899}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:#ffffff80}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:#ffffff26}::ng-deep gio-menu-selector .gio-menu-selector .mat-app-background,::ng-deep gio-menu-selector .gio-menu-selector.mat-app-background{background-color:#303030;color:#fff}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}::ng-deep gio-menu-selector .gio-menu-selector .mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:6px}::ng-deep .mat-form-field-underline{display:none}\n"] }]
+            args: [{ selector: 'gio-menu-selector', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-menu-selector\">\n  <mat-form-field class=\"gio-menu-selector__mat-form-field\" appearance=\"legacy\">\n    <mat-label>{{ selectorTitle }}</mat-label>\n    <mat-select [tabIndex]=\"tabIndex\" [value]=\"selectedItemValue\" (selectionChange)=\"onSelectionChange($event)\" [disabled]=\"isDisabled()\">\n      <mat-option class=\"gio-menu-selector__mat-option\" *ngFor=\"let item of selectorItems\" [value]=\"item.value\">\n        {{ item.displayValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".gio-menu-selector{width:192px;padding:10px 14px 0;border-style:solid;border-color:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 75%,var(--gio-oem-palette--background-contrast, #fff));border-radius:4px;margin-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-selector__mat-form-field{padding-bottom:0}.gio-menu-selector__mat-option.mat-option.mat-selected{color:#000}::ng-deep gio-menu-selector .gio-menu-selector>*{display:block}::ng-deep gio-menu-selector .mat-form-field-label>mat-label{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .mat-select-min-line{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field .mat-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)}::ng-deep gio-menu-selector .gio-menu-selector .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:var(--gio-oem-palette--background-contrast, #fff)!important}::ng-deep .gio-menu-selector__mat-option .mat-option.mat-selected>.mat-option-text{color:red}::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:6px}::ng-deep .mat-form-field-underline{display:none}\n"] }]
         }], propDecorators: { selectorTitle: [{
                 type: Input
             }], selectorItems: [{
@@ -2644,10 +2644,10 @@ class GioSubmenuComponent {
     }
 }
 GioSubmenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuComponent, deps: [{ token: GioMenuService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-GioSubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuComponent, selector: "gio-submenu", inputs: { theme: "theme", static: "static" }, host: { listeners: { "keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "gioSubmenu", first: true, predicate: ["gioSubmenu"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  #gioSubmenu\n  class=\"gio-submenu\"\n  [class.gio-submenu__loaded]=\"loaded\"\n  [class.gio-submenu__reduced]=\"reduced\"\n  [class.gio-submenu__overlay]=\"overlayOptions.open\"\n  [class.gio-submenu__light]=\"theme === 'light'\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <div #title class=\"gio-submenu__title\" [class.hide]=\"!title.children.length || reduced\">\n    <ng-content select=\"[gioSubmenuTitle]\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{z-index:100}.gio-submenu{display:none;width:266px;height:100%;flex:none;flex-direction:column;flex-grow:0;justify-content:flex-start;padding:16px;background:#100c27}.gio-submenu__light{background:#51438e}.gio-submenu__reduced{position:absolute;overflow:auto;border-radius:8px;margin:0 0 0 8px;opacity:0;visibility:hidden}.gio-submenu__loaded{display:flex}.gio-submenu__overlay,.gio-submenu:hover{opacity:1;transition:opacity .15s,visibility .15s;visibility:visible}.gio-submenu__title{padding-bottom:8px;color:#fff}.gio-submenu .hide{display:none}\n"] });
+GioSubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuComponent, selector: "gio-submenu", inputs: { theme: "theme", static: "static" }, host: { listeners: { "keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "gioSubmenu", first: true, predicate: ["gioSubmenu"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  #gioSubmenu\n  class=\"gio-submenu\"\n  [class.gio-submenu__loaded]=\"loaded\"\n  [class.gio-submenu__reduced]=\"reduced\"\n  [class.gio-submenu__overlay]=\"overlayOptions.open\"\n  [class.gio-submenu__light]=\"theme === 'light'\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <div #title class=\"gio-submenu__title\" [class.hide]=\"!title.children.length || reduced\">\n    <ng-content select=\"[gioSubmenuTitle]\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{z-index:100}.gio-submenu{display:none;width:266px;height:100%;flex:none;flex-direction:column;flex-grow:0;justify-content:flex-start;padding:16px;background:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 80%,var(--gio-oem-palette--inverter, black))}.gio-submenu__light{background:#51438e}.gio-submenu__reduced{position:absolute;overflow:auto;border-radius:8px;margin:0 0 0 8px;opacity:0;visibility:hidden}.gio-submenu__loaded{display:flex}.gio-submenu__overlay,.gio-submenu:hover{opacity:1;transition:opacity .15s,visibility .15s;visibility:visible}.gio-submenu__title{padding-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-submenu .hide{display:none}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-submenu', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  #gioSubmenu\n  class=\"gio-submenu\"\n  [class.gio-submenu__loaded]=\"loaded\"\n  [class.gio-submenu__reduced]=\"reduced\"\n  [class.gio-submenu__overlay]=\"overlayOptions.open\"\n  [class.gio-submenu__light]=\"theme === 'light'\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <div #title class=\"gio-submenu__title\" [class.hide]=\"!title.children.length || reduced\">\n    <ng-content select=\"[gioSubmenuTitle]\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{z-index:100}.gio-submenu{display:none;width:266px;height:100%;flex:none;flex-direction:column;flex-grow:0;justify-content:flex-start;padding:16px;background:#100c27}.gio-submenu__light{background:#51438e}.gio-submenu__reduced{position:absolute;overflow:auto;border-radius:8px;margin:0 0 0 8px;opacity:0;visibility:hidden}.gio-submenu__loaded{display:flex}.gio-submenu__overlay,.gio-submenu:hover{opacity:1;transition:opacity .15s,visibility .15s;visibility:visible}.gio-submenu__title{padding-bottom:8px;color:#fff}.gio-submenu .hide{display:none}\n"] }]
+            args: [{ selector: 'gio-submenu', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div\n  #gioSubmenu\n  class=\"gio-submenu\"\n  [class.gio-submenu__loaded]=\"loaded\"\n  [class.gio-submenu__reduced]=\"reduced\"\n  [class.gio-submenu__overlay]=\"overlayOptions.open\"\n  [class.gio-submenu__light]=\"theme === 'light'\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <div #title class=\"gio-submenu__title\" [class.hide]=\"!title.children.length || reduced\">\n    <ng-content select=\"[gioSubmenuTitle]\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{z-index:100}.gio-submenu{display:none;width:266px;height:100%;flex:none;flex-direction:column;flex-grow:0;justify-content:flex-start;padding:16px;background:color-mix(in srgb,var(--gio-oem-palette--background, #1c1e39) 80%,var(--gio-oem-palette--inverter, black))}.gio-submenu__light{background:#51438e}.gio-submenu__reduced{position:absolute;overflow:auto;border-radius:8px;margin:0 0 0 8px;opacity:0;visibility:hidden}.gio-submenu__loaded{display:flex}.gio-submenu__overlay,.gio-submenu:hover{opacity:1;transition:opacity .15s,visibility .15s;visibility:visible}.gio-submenu__title{padding-bottom:8px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-submenu .hide{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: GioMenuService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { theme: [{
                 type: Input
             }], static: [{
@@ -2682,10 +2682,10 @@ class GioSubmenuGroupComponent {
     }
 }
 GioSubmenuGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GioSubmenuGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuGroupComponent, selector: "gio-submenu-group", inputs: { title: "title", theme: "theme" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-submenu-group\">\n  <div class=\"gio-submenu-group__title\" [class.gio-submenu-group__title__light]=\"theme === 'light'\">{{ title }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".gio-submenu-group{display:flex;flex-direction:column;margin-top:8px}.gio-submenu-group__title{height:36px;padding:8px 12px;border-radius:4px;margin:1px 0;color:#8e8f9c;letter-spacing:.4px}.gio-submenu-group__title__light{color:#d3d5dc}\n"] });
+GioSubmenuGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuGroupComponent, selector: "gio-submenu-group", inputs: { title: "title", theme: "theme" }, ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-submenu-group\">\n  <div class=\"gio-submenu-group__title\" [class.gio-submenu-group__title__light]=\"theme === 'light'\">{{ title }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".gio-submenu-group{display:flex;flex-direction:column;margin-top:8px}.gio-submenu-group__title{height:36px;padding:8px 12px;border-radius:4px;margin:1px 0;color:color-mix(in srgb,var(--gio-oem-palette--background-contrast, #fff) 70%,black);letter-spacing:.4px}.gio-submenu-group__title__light{color:color-mix(in srgb,#fff 70%,black)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-submenu-group', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-submenu-group\">\n  <div class=\"gio-submenu-group__title\" [class.gio-submenu-group__title__light]=\"theme === 'light'\">{{ title }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".gio-submenu-group{display:flex;flex-direction:column;margin-top:8px}.gio-submenu-group__title{height:36px;padding:8px 12px;border-radius:4px;margin:1px 0;color:#8e8f9c;letter-spacing:.4px}.gio-submenu-group__title__light{color:#d3d5dc}\n"] }]
+            args: [{ selector: 'gio-submenu-group', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div class=\"gio-submenu-group\">\n  <div class=\"gio-submenu-group__title\" [class.gio-submenu-group__title__light]=\"theme === 'light'\">{{ title }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".gio-submenu-group{display:flex;flex-direction:column;margin-top:8px}.gio-submenu-group__title{height:36px;padding:8px 12px;border-radius:4px;margin:1px 0;color:color-mix(in srgb,var(--gio-oem-palette--background-contrast, #fff) 70%,black);letter-spacing:.4px}.gio-submenu-group__title__light{color:color-mix(in srgb,#fff 70%,black)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], theme: [{
@@ -2718,10 +2718,10 @@ class GioSubmenuItemComponent {
     }
 }
 GioSubmenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GioSubmenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuItemComponent, selector: "gio-submenu-item", inputs: { active: "active", iconRight: "iconRight" }, host: { listeners: { "keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "gioSubmenuItem", first: true, predicate: ["gioSubmenuItem"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div #gioSubmenuItem class=\"gio-submenu-item\" [class.gio-submenu-item__active]=\"active\">\n  <span class=\"gio-submenu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-submenu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-submenu-item{width:234px;height:36px;flex:none;flex-grow:0;order:2;padding:8px 12px;border-radius:4px;margin:1px 0;cursor:pointer}.gio-submenu-item__active{background:#494b61}.gio-submenu-item__title{width:37px;height:20px;flex:none;flex-grow:0;color:#fff;letter-spacing:.4px}.gio-submenu-item__icon-right{width:20px;height:20px;color:#fff;float:right}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 20px}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:#876fec}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:#33354d}:host-context(.gio-submenu__light) .gio-submenu-item:hover:not(.gio-submenu-item__active){background:#6c59bd}\n"], components: [{ type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GioSubmenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioSubmenuItemComponent, selector: "gio-submenu-item", inputs: { active: "active", iconRight: "iconRight" }, host: { listeners: { "keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "gioSubmenuItem", first: true, predicate: ["gioSubmenuItem"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div #gioSubmenuItem class=\"gio-submenu-item\" [class.gio-submenu-item__active]=\"active\">\n  <span class=\"gio-submenu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-submenu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-submenu-item{width:234px;height:36px;flex:none;flex-grow:0;order:2;padding:8px 12px;border-radius:4px;margin:1px 0;cursor:pointer}.gio-submenu-item__active{background:var(--gio-oem-palette--active, #494b61)}.gio-submenu-item__title{width:37px;height:20px;flex:none;flex-grow:0;color:var(--gio-oem-palette--background-contrast, #fff);letter-spacing:.4px}.gio-submenu-item__icon-right{width:20px;height:20px;color:var(--gio-oem-palette--background-contrast, #fff);float:right}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 20px}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:#876fec;color:#fff}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}:host-context(.gio-submenu__light) .gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,#876fec 50%,transparent);color:#fff}\n"], components: [{ type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioSubmenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gio-submenu-item', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div #gioSubmenuItem class=\"gio-submenu-item\" [class.gio-submenu-item__active]=\"active\">\n  <span class=\"gio-submenu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-submenu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-submenu-item{width:234px;height:36px;flex:none;flex-grow:0;order:2;padding:8px 12px;border-radius:4px;margin:1px 0;cursor:pointer}.gio-submenu-item__active{background:#494b61}.gio-submenu-item__title{width:37px;height:20px;flex:none;flex-grow:0;color:#fff;letter-spacing:.4px}.gio-submenu-item__icon-right{width:20px;height:20px;color:#fff;float:right}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 20px}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:#876fec}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:#33354d}:host-context(.gio-submenu__light) .gio-submenu-item:hover:not(.gio-submenu-item__active){background:#6c59bd}\n"] }]
+            args: [{ selector: 'gio-submenu-item', template: "<!--\n\n    Copyright (C) 2022 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<div #gioSubmenuItem class=\"gio-submenu-item\" [class.gio-submenu-item__active]=\"active\">\n  <span class=\"gio-submenu-item__title\"><ng-content></ng-content></span>\n  <mat-icon *ngIf=\"iconRight\" class=\"gio-submenu-item__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n</div>\n", styles: [":host{display:block}.gio-submenu-item{width:234px;height:36px;flex:none;flex-grow:0;order:2;padding:8px 12px;border-radius:4px;margin:1px 0;cursor:pointer}.gio-submenu-item__active{background:var(--gio-oem-palette--active, #494b61)}.gio-submenu-item__title{width:37px;height:20px;flex:none;flex-grow:0;color:var(--gio-oem-palette--background-contrast, #fff);letter-spacing:.4px}.gio-submenu-item__icon-right{width:20px;height:20px;color:var(--gio-oem-palette--background-contrast, #fff);float:right}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 20px}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:#876fec;color:#fff}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #494b61) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}:host-context(.gio-submenu__light) .gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,#876fec 50%,transparent);color:#fff}\n"] }]
         }], propDecorators: { active: [{
                 type: Input
             }], iconRight: [{