@gravitee/ui-particles-angular 17.6.1 → 17.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7711,17 +7711,19 @@ class GioMenuItemComponent {
|
|
|
7711
7711
|
.subscribe();
|
|
7712
7712
|
}
|
|
7713
7713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuItemComponent, deps: [{ token: GioMenuService }, { token: i2$4.RouterLinkActive, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuItemComponent, isStandalone: false, 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) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<div\n class=\"gio-menu-item\"\n [class.gio-menu-item__active]=\"isActive\"\n [class.gio-menu-item__outlined]=\"outlined\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter($event)\"\n (mouseleave)=\"onMouseLeave()\"\n>\n @if (icon) {\n <mat-icon class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n @if (iconRight) {\n <mat-icon class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"
|
|
7714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuItemComponent, isStandalone: false, selector: "gio-menu-item", inputs: { icon: "icon", iconRight: "iconRight", iconRightTooltip: "iconRightTooltip", active: "active", outlined: "outlined" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydownHandler($event)" } }, ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<div\n class=\"gio-menu-item\"\n [class.gio-menu-item__active]=\"isActive\"\n [class.gio-menu-item__outlined]=\"outlined\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter($event)\"\n (mouseleave)=\"onMouseLeave()\"\n>\n @if (icon) {\n <mat-icon class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n @if (iconRight) {\n <mat-icon class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\" [matTooltip]=\"iconRightTooltip\">{{\n iconRight.startsWith('gio:') ? '' : iconRight\n }}</mat-icon>\n }\n</div>\n", styles: ["@charset \"UTF-8\";: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, #1e1b1b);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1e1b1b) 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;width:18px;height:18px;font-size:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host.active .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}: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}:host:not(.active) .gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], dependencies: [{ kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
7715
7715
|
}
|
|
7716
7716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuItemComponent, decorators: [{
|
|
7717
7717
|
type: Component,
|
|
7718
|
-
args: [{ selector: 'gio-menu-item', standalone: false, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<div\n class=\"gio-menu-item\"\n [class.gio-menu-item__active]=\"isActive\"\n [class.gio-menu-item__outlined]=\"outlined\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter($event)\"\n (mouseleave)=\"onMouseLeave()\"\n>\n @if (icon) {\n <mat-icon class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n @if (iconRight) {\n <mat-icon class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight\"
|
|
7718
|
+
args: [{ selector: 'gio-menu-item', standalone: false, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<div\n class=\"gio-menu-item\"\n [class.gio-menu-item__active]=\"isActive\"\n [class.gio-menu-item__outlined]=\"outlined\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter($event)\"\n (mouseleave)=\"onMouseLeave()\"\n>\n @if (icon) {\n <mat-icon class=\"gio-menu-item__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-item__title\"><ng-content></ng-content></span>\n @if (iconRight) {\n <mat-icon class=\"gio-menu-item__icon-right\" [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\" [matTooltip]=\"iconRightTooltip\">{{\n iconRight.startsWith('gio:') ? '' : iconRight\n }}</mat-icon>\n }\n</div>\n", styles: ["@charset \"UTF-8\";: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, #1e1b1b);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-item__active{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-item__outlined{border:1px solid color-mix(in srgb,var(--gio-oem-palette--background, #1e1b1b) 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;width:18px;height:18px;font-size:18px}.gio-menu-item__title:not(:first-child){margin:18px 0 18px 32px}:host.active .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}: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}:host:not(.active) .gio-menu-item:hover:not(.gio-menu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}\n"] }]
|
|
7719
7719
|
}], ctorParameters: () => [{ type: GioMenuService }, { type: i2$4.RouterLinkActive, decorators: [{
|
|
7720
7720
|
type: Optional
|
|
7721
7721
|
}] }], propDecorators: { icon: [{
|
|
7722
7722
|
type: Input
|
|
7723
7723
|
}], iconRight: [{
|
|
7724
7724
|
type: Input
|
|
7725
|
+
}], iconRightTooltip: [{
|
|
7726
|
+
type: Input
|
|
7725
7727
|
}], active: [{
|
|
7726
7728
|
type: Input
|
|
7727
7729
|
}], outlined: [{
|
|
@@ -7793,7 +7795,7 @@ class GioMenuComponent {
|
|
|
7793
7795
|
}
|
|
7794
7796
|
}
|
|
7795
7797
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuComponent, deps: [{ token: GioMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7796
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuComponent, isStandalone: false, selector: "gio-menu", inputs: { reduced: "reduced" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n@if ({ reduced: reduce$ | async }; as context) {\n <div class=\"gio-menu\" [class.gio-menu__reduced]=\"context.reduced\" (mouseleave)=\"onMouseLeave(context.reduced)\">\n <ng-content select=\"gio-menu-header\"></ng-content>\n <ng-content select=\"gio-menu-list\"></ng-content>\n <ng-content select=\"gio-menu-license-expiration-notification\"></ng-content>\n <ng-content select=\"gio-menu-footer\"></ng-content>\n <gio-menu-footer>\n <gio-menu-item\n tabIndex=\"1\"\n type=\"button\"\n class=\"gio-menu-footer__collapse\"\n [icon]=\"context.reduced ? 'gio:expande' : 'gio:collapse'\"\n (click)=\"reduceMenu(context.reduced)\"\n [outlined]=\"true\"\n >Collapse menu</gio-menu-item\n >\n </gio-menu-footer>\n </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-menu{display:flex;width:224px;height:100%;flex-direction:column;justify-content:flex-start;padding:16px 0 0;background:var(--gio-oem-palette--background, #1e1b1b)}.gio-menu__reduced{width:76px}\n"], dependencies: [{ kind: "component", type: GioMenuItemComponent, selector: "gio-menu-item", inputs: ["icon", "iconRight", "active", "outlined"] }, { kind: "component", type: GioMenuFooterComponent, selector: "gio-menu-footer" }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7798
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuComponent, isStandalone: false, selector: "gio-menu", inputs: { reduced: "reduced" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n@if ({ reduced: reduce$ | async }; as context) {\n <div class=\"gio-menu\" [class.gio-menu__reduced]=\"context.reduced\" (mouseleave)=\"onMouseLeave(context.reduced)\">\n <ng-content select=\"gio-menu-header\"></ng-content>\n <ng-content select=\"gio-menu-list\"></ng-content>\n <ng-content select=\"gio-menu-license-expiration-notification\"></ng-content>\n <ng-content select=\"gio-menu-footer\"></ng-content>\n <gio-menu-footer>\n <gio-menu-item\n tabIndex=\"1\"\n type=\"button\"\n class=\"gio-menu-footer__collapse\"\n [icon]=\"context.reduced ? 'gio:expande' : 'gio:collapse'\"\n (click)=\"reduceMenu(context.reduced)\"\n [outlined]=\"true\"\n >Collapse menu</gio-menu-item\n >\n </gio-menu-footer>\n </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-menu{display:flex;width:224px;height:100%;flex-direction:column;justify-content:flex-start;padding:16px 0 0;background:var(--gio-oem-palette--background, #1e1b1b)}.gio-menu__reduced{width:76px}\n"], dependencies: [{ kind: "component", type: GioMenuItemComponent, selector: "gio-menu-item", inputs: ["icon", "iconRight", "iconRightTooltip", "active", "outlined"] }, { kind: "component", type: GioMenuFooterComponent, selector: "gio-menu-footer" }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7797
7799
|
}
|
|
7798
7800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuComponent, decorators: [{
|
|
7799
7801
|
type: Component,
|
|
@@ -8079,17 +8081,19 @@ class GioMenuItemsComponent {
|
|
|
8079
8081
|
}, 200);
|
|
8080
8082
|
}
|
|
8081
8083
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuItemsComponent, isStandalone: false, selector: "gio-menu-items", inputs: { icon: "icon", iconRight: "iconRight", title: "title", active: "active", routerBasePath: "routerBasePath" }, host: { classAttribute: "gio-menu-items-host" }, ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n\n<!-- Template for menu items content - used in both modes -->\n<ng-template #menuItemsContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div\n class=\"gio-menu-items-container\"\n [class.gio-menu-items-container--reduced]=\"reduced()\"\n [class.gio-menu-items-container--overlay-visible]=\"showOverlay()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n>\n <!-- Trigger for reduced mode (icon only) -->\n <div\n class=\"gio-menu-items-trigger\"\n [class.active]=\"isPanelActive()\"\n (click)=\"onHeaderClick()\"\n (keydown.enter)=\"onHeaderClick()\"\n (keydown.space)=\"onHeaderClick(); $event.preventDefault()\"\n tabindex=\"0\"\n role=\"button\"\n cdkOverlayOrigin\n #overlayOrigin=\"cdkOverlayOrigin\"\n >\n @if (icon) {\n <mat-icon class=\"gio-menu-items-trigger__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n </div>\n\n <!-- Normal mode: Material expansion panel -->\n @if (!reduced()) {\n <mat-accordion class=\"gio-menu-items-accordion\">\n <mat-expansion-panel\n class=\"gio-menu-items\"\n [class.active]=\"isPanelActive()\"\n hideToggle\n [expanded]=\"isPanelExpanded()\"\n [disabled]=\"true\"\n >\n <mat-expansion-panel-header (click)=\"onPanelHeaderClick($event)\">\n <mat-panel-title>\n @if (icon) {\n <mat-icon class=\"gio-menu-items__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-items__title\">{{ title }}</span>\n @if (iconRight) {\n <mat-icon class=\"gio-menu-items__icon-right\" [svgIcon]=\"iconRight\"></mat-icon>\n }\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </mat-expansion-panel>\n </mat-accordion>\n }\n</div>\n\n<!-- CDK Overlay for reduced mode - renders outside the sidebar DOM -->\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"reduced() && showOverlay()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayHasBackdrop]=\"false\"\n>\n <div class=\"gio-menu-items-overlay\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n <div class=\"gio-menu-items-overlay__header\" (click)=\"onHeaderClick()\">\n <span class=\"gio-menu-items-overlay__title\">{{ title }}</span>\n </div>\n <div class=\"gio-menu-items-overlay__content\">\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-menu-items-host{position:relative;display:block}.gio-menu-items-host .gio-menu-items-container{position:relative}.gio-menu-items-host .gio-menu-items-container--overlay-visible{z-index:1001}.gio-menu-items-host .gio-menu-items-trigger{display:none;width:44px;height:36px;align-items:center;justify-content:center;border-radius:4px;margin:4px 0;cursor:pointer}.gio-menu-items-host .gio-menu-items-trigger:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-trigger.active{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-items-host .gio-menu-items-trigger__icon{width:20px;height:20px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.mat-expansion-panel{margin:0;background:transparent;box-shadow:none}.gio-menu-items-host .gio-menu-items__icon{position:static;width:20px;height:20px;margin-right:12px}.gio-menu-items-host .gio-menu-items__title{display:block;margin-left:0}.gio-menu-items-host .gio-menu-items__icon-right{position:absolute;right:16px;width:20px;height:20px}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header{width:100%;height:auto;padding:6px 16px;border-radius:4px;border-bottom:1px solid transparent;margin:3px 0;box-shadow:none;cursor:pointer}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-content{justify-content:flex-start}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:flex-start;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.active .mat-expansion-panel-header{border-radius:0}.gio-menu-items-host .gio-menu-items.mat-expanded{border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f)}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header{border-bottom:1px solid rgba(255,255,255,.1);cursor:default;pointer-events:none}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header:hover{background:transparent}.gio-menu-items-host .gio-menu-items .mat-expansion-indicator{display:none}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-body{padding:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 8px;border-radius:4px;margin:4px 8px;background:transparent}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon{position:absolute;left:16px}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-host .gio-menu-items-accordion gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-trigger{display:flex}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-accordion{display:none}.gio-menu-items-overlay{min-width:200px;border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f);box-shadow:0 4px 16px #0003}.gio-menu-items-overlay a{text-decoration:none}.gio-menu-items-overlay__header{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-items-overlay__header:hover{border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__title{font-size:14px;font-weight:500}.gio-menu-items-overlay__content{padding:4px 0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 4px;border-radius:4px;margin:4px 14px;background:transparent}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon{display:none}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-overlay__content gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-overlay__content gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], dependencies: [{ kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i3$6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i3$6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8084
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioMenuItemsComponent, isStandalone: false, selector: "gio-menu-items", inputs: { icon: "icon", iconRight: "iconRight", iconRightTooltip: "iconRightTooltip", title: "title", active: "active", routerBasePath: "routerBasePath" }, host: { classAttribute: "gio-menu-items-host" }, ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n\n<!-- Template for menu items content - used in both modes -->\n<ng-template #menuItemsContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div\n class=\"gio-menu-items-container\"\n [class.gio-menu-items-container--reduced]=\"reduced()\"\n [class.gio-menu-items-container--overlay-visible]=\"showOverlay()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n>\n <!-- Trigger for reduced mode (icon only) -->\n <div\n class=\"gio-menu-items-trigger\"\n [class.active]=\"isPanelActive()\"\n (click)=\"onHeaderClick()\"\n (keydown.enter)=\"onHeaderClick()\"\n (keydown.space)=\"onHeaderClick(); $event.preventDefault()\"\n tabindex=\"0\"\n role=\"button\"\n cdkOverlayOrigin\n #overlayOrigin=\"cdkOverlayOrigin\"\n >\n @if (icon) {\n <mat-icon class=\"gio-menu-items-trigger__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n </div>\n\n <!-- Normal mode: Material expansion panel -->\n @if (!reduced()) {\n <mat-accordion class=\"gio-menu-items-accordion\">\n <mat-expansion-panel\n class=\"gio-menu-items\"\n [class.active]=\"isPanelActive()\"\n hideToggle\n [expanded]=\"isPanelExpanded()\"\n [disabled]=\"true\"\n >\n <mat-expansion-panel-header (click)=\"onPanelHeaderClick($event)\">\n <mat-panel-title>\n @if (icon) {\n <mat-icon class=\"gio-menu-items__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-items__title\">{{ title }}</span>\n @if (iconRight) {\n <mat-icon\n class=\"gio-menu-items__icon-right\"\n [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\"\n [matTooltip]=\"iconRightTooltip\"\n matTooltipPosition=\"above\"\n >{{ iconRight.startsWith('gio:') ? '' : iconRight }}</mat-icon\n >\n }\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </mat-expansion-panel>\n </mat-accordion>\n }\n</div>\n\n<!-- CDK Overlay for reduced mode - renders outside the sidebar DOM -->\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"reduced() && showOverlay()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayHasBackdrop]=\"false\"\n>\n <div class=\"gio-menu-items-overlay\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n <div class=\"gio-menu-items-overlay__header\" (click)=\"onHeaderClick()\">\n <span class=\"gio-menu-items-overlay__title\">{{ title }}</span>\n </div>\n <div class=\"gio-menu-items-overlay__content\">\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-menu-items-host{position:relative;display:block}.gio-menu-items-host .gio-menu-items-container{position:relative}.gio-menu-items-host .gio-menu-items-container--overlay-visible{z-index:1001}.gio-menu-items-host .gio-menu-items-trigger{display:none;width:44px;height:36px;align-items:center;justify-content:center;border-radius:4px;margin:4px 0;cursor:pointer}.gio-menu-items-host .gio-menu-items-trigger:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-trigger.active{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-items-host .gio-menu-items-trigger__icon{width:20px;height:20px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.mat-expansion-panel{margin:0;background:transparent;box-shadow:none}.gio-menu-items-host .gio-menu-items__icon{position:static;width:20px;height:20px;margin-right:12px}.gio-menu-items-host .gio-menu-items__title{display:block;margin-left:0}.gio-menu-items-host .gio-menu-items__icon-right{position:absolute;z-index:1;right:16px;width:18px;height:18px;cursor:default;font-size:18px;pointer-events:auto}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header{width:100%;height:auto;padding:6px 16px;border-radius:4px;border-bottom:1px solid transparent;margin:3px 0;box-shadow:none;cursor:pointer}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-content{justify-content:flex-start}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:flex-start;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.active .mat-expansion-panel-header{border-radius:0}.gio-menu-items-host .gio-menu-items.mat-expanded{border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f)}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header{border-bottom:1px solid rgba(255,255,255,.1);cursor:default;pointer-events:none}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header:hover{background:transparent}.gio-menu-items-host .gio-menu-items .mat-expansion-indicator{display:none}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-body{padding:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 8px;border-radius:4px;margin:4px 8px;background:transparent}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon{position:absolute;left:16px}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-host .gio-menu-items-accordion gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-trigger{display:flex}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-accordion{display:none}.gio-menu-items-overlay{min-width:200px;border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f);box-shadow:0 4px 16px #0003}.gio-menu-items-overlay a{text-decoration:none}.gio-menu-items-overlay__header{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-items-overlay__header:hover{border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__title{font-size:14px;font-weight:500}.gio-menu-items-overlay__content{padding:4px 0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 4px;border-radius:4px;margin:4px 14px;background:transparent}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon{display:none}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-overlay__content gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-overlay__content gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], dependencies: [{ kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i3$6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i3$6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8083
8085
|
}
|
|
8084
8086
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuItemsComponent, decorators: [{
|
|
8085
8087
|
type: Component,
|
|
8086
8088
|
args: [{ selector: 'gio-menu-items', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
|
|
8087
8089
|
class: 'gio-menu-items-host',
|
|
8088
|
-
}, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n\n<!-- Template for menu items content - used in both modes -->\n<ng-template #menuItemsContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div\n class=\"gio-menu-items-container\"\n [class.gio-menu-items-container--reduced]=\"reduced()\"\n [class.gio-menu-items-container--overlay-visible]=\"showOverlay()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n>\n <!-- Trigger for reduced mode (icon only) -->\n <div\n class=\"gio-menu-items-trigger\"\n [class.active]=\"isPanelActive()\"\n (click)=\"onHeaderClick()\"\n (keydown.enter)=\"onHeaderClick()\"\n (keydown.space)=\"onHeaderClick(); $event.preventDefault()\"\n tabindex=\"0\"\n role=\"button\"\n cdkOverlayOrigin\n #overlayOrigin=\"cdkOverlayOrigin\"\n >\n @if (icon) {\n <mat-icon class=\"gio-menu-items-trigger__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n </div>\n\n <!-- Normal mode: Material expansion panel -->\n @if (!reduced()) {\n <mat-accordion class=\"gio-menu-items-accordion\">\n <mat-expansion-panel\n class=\"gio-menu-items\"\n [class.active]=\"isPanelActive()\"\n hideToggle\n [expanded]=\"isPanelExpanded()\"\n [disabled]=\"true\"\n >\n <mat-expansion-panel-header (click)=\"onPanelHeaderClick($event)\">\n <mat-panel-title>\n @if (icon) {\n <mat-icon class=\"gio-menu-items__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-items__title\">{{ title }}</span>\n @if (iconRight) {\n <mat-icon
|
|
8090
|
+
}, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n\n<!-- Template for menu items content - used in both modes -->\n<ng-template #menuItemsContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div\n class=\"gio-menu-items-container\"\n [class.gio-menu-items-container--reduced]=\"reduced()\"\n [class.gio-menu-items-container--overlay-visible]=\"showOverlay()\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n>\n <!-- Trigger for reduced mode (icon only) -->\n <div\n class=\"gio-menu-items-trigger\"\n [class.active]=\"isPanelActive()\"\n (click)=\"onHeaderClick()\"\n (keydown.enter)=\"onHeaderClick()\"\n (keydown.space)=\"onHeaderClick(); $event.preventDefault()\"\n tabindex=\"0\"\n role=\"button\"\n cdkOverlayOrigin\n #overlayOrigin=\"cdkOverlayOrigin\"\n >\n @if (icon) {\n <mat-icon class=\"gio-menu-items-trigger__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n </div>\n\n <!-- Normal mode: Material expansion panel -->\n @if (!reduced()) {\n <mat-accordion class=\"gio-menu-items-accordion\">\n <mat-expansion-panel\n class=\"gio-menu-items\"\n [class.active]=\"isPanelActive()\"\n hideToggle\n [expanded]=\"isPanelExpanded()\"\n [disabled]=\"true\"\n >\n <mat-expansion-panel-header (click)=\"onPanelHeaderClick($event)\">\n <mat-panel-title>\n @if (icon) {\n <mat-icon class=\"gio-menu-items__icon\" [svgIcon]=\"icon\"></mat-icon>\n }\n <span class=\"gio-menu-items__title\">{{ title }}</span>\n @if (iconRight) {\n <mat-icon\n class=\"gio-menu-items__icon-right\"\n [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\"\n [matTooltip]=\"iconRightTooltip\"\n matTooltipPosition=\"above\"\n >{{ iconRight.startsWith('gio:') ? '' : iconRight }}</mat-icon\n >\n }\n </mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </mat-expansion-panel>\n </mat-accordion>\n }\n</div>\n\n<!-- CDK Overlay for reduced mode - renders outside the sidebar DOM -->\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"reduced() && showOverlay()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\"\n [cdkConnectedOverlayHasBackdrop]=\"false\"\n>\n <div class=\"gio-menu-items-overlay\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n <div class=\"gio-menu-items-overlay__header\" (click)=\"onHeaderClick()\">\n <span class=\"gio-menu-items-overlay__title\">{{ title }}</span>\n </div>\n <div class=\"gio-menu-items-overlay__content\">\n <ng-container *ngTemplateOutlet=\"menuItemsContent\"></ng-container>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gio-menu-items-host{position:relative;display:block}.gio-menu-items-host .gio-menu-items-container{position:relative}.gio-menu-items-host .gio-menu-items-container--overlay-visible{z-index:1001}.gio-menu-items-host .gio-menu-items-trigger{display:none;width:44px;height:36px;align-items:center;justify-content:center;border-radius:4px;margin:4px 0;cursor:pointer}.gio-menu-items-host .gio-menu-items-trigger:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-trigger.active{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu-items-host .gio-menu-items-trigger__icon{width:20px;height:20px;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.mat-expansion-panel{margin:0;background:transparent;box-shadow:none}.gio-menu-items-host .gio-menu-items__icon{position:static;width:20px;height:20px;margin-right:12px}.gio-menu-items-host .gio-menu-items__title{display:block;margin-left:0}.gio-menu-items-host .gio-menu-items__icon-right{position:absolute;z-index:1;right:16px;width:18px;height:18px;cursor:default;font-size:18px;pointer-events:auto}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header{width:100%;height:auto;padding:6px 16px;border-radius:4px;border-bottom:1px solid transparent;margin:3px 0;box-shadow:none;cursor:pointer}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-content{justify-content:flex-start}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:flex-start;color:var(--gio-oem-palette--background-contrast, #fff)}.gio-menu-items-host .gio-menu-items.active .mat-expansion-panel-header{border-radius:0}.gio-menu-items-host .gio-menu-items.mat-expanded{border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f)}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header{border-bottom:1px solid rgba(255,255,255,.1);cursor:default;pointer-events:none}.gio-menu-items-host .gio-menu-items.mat-expanded .mat-expansion-panel-header:hover{background:transparent}.gio-menu-items-host .gio-menu-items .mat-expansion-indicator{display:none}.gio-menu-items-host .gio-menu-items .mat-expansion-panel-body{padding:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 8px;border-radius:4px;margin:4px 8px;background:transparent}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon{position:absolute;left:16px}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-host .gio-menu-items-accordion gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-host .gio-menu-items-accordion gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-trigger{display:flex}.gio-menu__reduced .gio-menu-items-host .gio-menu-items-accordion{display:none}.gio-menu-items-overlay{min-width:200px;border-radius:8px;background:var(--gio-oem-palette--sub-menu, #322f2f);box-shadow:0 4px 16px #0003}.gio-menu-items-overlay a{text-decoration:none}.gio-menu-items-overlay__header{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--gio-oem-palette--background-contrast, #fff);cursor:pointer}.gio-menu-items-overlay__header:hover{border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__title{font-size:14px;font-weight:500}.gio-menu-items-overlay__content{padding:4px 0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item{width:auto;height:36px;justify-content:flex-start;padding:0 4px;border-radius:4px;margin:4px 14px;background:transparent}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item:hover{background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent)}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__title{display:block;margin:0}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon{display:none}.gio-menu-items-overlay__content gio-menu-item .gio-menu-item__icon-right{display:block}.gio-menu-items-overlay__content gio-menu-item.router-link-active .gio-menu-item,.gio-menu-items-overlay__content gio-menu-item:has(.gio-menu-item__active) .gio-menu-item{background:var(--gio-oem-palette--active, #5c5959);color:var(--gio-oem-palette--active-contrast, #fff)}\n"] }]
|
|
8089
8091
|
}], ctorParameters: () => [], propDecorators: { icon: [{
|
|
8090
8092
|
type: Input
|
|
8091
8093
|
}], iconRight: [{
|
|
8092
8094
|
type: Input
|
|
8095
|
+
}], iconRightTooltip: [{
|
|
8096
|
+
type: Input
|
|
8093
8097
|
}], title: [{
|
|
8094
8098
|
type: Input
|
|
8095
8099
|
}], active: [{
|
|
@@ -8137,7 +8141,8 @@ class GioMenuModule {
|
|
|
8137
8141
|
MatExpansionPanelDescription,
|
|
8138
8142
|
RouterLink,
|
|
8139
8143
|
RouterLinkActive,
|
|
8140
|
-
OverlayModule
|
|
8144
|
+
OverlayModule,
|
|
8145
|
+
MatTooltipModule], exports: [GioMenuComponent,
|
|
8141
8146
|
GioMenuItemComponent,
|
|
8142
8147
|
GioMenuItemsComponent,
|
|
8143
8148
|
GioMenuFooterComponent,
|
|
@@ -8155,7 +8160,8 @@ class GioMenuModule {
|
|
|
8155
8160
|
ReactiveFormsModule,
|
|
8156
8161
|
MatExpansionPanel,
|
|
8157
8162
|
MatExpansionPanelHeader,
|
|
8158
|
-
OverlayModule
|
|
8163
|
+
OverlayModule,
|
|
8164
|
+
MatTooltipModule] }); }
|
|
8159
8165
|
}
|
|
8160
8166
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioMenuModule, decorators: [{
|
|
8161
8167
|
type: NgModule,
|
|
@@ -8198,6 +8204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8198
8204
|
RouterLink,
|
|
8199
8205
|
RouterLinkActive,
|
|
8200
8206
|
OverlayModule,
|
|
8207
|
+
MatTooltipModule,
|
|
8201
8208
|
],
|
|
8202
8209
|
}]
|
|
8203
8210
|
}] });
|
|
@@ -8459,15 +8466,17 @@ class GioSubmenuItemComponent {
|
|
|
8459
8466
|
}
|
|
8460
8467
|
}
|
|
8461
8468
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioSubmenuItemComponent, isStandalone: false, 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) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<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 @if (iconRight) {\n <mat-icon
|
|
8469
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioSubmenuItemComponent, isStandalone: false, selector: "gio-submenu-item", inputs: { active: "active", iconRight: "iconRight", iconRightTooltip: "iconRightTooltip" }, host: { listeners: { "keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "gioSubmenuItem", first: true, predicate: ["gioSubmenuItem"], descendants: true }], ngImport: i0, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<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 @if (iconRight) {\n <mat-icon\n class=\"gio-submenu-item__icon-right\"\n [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\"\n [matTooltip]=\"iconRightTooltip\"\n >{{ iconRight.startsWith('gio:') ? '' : iconRight }}</mat-icon\n >\n }\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}.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, #5c5959)}.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:18px;height:18px;color:var(--gio-oem-palette--background-contrast, #fff);float:right;font-size:18px}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 8px 8px 20px}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:var(--gio-oem-palette--active, #a93b12);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,var(--gio-oem-palette--active, #a93b12) 80%,black);color:var(--gio-oem-palette--active-contrast, #fff)}\n"], dependencies: [{ kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
8463
8470
|
}
|
|
8464
8471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuItemComponent, decorators: [{
|
|
8465
8472
|
type: Component,
|
|
8466
|
-
args: [{ selector: 'gio-submenu-item', standalone: false, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<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 @if (iconRight) {\n <mat-icon
|
|
8473
|
+
args: [{ selector: 'gio-submenu-item', standalone: false, template: "<!--\n\n Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n-->\n<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 @if (iconRight) {\n <mat-icon\n class=\"gio-submenu-item__icon-right\"\n [svgIcon]=\"iconRight.startsWith('gio:') ? iconRight : ''\"\n [matTooltip]=\"iconRightTooltip\"\n >{{ iconRight.startsWith('gio:') ? '' : iconRight }}</mat-icon\n >\n }\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}.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, #5c5959)}.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:18px;height:18px;color:var(--gio-oem-palette--background-contrast, #fff);float:right;font-size:18px}:host-context(.gio-submenu-group) .gio-submenu-item{padding:8px 8px 8px 20px}.gio-submenu-item:hover:not(.gio-submenu-item__active){background:color-mix(in srgb,var(--gio-oem-palette--active, #5c5959) 50%,transparent);color:var(--gio-oem-palette--active-contrast, #fff)}:host-context(.gio-submenu__light) .gio-submenu-item__active{background:var(--gio-oem-palette--active, #a93b12);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,var(--gio-oem-palette--active, #a93b12) 80%,black);color:var(--gio-oem-palette--active-contrast, #fff)}\n"] }]
|
|
8467
8474
|
}], propDecorators: { active: [{
|
|
8468
8475
|
type: Input
|
|
8469
8476
|
}], iconRight: [{
|
|
8470
8477
|
type: Input
|
|
8478
|
+
}], iconRightTooltip: [{
|
|
8479
|
+
type: Input
|
|
8471
8480
|
}], gioSubmenuItem: [{
|
|
8472
8481
|
type: ViewChild,
|
|
8473
8482
|
args: ['gioSubmenuItem', { static: false }]
|
|
@@ -8493,15 +8502,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8493
8502
|
*/
|
|
8494
8503
|
class GioSubmenuModule {
|
|
8495
8504
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8496
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, declarations: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective], imports: [CommonModule, MatIconModule, GioIconsModule], exports: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective] }); }
|
|
8497
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, imports: [CommonModule, MatIconModule, GioIconsModule] }); }
|
|
8505
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, declarations: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective], imports: [CommonModule, MatIconModule, GioIconsModule, MatTooltipModule], exports: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective] }); }
|
|
8506
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, imports: [CommonModule, MatIconModule, GioIconsModule, MatTooltipModule] }); }
|
|
8498
8507
|
}
|
|
8499
8508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioSubmenuModule, decorators: [{
|
|
8500
8509
|
type: NgModule,
|
|
8501
8510
|
args: [{
|
|
8502
8511
|
declarations: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective],
|
|
8503
8512
|
exports: [GioSubmenuComponent, GioSubmenuGroupComponent, GioSubmenuItemComponent, GioSubmenuTitleDirective],
|
|
8504
|
-
imports: [CommonModule, MatIconModule, GioIconsModule],
|
|
8513
|
+
imports: [CommonModule, MatIconModule, GioIconsModule, MatTooltipModule],
|
|
8505
8514
|
}]
|
|
8506
8515
|
}] });
|
|
8507
8516
|
|