@fundamental-ngx/btp 0.46.0-rc.100
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.
- package/README.md +7 -0
- package/esm2022/fundamental-ngx-btp.mjs +5 -0
- package/esm2022/index.mjs +3 -0
- package/esm2022/navigation/directives/navigation-home.directive.mjs +19 -0
- package/esm2022/navigation/directives/navigation-list-spacer.directive.mjs +24 -0
- package/esm2022/navigation/fundamental-ngx-btp-navigation.mjs +5 -0
- package/esm2022/navigation/index.mjs +11 -0
- package/esm2022/navigation/navigation-component.token.mjs +22 -0
- package/esm2022/navigation/navigation-content-end.component.mjs +62 -0
- package/esm2022/navigation/navigation-content-start.component.mjs +207 -0
- package/esm2022/navigation/navigation-content.token.mjs +3 -0
- package/esm2022/navigation/navigation-link.component.mjs +188 -0
- package/esm2022/navigation/navigation-list/navigation-list-item.component.mjs +423 -0
- package/esm2022/navigation/navigation-list/navigation-list-overflow-item.component.mjs +57 -0
- package/esm2022/navigation/navigation-list/navigation-list.component.mjs +125 -0
- package/esm2022/navigation/navigation-list-component.token.mjs +3 -0
- package/esm2022/navigation/navigation-list-item-component.token.mjs +90 -0
- package/esm2022/navigation/navigation.component.mjs +251 -0
- package/esm2022/navigation/navigation.service.mjs +14 -0
- package/esm2022/navigation/navigation.types.mjs +2 -0
- package/esm2022/navigation-menu/fundamental-ngx-btp-navigation-menu.mjs +5 -0
- package/esm2022/navigation-menu/index.mjs +6 -0
- package/esm2022/navigation-menu/lib/navigation-menu-item.component.mjs +48 -0
- package/esm2022/navigation-menu/lib/navigation-menu-popover-control.directive.mjs +19 -0
- package/esm2022/navigation-menu/lib/navigation-menu-popover.component.mjs +38 -0
- package/esm2022/navigation-menu/lib/navigation-menu.component.mjs +13 -0
- package/esm2022/navigation-menu/lib/navigation-menu.module.mjs +17 -0
- package/esm2022/search-field/fundamental-ngx-btp-search-field.mjs +5 -0
- package/esm2022/search-field/index.mjs +2 -0
- package/esm2022/search-field/search-field.component.mjs +62 -0
- package/esm2022/shared/fundamental-ngx-btp-shared.mjs +5 -0
- package/esm2022/shared/index.mjs +2 -0
- package/esm2022/tool-header/components/tool-header/tool-header.component.mjs +227 -0
- package/esm2022/tool-header/components/tool-header-product-switch.component.mjs +102 -0
- package/esm2022/tool-header/directives/tool-header-action.directive.mjs +43 -0
- package/esm2022/tool-header/directives/tool-header-actions.directive.mjs +63 -0
- package/esm2022/tool-header/directives/tool-header-auto-mode.directive.mjs +114 -0
- package/esm2022/tool-header/directives/tool-header-button.directive.mjs +51 -0
- package/esm2022/tool-header/directives/tool-header-element.directive.mjs +17 -0
- package/esm2022/tool-header/directives/tool-header-group.directive.mjs +26 -0
- package/esm2022/tool-header/directives/tool-header-logo.directive.mjs +19 -0
- package/esm2022/tool-header/directives/tool-header-user.directive.mjs +14 -0
- package/esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs +5 -0
- package/esm2022/tool-header/index.mjs +10 -0
- package/esm2022/tool-header/tool-header-action-button.type.mjs +2 -0
- package/esm2022/tool-header/tool-header-component.class.mjs +74 -0
- package/esm2022/tool-header/tool-header-state.type.mjs +2 -0
- package/esm2022/tool-layout/directives/tool-layout-container.directive.mjs +17 -0
- package/esm2022/tool-layout/directives/tool-layout-content-container.directive.mjs +50 -0
- package/esm2022/tool-layout/directives/tool-layout-header-container.directive.mjs +17 -0
- package/esm2022/tool-layout/directives/tool-layout-navigation-container.directive.mjs +37 -0
- package/esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs +5 -0
- package/esm2022/tool-layout/index.mjs +7 -0
- package/esm2022/tool-layout/tool-layout.component.mjs +43 -0
- package/esm2022/tool-layout/tool-layout.module.mjs +40 -0
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +130 -0
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-navigation.mjs +1409 -0
- package/fesm2022/fundamental-ngx-btp-navigation.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-search-field.mjs +69 -0
- package/fesm2022/fundamental-ngx-btp-search-field.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-shared.mjs +4 -0
- package/fesm2022/fundamental-ngx-btp-shared.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +717 -0
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +194 -0
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp.mjs +7 -0
- package/fesm2022/fundamental-ngx-btp.mjs.map +1 -0
- package/fundamental-ngx-btp-v0.46.0-rc.100.tgz +0 -0
- package/index.d.ts +2 -0
- package/navigation/README.md +3 -0
- package/navigation/directives/navigation-home.directive.d.ts +10 -0
- package/navigation/directives/navigation-list-spacer.directive.d.ts +8 -0
- package/navigation/index.d.ts +10 -0
- package/navigation/navigation-component.token.d.ts +34 -0
- package/navigation/navigation-content-end.component.d.ts +23 -0
- package/navigation/navigation-content-start.component.d.ts +54 -0
- package/navigation/navigation-content.token.d.ts +11 -0
- package/navigation/navigation-link.component.d.ts +49 -0
- package/navigation/navigation-list/navigation-list-item.component.d.ts +142 -0
- package/navigation/navigation-list/navigation-list-overflow-item.component.d.ts +16 -0
- package/navigation/navigation-list/navigation-list.component.d.ts +60 -0
- package/navigation/navigation-list-component.token.d.ts +17 -0
- package/navigation/navigation-list-item-component.token.d.ts +68 -0
- package/navigation/navigation.component.d.ts +82 -0
- package/navigation/navigation.service.d.ts +8 -0
- package/navigation/navigation.types.d.ts +2 -0
- package/navigation-menu/README.md +3 -0
- package/navigation-menu/index.d.ts +5 -0
- package/navigation-menu/lib/navigation-menu-item.component.d.ts +13 -0
- package/navigation-menu/lib/navigation-menu-popover-control.directive.d.ts +10 -0
- package/navigation-menu/lib/navigation-menu-popover.component.d.ts +11 -0
- package/navigation-menu/lib/navigation-menu.component.d.ts +5 -0
- package/navigation-menu/lib/navigation-menu.module.d.ts +8 -0
- package/package.json +63 -0
- package/search-field/README.md +3 -0
- package/search-field/index.d.ts +1 -0
- package/search-field/search-field.component.d.ts +34 -0
- package/shared/README.md +3 -0
- package/shared/index.d.ts +1 -0
- package/tool-header/README.md +3 -0
- package/tool-header/components/tool-header/tool-header.component.d.ts +91 -0
- package/tool-header/components/tool-header-product-switch.component.d.ts +11 -0
- package/tool-header/directives/tool-header-action.directive.d.ts +35 -0
- package/tool-header/directives/tool-header-actions.directive.d.ts +27 -0
- package/tool-header/directives/tool-header-auto-mode.directive.d.ts +68 -0
- package/tool-header/directives/tool-header-button.directive.d.ts +22 -0
- package/tool-header/directives/tool-header-element.directive.d.ts +5 -0
- package/tool-header/directives/tool-header-group.directive.d.ts +12 -0
- package/tool-header/directives/tool-header-logo.directive.d.ts +5 -0
- package/tool-header/directives/tool-header-user.directive.d.ts +5 -0
- package/tool-header/index.d.ts +9 -0
- package/tool-header/tool-header-action-button.type.d.ts +10 -0
- package/tool-header/tool-header-component.class.d.ts +20 -0
- package/tool-header/tool-header-state.type.d.ts +14 -0
- package/tool-layout/README.md +3 -0
- package/tool-layout/directives/tool-layout-container.directive.d.ts +5 -0
- package/tool-layout/directives/tool-layout-content-container.directive.d.ts +29 -0
- package/tool-layout/directives/tool-layout-header-container.directive.d.ts +5 -0
- package/tool-layout/directives/tool-layout-navigation-container.directive.d.ts +13 -0
- package/tool-layout/index.d.ts +6 -0
- package/tool-layout/tool-layout.component.d.ts +27 -0
- package/tool-layout/tool-layout.module.d.ts +11 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, inject, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class ToolLayoutComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
/** @hidden */
|
|
8
|
+
this.elementRef = inject(ElementRef);
|
|
9
|
+
}
|
|
10
|
+
/** @hidden
|
|
11
|
+
* CssClassBuilder interface implementation
|
|
12
|
+
* function must return single string
|
|
13
|
+
* function is responsible for order which css classes are applied
|
|
14
|
+
*/
|
|
15
|
+
buildComponentCssClass() {
|
|
16
|
+
return ['fd-tool-layout', this.mode ? `fd-tool-layout--${this.mode}` : '', this.class];
|
|
17
|
+
}
|
|
18
|
+
/** @hidden */
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.buildComponentCssClass();
|
|
21
|
+
}
|
|
22
|
+
/** @hidden */
|
|
23
|
+
ngOnChanges() {
|
|
24
|
+
this.buildComponentCssClass();
|
|
25
|
+
}
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutComponent, isStandalone: true, selector: "[fdbToolLayout]", inputs: { class: "class", mode: "mode" }, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Navigation_Container_Margin_Top:.5rem;--fdToolLayout_Navigation_Container_Margin_Right:.5rem;--fdToolLayout_Content_Container_Margin_Top:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-top:var(--fdToolLayout_Navigation_Container_Margin_Top);padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container[dir=rtl],[dir=rtl] .fd-tool-layout__navigation-container{margin-left:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-right:0}.fd-tool-layout__navigation-container--horizontal,.fd-tool-layout__navigation-container--popup{--fdToolLayout_Navigation_Container_Margin_Top:0;--fdToolLayout_Navigation_Container_Margin_Right:0}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--fdToolLayout_Content_Container_Margin_Top);overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Margin_Top:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
|
+
}
|
|
29
|
+
__decorate([
|
|
30
|
+
applyCssClass,
|
|
31
|
+
__metadata("design:type", Function),
|
|
32
|
+
__metadata("design:paramtypes", []),
|
|
33
|
+
__metadata("design:returntype", Array)
|
|
34
|
+
], ToolLayoutComponent.prototype, "buildComponentCssClass", null);
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tool-layout{--fdToolLayout_Padding:.5rem .5rem 0 .5rem;--fdToolLayout_Navigation_Container_Margin_Top:.5rem;--fdToolLayout_Navigation_Container_Margin_Right:.5rem;--fdToolLayout_Content_Container_Margin_Top:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem .5rem 0 0;--fdToolLayout_Content_Container_Background:var(--sapBackgroundColor);--fdToolLayout_Content_Container_BoxShadow:var(--sapToolLayoutContent_Shadow1);-webkit-box-sizing:border-box;background:var(--fdToolLayout_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdToolLayout_Padding);width:100%}.fd-tool-layout:after,.fd-tool-layout:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tool-layout__container:after,.fd-tool-layout__container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__header-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-tool-layout__header-container:after,.fd-tool-layout__header-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-top:var(--fdToolLayout_Navigation_Container_Margin_Top);padding:0}.fd-tool-layout__navigation-container:after,.fd-tool-layout__navigation-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__navigation-container[dir=rtl],[dir=rtl] .fd-tool-layout__navigation-container{margin-left:var(--fdToolLayout_Navigation_Container_Margin_Right);margin-right:0}.fd-tool-layout__navigation-container--horizontal,.fd-tool-layout__navigation-container--popup{--fdToolLayout_Navigation_Container_Margin_Top:0;--fdToolLayout_Navigation_Container_Margin_Right:0}.fd-tool-layout__navigation-container--horizontal{flex:1;min-width:100%}.fd-tool-layout__navigation-container--horizontal+.fd-tool-layout__content-container{min-width:100%}.fd-tool-layout__content-container{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;-webkit-box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);background:var(--fdToolLayout_Content_Container_Background);border:0;border-radius:var(--fdToolLayout_Content_Container_Border_Radius);box-shadow:var(--fdToolLayout_Content_Container_BoxShadow);box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;margin-top:var(--fdToolLayout_Content_Container_Margin_Top);overflow:hidden;padding:0;width:100%}.fd-tool-layout__content-container:after,.fd-tool-layout__content-container:before{box-sizing:inherit;font-size:inherit}.fd-tool-layout__content-container--transparent{--fdToolLayout_Content_Container_Background:transparent;--fdToolLayout_Content_Container_BoxShadow:none}.fd-tool-layout__content-container--list{--fdToolLayout_Content_Container_Background:var(--sapGroup_ContentBackground)}.fd-tool-layout--tablet{--fdToolLayout_Padding:.5rem;--fdToolLayout_Content_Container_Border_Radius:.5rem}.fd-tool-layout--phone{--fdToolLayout_Padding:.25rem;--fdToolLayout_Content_Container_Margin_Top:.25rem;--fdToolLayout_Content_Container_Border_Radius:.25rem}.fd-tool-layout__header-container{width:100%}.fd-tool-layout__content-container{overflow:hidden}\n"] }]
|
|
38
|
+
}], propDecorators: { class: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], mode: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], buildComponentCssClass: [] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvdG9vbC1sYXlvdXQvc3JjL3Rvb2wtbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBR0wsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQTRDLE1BQU0sNEJBQTRCLENBQUM7O0FBV3JHLE1BQU0sT0FBTyxtQkFBbUI7SUFUaEM7UUFxQkksY0FBYztRQUNMLGVBQVUsR0FBNEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBcUJyRTtJQW5CRzs7OztPQUlHO0lBRUgsc0JBQXNCO1FBQ2xCLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNGLENBQUM7SUFFRCxjQUFjO0lBQ2QsUUFBUTtRQUNKLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBakNRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBJQU5sQiw0QkFBNEI7O0FBMkJ0QztJQURDLGFBQWE7Ozs7aUVBR2I7MkZBdkJRLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFFSSxpQkFBaUIsWUFDakIsNEJBQTRCLGlCQUV2QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7OEJBS2hCLEtBQUs7c0JBREosS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBWU4sc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZkYlZpZXdNb2RlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9idHAvc2hhcmVkJztcbmltcG9ydCB7IGFwcGx5Q3NzQ2xhc3MsIENzc0NsYXNzQnVpbGRlciwgSGFzRWxlbWVudFJlZiwgTnVsbGFibGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdbZmRiVG9vbExheW91dF0nLCAvLyBVc2luZyBjYW1lbCBjYXNlLCBiZWNhdXNlIGl0IHNob3VsZCBiZWNvbWUgZGlyZWN0aXZlIHNvbWV0aW1lIGluIHRoZSBmdXR1cmVcbiAgICB0ZW1wbGF0ZTogYCA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sLWxheW91dC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBUb29sTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIENzc0NsYXNzQnVpbGRlciwgSGFzRWxlbWVudFJlZiB7XG4gICAgLyoqIHVzZXIncyBjdXN0b20gY2xhc3NlcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xhc3M6IHN0cmluZztcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBUb29sIExheW91dCBpcyBpbiBEZXNrdG9wLCBUYWJsZXQgb3IgTW9iaWxlL1Bob25lIG1vZGVcbiAgICAgKiBUeXBlcyBhdmFpbGFibGU6ICcnIHwgJ3RhYmxldCcgfCAncGhvbmUnXG4gICAgICogVGhlIGRlZmF1bHQgKG5vdCBzcGVjaWZpZWQpIG1vZGUgaXMgZGVza3RvcC5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIG1vZGU6IE51bGxhYmxlPEZkYlZpZXdNb2RlPjtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgICAvKiogQGhpZGRlblxuICAgICAqIENzc0NsYXNzQnVpbGRlciBpbnRlcmZhY2UgaW1wbGVtZW50YXRpb25cbiAgICAgKiBmdW5jdGlvbiBtdXN0IHJldHVybiBzaW5nbGUgc3RyaW5nXG4gICAgICogZnVuY3Rpb24gaXMgcmVzcG9uc2libGUgZm9yIG9yZGVyIHdoaWNoIGNzcyBjbGFzc2VzIGFyZSBhcHBsaWVkXG4gICAgICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFsnZmQtdG9vbC1sYXlvdXQnLCB0aGlzLm1vZGUgPyBgZmQtdG9vbC1sYXlvdXQtLSR7dGhpcy5tb2RlfWAgOiAnJywgdGhpcy5jbGFzc107XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { ToolLayoutContainerDirective } from './directives/tool-layout-container.directive';
|
|
3
|
+
import { ToolLayoutContentContainerDirective } from './directives/tool-layout-content-container.directive';
|
|
4
|
+
import { ToolLayoutHeaderContainerDirective } from './directives/tool-layout-header-container.directive';
|
|
5
|
+
import { ToolLayoutNavigationContainerDirective } from './directives/tool-layout-navigation-container.directive';
|
|
6
|
+
import { ToolLayoutComponent } from './tool-layout.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class ToolLayoutModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, imports: [ToolLayoutComponent,
|
|
11
|
+
ToolLayoutContainerDirective,
|
|
12
|
+
ToolLayoutContentContainerDirective,
|
|
13
|
+
ToolLayoutHeaderContainerDirective,
|
|
14
|
+
ToolLayoutNavigationContainerDirective], exports: [ToolLayoutComponent,
|
|
15
|
+
ToolLayoutContainerDirective,
|
|
16
|
+
ToolLayoutContentContainerDirective,
|
|
17
|
+
ToolLayoutHeaderContainerDirective,
|
|
18
|
+
ToolLayoutNavigationContainerDirective] }); }
|
|
19
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, decorators: [{
|
|
22
|
+
type: NgModule,
|
|
23
|
+
args: [{
|
|
24
|
+
imports: [
|
|
25
|
+
ToolLayoutComponent,
|
|
26
|
+
ToolLayoutContainerDirective,
|
|
27
|
+
ToolLayoutContentContainerDirective,
|
|
28
|
+
ToolLayoutHeaderContainerDirective,
|
|
29
|
+
ToolLayoutNavigationContainerDirective
|
|
30
|
+
],
|
|
31
|
+
exports: [
|
|
32
|
+
ToolLayoutComponent,
|
|
33
|
+
ToolLayoutContainerDirective,
|
|
34
|
+
ToolLayoutContentContainerDirective,
|
|
35
|
+
ToolLayoutHeaderContainerDirective,
|
|
36
|
+
ToolLayoutNavigationContainerDirective
|
|
37
|
+
]
|
|
38
|
+
}]
|
|
39
|
+
}] });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvdG9vbC1sYXlvdXQvc3JjL3Rvb2wtbGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzNHLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ2pILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGdCQUFnQjs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsWUFkckIsbUJBQW1CO1lBQ25CLDRCQUE0QjtZQUM1QixtQ0FBbUM7WUFDbkMsa0NBQWtDO1lBQ2xDLHNDQUFzQyxhQUd0QyxtQkFBbUI7WUFDbkIsNEJBQTRCO1lBQzVCLG1DQUFtQztZQUNuQyxrQ0FBa0M7WUFDbEMsc0NBQXNDOytHQUdqQyxnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBaEI1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxtQkFBbUI7d0JBQ25CLDRCQUE0Qjt3QkFDNUIsbUNBQW1DO3dCQUNuQyxrQ0FBa0M7d0JBQ2xDLHNDQUFzQztxQkFDekM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLG1CQUFtQjt3QkFDbkIsNEJBQTRCO3dCQUM1QixtQ0FBbUM7d0JBQ25DLGtDQUFrQzt3QkFDbEMsc0NBQXNDO3FCQUN6QztpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb29sTGF5b3V0Q29udGFpbmVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3Rvb2wtbGF5b3V0LWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVG9vbExheW91dENvbnRlbnRDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtY29udGVudC1jb250YWluZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRvb2xMYXlvdXRIZWFkZXJDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtaGVhZGVyLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVG9vbExheW91dE5hdmlnYXRpb25Db250YWluZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtbmF2aWdhdGlvbi1jb250YWluZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRvb2xMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL3Rvb2wtbGF5b3V0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBUb29sTGF5b3V0Q29tcG9uZW50LFxuICAgICAgICBUb29sTGF5b3V0Q29udGFpbmVyRGlyZWN0aXZlLFxuICAgICAgICBUb29sTGF5b3V0Q29udGVudENvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICAgICAgVG9vbExheW91dEhlYWRlckNvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICAgICAgVG9vbExheW91dE5hdmlnYXRpb25Db250YWluZXJEaXJlY3RpdmVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgVG9vbExheW91dENvbXBvbmVudCxcbiAgICAgICAgVG9vbExheW91dENvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICAgICAgVG9vbExheW91dENvbnRlbnRDb250YWluZXJEaXJlY3RpdmUsXG4gICAgICAgIFRvb2xMYXlvdXRIZWFkZXJDb250YWluZXJEaXJlY3RpdmUsXG4gICAgICAgIFRvb2xMYXlvdXROYXZpZ2F0aW9uQ29udGFpbmVyRGlyZWN0aXZlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sTGF5b3V0TW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { Component, Input, Directive, ViewEncapsulation, ContentChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
|
+
import { IconComponent } from '@fundamental-ngx/core/icon';
|
|
5
|
+
import { PopoverBodyDirective, PopoverComponent, PopoverControlComponent } from '@fundamental-ngx/core/popover';
|
|
6
|
+
|
|
7
|
+
class NavigationMenuItemComponent {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuItemComponent, isStandalone: true, selector: "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", inputs: { glyph: "glyph", label: "label" }, host: { classAttribute: "fd-navigation-menu__item" }, ngImport: i0, template: `
|
|
10
|
+
<fd-icon
|
|
11
|
+
class="fd-navigation-menu__icon"
|
|
12
|
+
[glyph]="glyph"
|
|
13
|
+
role="presentation"
|
|
14
|
+
aria-hidden="true"
|
|
15
|
+
*ngIf="glyph"
|
|
16
|
+
></fd-icon>
|
|
17
|
+
<span class="fd-navigation-menu__text">
|
|
18
|
+
{{ label }}
|
|
19
|
+
</span>
|
|
20
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuItemComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{
|
|
25
|
+
selector: 'fdb-navigation-menu-item, li[fdb-navigation-menu-item]',
|
|
26
|
+
template: `
|
|
27
|
+
<fd-icon
|
|
28
|
+
class="fd-navigation-menu__icon"
|
|
29
|
+
[glyph]="glyph"
|
|
30
|
+
role="presentation"
|
|
31
|
+
aria-hidden="true"
|
|
32
|
+
*ngIf="glyph"
|
|
33
|
+
></fd-icon>
|
|
34
|
+
<span class="fd-navigation-menu__text">
|
|
35
|
+
{{ label }}
|
|
36
|
+
</span>
|
|
37
|
+
`,
|
|
38
|
+
standalone: true,
|
|
39
|
+
imports: [IconComponent, NgIf],
|
|
40
|
+
host: {
|
|
41
|
+
class: 'fd-navigation-menu__item'
|
|
42
|
+
}
|
|
43
|
+
}]
|
|
44
|
+
}], propDecorators: { glyph: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], label: [{
|
|
47
|
+
type: Input,
|
|
48
|
+
args: [{ required: true }]
|
|
49
|
+
}] } });
|
|
50
|
+
|
|
51
|
+
class NavigationMenuPopoverControlDirective {
|
|
52
|
+
/** @hidden */
|
|
53
|
+
constructor(templateRef, viewContainerRef) {
|
|
54
|
+
this.templateRef = templateRef;
|
|
55
|
+
this.viewContainerRef = viewContainerRef;
|
|
56
|
+
}
|
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuPopoverControlDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
58
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuPopoverControlDirective, isStandalone: true, selector: "[fdbNavigationMenuPopoverControl]", ngImport: i0 }); }
|
|
59
|
+
}
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuPopoverControlDirective, decorators: [{
|
|
61
|
+
type: Directive,
|
|
62
|
+
args: [{
|
|
63
|
+
selector: '[fdbNavigationMenuPopoverControl]',
|
|
64
|
+
standalone: true
|
|
65
|
+
}]
|
|
66
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
67
|
+
|
|
68
|
+
class NavigationMenuPopoverComponent {
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuPopoverComponent, isStandalone: true, selector: "fdb-navigation-menu-popover", queries: [{ propertyName: "_control", first: true, predicate: NavigationMenuPopoverControlDirective, descendants: true }, { propertyName: "_body", first: true, predicate: PopoverBodyDirective, descendants: true }], ngImport: i0, template: `
|
|
71
|
+
<fd-popover additionalBodyClass="fdb-navigation-popover-body" [noArrow]="false" [focusAutoCapture]="true">
|
|
72
|
+
<fd-popover-control>
|
|
73
|
+
<ng-template [ngTemplateOutlet]="_control.templateRef"></ng-template>
|
|
74
|
+
</fd-popover-control>
|
|
75
|
+
<ng-template fdPopoverBody>
|
|
76
|
+
<ng-template [ngTemplateOutlet]="_body.templateRef"></ng-template>
|
|
77
|
+
</ng-template>
|
|
78
|
+
</fd-popover>
|
|
79
|
+
`, isInline: true, styles: [".fdb-navigation-popover-body{--fdPopover_Offset: -.3875rem;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow2)}.fdb-navigation-popover-body .fd-navigation-menu{padding:0}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "directive", type: PopoverBodyDirective, selector: "[fdPopoverBody]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
|
+
}
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuPopoverComponent, decorators: [{
|
|
82
|
+
type: Component,
|
|
83
|
+
args: [{ selector: 'fdb-navigation-menu-popover', template: `
|
|
84
|
+
<fd-popover additionalBodyClass="fdb-navigation-popover-body" [noArrow]="false" [focusAutoCapture]="true">
|
|
85
|
+
<fd-popover-control>
|
|
86
|
+
<ng-template [ngTemplateOutlet]="_control.templateRef"></ng-template>
|
|
87
|
+
</fd-popover-control>
|
|
88
|
+
<ng-template fdPopoverBody>
|
|
89
|
+
<ng-template [ngTemplateOutlet]="_body.templateRef"></ng-template>
|
|
90
|
+
</ng-template>
|
|
91
|
+
</fd-popover>
|
|
92
|
+
`, imports: [PopoverComponent, PopoverControlComponent, PopoverBodyDirective, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, standalone: true, styles: [".fdb-navigation-popover-body{--fdPopover_Offset: -.3875rem;padding:.5rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow2)}.fdb-navigation-popover-body .fd-navigation-menu{padding:0}\n"] }]
|
|
93
|
+
}], propDecorators: { _control: [{
|
|
94
|
+
type: ContentChild,
|
|
95
|
+
args: [NavigationMenuPopoverControlDirective]
|
|
96
|
+
}], _body: [{
|
|
97
|
+
type: ContentChild,
|
|
98
|
+
args: [PopoverBodyDirective]
|
|
99
|
+
}] } });
|
|
100
|
+
|
|
101
|
+
class NavigationMenuComponent {
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationMenuComponent, isStandalone: true, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]", host: { classAttribute: "fd-navigation-menu" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
104
|
+
}
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuComponent, decorators: [{
|
|
106
|
+
type: Component,
|
|
107
|
+
args: [{ selector: 'fdb-navigation-menu, ul[fdb-navigation-menu]', template: ` <ng-content></ng-content> `, standalone: true, encapsulation: ViewEncapsulation.None, host: {
|
|
108
|
+
class: 'fd-navigation-menu'
|
|
109
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation-menu{-webkit-box-sizing:border-box;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigationMenu_Item_Transition);align-items:center;background:var(--fdNavigationMenu_Item_Background);border:0;border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigationMenu_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigationMenu_Item_Min_Height);padding:.5rem 0 .5rem .5rem;padding-right:var(--fdNavigationMenu_Item_Padding_Right);position:relative;transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item[dir=rtl],[dir=rtl] .fd-navigation-menu__item{padding-left:var(--fdNavigationMenu_Item_Padding_Right);padding-right:.5rem}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{outline:none;z-index:5}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{-webkit-transform:translateY(-50%);background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);display:flex;font-family:SAP-icons;font-size:.75rem;height:.75rem;justify-content:center;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:1rem;justify-content:center}.fd-navigation-menu__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{box-sizing:inherit;font-size:inherit}\n"] }]
|
|
110
|
+
}] });
|
|
111
|
+
|
|
112
|
+
class NavigationMenuModule {
|
|
113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
114
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuComponent, NavigationMenuItemComponent], exports: [NavigationMenuComponent, NavigationMenuItemComponent] }); }
|
|
115
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuItemComponent] }); }
|
|
116
|
+
}
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationMenuModule, decorators: [{
|
|
118
|
+
type: NgModule,
|
|
119
|
+
args: [{
|
|
120
|
+
imports: [NavigationMenuComponent, NavigationMenuItemComponent],
|
|
121
|
+
exports: [NavigationMenuComponent, NavigationMenuItemComponent]
|
|
122
|
+
}]
|
|
123
|
+
}] });
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Generated bundle index. Do not edit.
|
|
127
|
+
*/
|
|
128
|
+
|
|
129
|
+
export { NavigationMenuComponent, NavigationMenuItemComponent, NavigationMenuModule, NavigationMenuPopoverComponent, NavigationMenuPopoverControlDirective };
|
|
130
|
+
//# sourceMappingURL=fundamental-ngx-btp-navigation-menu.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp-navigation-menu.mjs","sources":["../../../../libs/btp/navigation-menu/src/lib/navigation-menu-item.component.ts","../../../../libs/btp/navigation-menu/src/lib/navigation-menu-popover-control.directive.ts","../../../../libs/btp/navigation-menu/src/lib/navigation-menu-popover.component.ts","../../../../libs/btp/navigation-menu/src/lib/navigation-menu.component.ts","../../../../libs/btp/navigation-menu/src/lib/navigation-menu.module.ts","../../../../libs/btp/navigation-menu/src/fundamental-ngx-btp-navigation-menu.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\n\n@Component({\n selector: 'fdb-navigation-menu-item, li[fdb-navigation-menu-item]',\n template: `\n <fd-icon\n class=\"fd-navigation-menu__icon\"\n [glyph]=\"glyph\"\n role=\"presentation\"\n aria-hidden=\"true\"\n *ngIf=\"glyph\"\n ></fd-icon>\n <span class=\"fd-navigation-menu__text\">\n {{ label }}\n </span>\n `,\n standalone: true,\n imports: [IconComponent, NgIf],\n host: {\n class: 'fd-navigation-menu__item'\n }\n})\nexport class NavigationMenuItemComponent {\n /**\n * Name of the icon to be displayed before the text.\n */\n @Input()\n glyph: string;\n\n /**\n * Text to be displayed.\n */\n @Input({ required: true })\n label!: string;\n}\n","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n selector: '[fdbNavigationMenuPopoverControl]',\n standalone: true\n})\nexport class NavigationMenuPopoverControlDirective {\n /** @hidden */\n constructor(readonly templateRef: TemplateRef<void>, private viewContainerRef: ViewContainerRef) {}\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, ViewEncapsulation } from '@angular/core';\nimport { PopoverBodyDirective, PopoverComponent, PopoverControlComponent } from '@fundamental-ngx/core/popover';\nimport { NavigationMenuPopoverControlDirective } from './navigation-menu-popover-control.directive';\n\n@Component({\n selector: 'fdb-navigation-menu-popover',\n template: `\n <fd-popover additionalBodyClass=\"fdb-navigation-popover-body\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"_control.templateRef\"></ng-template>\n </fd-popover-control>\n <ng-template fdPopoverBody>\n <ng-template [ngTemplateOutlet]=\"_body.templateRef\"></ng-template>\n </ng-template>\n </fd-popover>\n `,\n styleUrls: ['./navigation-menu-popover.component.scss'],\n imports: [PopoverComponent, PopoverControlComponent, PopoverBodyDirective, NgTemplateOutlet],\n encapsulation: ViewEncapsulation.None,\n standalone: true\n})\nexport class NavigationMenuPopoverComponent {\n /** @hidden */\n @ContentChild(NavigationMenuPopoverControlDirective)\n protected _control!: NavigationMenuPopoverControlDirective;\n\n /** @hidden */\n @ContentChild(PopoverBodyDirective)\n protected _body!: PopoverBodyDirective;\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'fdb-navigation-menu, ul[fdb-navigation-menu]',\n template: ` <ng-content></ng-content> `,\n styleUrls: ['../../../../../node_modules/fundamental-styles/dist/navigation-menu.css'],\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fd-navigation-menu'\n },\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NavigationMenuComponent {}\n","import { NgModule } from '@angular/core';\nimport { NavigationMenuItemComponent } from './navigation-menu-item.component';\nimport { NavigationMenuComponent } from './navigation-menu.component';\n\n@NgModule({\n imports: [NavigationMenuComponent, NavigationMenuItemComponent],\n exports: [NavigationMenuComponent, NavigationMenuItemComponent]\n})\nexport class NavigationMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|