@fundamental-ngx/btp 0.46.0-rc.87
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/fundamental-ngx-btp-navigation.mjs +5 -0
- package/esm2022/navigation/index.mjs +2 -0
- package/esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs +5 -0
- package/esm2022/tool-header/index.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.mjs +6 -0
- package/fesm2022/fundamental-ngx-btp-navigation.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +6 -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.87.tgz +0 -0
- package/index.d.ts +2 -0
- package/navigation/README.md +3 -0
- package/navigation/index.d.ts +2 -0
- package/package.json +45 -0
- package/tool-header/README.md +3 -0
- package/tool-header/index.d.ts +2 -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
package/README.md
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWJ0cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvYnRwL3NyYy9mdW5kYW1lbnRhbC1uZ3gtYnRwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
throw new Error('Do not import anything from the `@fundamental-ngx/btp`, use secondary entrypoint exports instead!');
|
|
2
|
+
export default 'btp-library';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2J0cC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxJQUFJLEtBQUssQ0FBQyxtR0FBbUcsQ0FBQyxDQUFDO0FBQ3JILGVBQWUsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsidGhyb3cgbmV3IEVycm9yKCdEbyBub3QgaW1wb3J0IGFueXRoaW5nIGZyb20gdGhlIGBAZnVuZGFtZW50YWwtbmd4L2J0cGAsIHVzZSBzZWNvbmRhcnkgZW50cnlwb2ludCBleHBvcnRzIGluc3RlYWQhJyk7XG5leHBvcnQgZGVmYXVsdCAnYnRwLWxpYnJhcnknO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWJ0cC1uYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvbmF2aWdhdGlvbi9zcmMvZnVuZGFtZW50YWwtbmd4LWJ0cC1uYXZpZ2F0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export default 'btp-navigation';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2J0cC9uYXZpZ2F0aW9uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlZmF1bHQgJ2J0cC1uYXZpZ2F0aW9uJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWJ0cC10b29sLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3Rvb2wtaGVhZGVyL3NyYy9mdW5kYW1lbnRhbC1uZ3gtYnRwLXRvb2wtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export default 'btp-tool-header';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2J0cC90b29sLWhlYWRlci9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFBZSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0ICdidHAtdG9vbC1oZWFkZXInO1xuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ToolLayoutContainerDirective {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutContainerDirective, isStandalone: true, selector: "[fdbToolLayoutContainer]", host: { classAttribute: "fd-tool-layout__container" }, ngImport: i0 }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContainerDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[fdbToolLayoutContainer]',
|
|
11
|
+
standalone: true,
|
|
12
|
+
host: {
|
|
13
|
+
class: 'fd-tool-layout__container'
|
|
14
|
+
}
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQtY29udGFpbmVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3Rvb2wtbGF5b3V0L3NyYy9kaXJlY3RpdmVzL3Rvb2wtbGF5b3V0LWNvbnRhaW5lci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLDRCQUE0Qjs4R0FBNUIsNEJBQTRCO2tHQUE1Qiw0QkFBNEI7OzJGQUE1Qiw0QkFBNEI7a0JBUHhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsMkJBQTJCO3FCQUNyQztpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tmZGJUb29sTGF5b3V0Q29udGFpbmVyXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmQtdG9vbC1sYXlvdXRfX2NvbnRhaW5lcidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFRvb2xMYXlvdXRDb250YWluZXJEaXJlY3RpdmUge31cbiJdfQ==
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, inject, Input } from '@angular/core';
|
|
3
|
+
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class ToolLayoutContentContainerDirective {
|
|
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 [
|
|
17
|
+
'fd-tool-layout__content-container',
|
|
18
|
+
this.background ? `fd-tool-layout__content-container--${this.background}` : '',
|
|
19
|
+
this.class
|
|
20
|
+
];
|
|
21
|
+
}
|
|
22
|
+
/** @hidden */
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
this.buildComponentCssClass();
|
|
25
|
+
}
|
|
26
|
+
/** @hidden */
|
|
27
|
+
ngOnChanges() {
|
|
28
|
+
this.buildComponentCssClass();
|
|
29
|
+
}
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutContentContainerDirective, isStandalone: true, selector: "[fdbToolLayoutContentContainer]", inputs: { class: "class", background: "background" }, usesOnChanges: true, ngImport: i0 }); }
|
|
32
|
+
}
|
|
33
|
+
__decorate([
|
|
34
|
+
applyCssClass,
|
|
35
|
+
__metadata("design:type", Function),
|
|
36
|
+
__metadata("design:paramtypes", []),
|
|
37
|
+
__metadata("design:returntype", Array)
|
|
38
|
+
], ToolLayoutContentContainerDirective.prototype, "buildComponentCssClass", null);
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContentContainerDirective, decorators: [{
|
|
40
|
+
type: Directive,
|
|
41
|
+
args: [{
|
|
42
|
+
selector: '[fdbToolLayoutContentContainer]',
|
|
43
|
+
standalone: true
|
|
44
|
+
}]
|
|
45
|
+
}], propDecorators: { class: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], background: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], buildComponentCssClass: [] } });
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQtY29udGVudC1jb250YWluZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvdG9vbC1sYXlvdXQvc3JjL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtY29udGVudC1jb250YWluZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsYUFBYSxFQUFrQyxNQUFNLDRCQUE0QixDQUFDOztBQVEzRixNQUFNLE9BQU8sbUNBQW1DO0lBSmhEO1FBa0JJLGNBQWM7UUFDTCxlQUFVLEdBQTRCLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztLQXlCckU7SUF2Qkc7Ozs7T0FJRztJQUVILHNCQUFzQjtRQUNsQixPQUFPO1lBQ0gsbUNBQW1DO1lBQ25DLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHNDQUFzQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUUsSUFBSSxDQUFDLEtBQUs7U0FDYixDQUFDO0lBQ04sQ0FBQztJQUVELGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGNBQWM7SUFDZCxXQUFXO1FBQ1AsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQzs4R0F2Q1EsbUNBQW1DO2tHQUFuQyxtQ0FBbUM7O0FBdUI1QztJQURDLGFBQWE7Ozs7aUZBT2I7MkZBN0JRLG1DQUFtQztrQkFKL0MsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsaUNBQWlDO29CQUMzQyxVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OEJBSUcsS0FBSztzQkFESixLQUFLO2dCQVVOLFVBQVU7c0JBRFQsS0FBSztnQkFZTixzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhcHBseUNzc0NsYXNzLCBDc3NDbGFzc0J1aWxkZXIsIEhhc0VsZW1lbnRSZWYgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRvb2xMYXlvdXRDb250ZW50Q29udGFpbmVyQmFja2dyb3VuZCA9ICcnIHwgJ3RyYW5zcGFyZW50JyB8ICdsaXN0JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZmRiVG9vbExheW91dENvbnRlbnRDb250YWluZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFRvb2xMYXlvdXRDb250ZW50Q29udGFpbmVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIENzc0NsYXNzQnVpbGRlciwgSGFzRWxlbWVudFJlZiB7XG4gICAgLyoqIHVzZXIncyBjdXN0b20gY2xhc3NlcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xhc3M6IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIHRoZSBiYWNrZ3JvdW5kIG9mIHRoZSBDb250ZW50IENvbnRhaW5lclxuICAgICAqIEF2YWlsYWJsZSBvcHRpb25zOiAnJyB8ICd0cmFuc3BhcmVudCcgfCAnbGlzdCdcbiAgICAgKiBEZWZhdWx0IGJhY2tncm91bmQgaGFzIHRoZSBjb2xvciB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpXG4gICAgICogTGlzdCBiYWNrZ3JvdW5kIHdpbGwgYXBwbHkgdmFyKC0tc2FwR3JvdXBfQ29udGVudEJhY2tncm91bmQpIGJhY2tncm91bmQgdG8gdGhlIGNvbnRlbnQgYXJlYVxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgYmFja2dyb3VuZDogVG9vbExheW91dENvbnRlbnRDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICAgIC8qKiBAaGlkZGVuXG4gICAgICogQ3NzQ2xhc3NCdWlsZGVyIGludGVyZmFjZSBpbXBsZW1lbnRhdGlvblxuICAgICAqIGZ1bmN0aW9uIG11c3QgcmV0dXJuIHNpbmdsZSBzdHJpbmdcbiAgICAgKiBmdW5jdGlvbiBpcyByZXNwb25zaWJsZSBmb3Igb3JkZXIgd2hpY2ggY3NzIGNsYXNzZXMgYXJlIGFwcGxpZWRcbiAgICAgKi9cbiAgICBAYXBwbHlDc3NDbGFzc1xuICAgIGJ1aWxkQ29tcG9uZW50Q3NzQ2xhc3MoKTogc3RyaW5nW10ge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2ZkLXRvb2wtbGF5b3V0X19jb250ZW50LWNvbnRhaW5lcicsXG4gICAgICAgICAgICB0aGlzLmJhY2tncm91bmQgPyBgZmQtdG9vbC1sYXlvdXRfX2NvbnRlbnQtY29udGFpbmVyLS0ke3RoaXMuYmFja2dyb3VuZH1gIDogJycsXG4gICAgICAgICAgICB0aGlzLmNsYXNzXG4gICAgICAgIF07XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ToolLayoutHeaderContainerDirective {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutHeaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutHeaderContainerDirective, isStandalone: true, selector: "[fdbToolLayoutHeaderContainer]", host: { classAttribute: "fd-tool-layout__header-container" }, ngImport: i0 }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutHeaderContainerDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[fdbToolLayoutHeaderContainer]',
|
|
11
|
+
standalone: true,
|
|
12
|
+
host: {
|
|
13
|
+
class: 'fd-tool-layout__header-container'
|
|
14
|
+
}
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQtaGVhZGVyLWNvbnRhaW5lci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2J0cC90b29sLWxheW91dC9zcmMvZGlyZWN0aXZlcy90b29sLWxheW91dC1oZWFkZXItY29udGFpbmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sa0NBQWtDOzhHQUFsQyxrQ0FBa0M7a0dBQWxDLGtDQUFrQzs7MkZBQWxDLGtDQUFrQztrQkFQOUMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzVDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ZkYlRvb2xMYXlvdXRIZWFkZXJDb250YWluZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZC10b29sLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFRvb2xMYXlvdXRIZWFkZXJDb250YWluZXJEaXJlY3RpdmUge31cbiJdfQ==
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Directive, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ToolLayoutNavigationContainerDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* whether the navigation is a popup
|
|
7
|
+
*/
|
|
8
|
+
this.popup = false;
|
|
9
|
+
/**
|
|
10
|
+
* whether the navigation is horizontal
|
|
11
|
+
*/
|
|
12
|
+
this.horizontal = false;
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutNavigationContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
15
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutNavigationContainerDirective, isStandalone: true, selector: "[fdbToolLayoutNavigationContainer]", inputs: { popup: "popup", horizontal: "horizontal" }, host: { properties: { "class.fd-tool-layout__navigation-container--popup": "this.popup", "class.fd-tool-layout__navigation-container--horizontal": "this.horizontal" }, classAttribute: "fd-tool-layout__navigation-container" }, ngImport: i0 }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutNavigationContainerDirective, decorators: [{
|
|
18
|
+
type: Directive,
|
|
19
|
+
args: [{
|
|
20
|
+
selector: '[fdbToolLayoutNavigationContainer]',
|
|
21
|
+
standalone: true,
|
|
22
|
+
host: {
|
|
23
|
+
class: 'fd-tool-layout__navigation-container'
|
|
24
|
+
}
|
|
25
|
+
}]
|
|
26
|
+
}], propDecorators: { popup: [{
|
|
27
|
+
type: HostBinding,
|
|
28
|
+
args: ['class.fd-tool-layout__navigation-container--popup']
|
|
29
|
+
}, {
|
|
30
|
+
type: Input
|
|
31
|
+
}], horizontal: [{
|
|
32
|
+
type: HostBinding,
|
|
33
|
+
args: ['class.fd-tool-layout__navigation-container--horizontal']
|
|
34
|
+
}, {
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQtbmF2aWdhdGlvbi1jb250YWluZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvdG9vbC1sYXlvdXQvc3JjL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtbmF2aWdhdGlvbi1jb250YWluZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTOUQsTUFBTSxPQUFPLHNDQUFzQztJQVBuRDtRQVFJOztXQUVHO1FBR0gsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkOztXQUVHO1FBR0gsZUFBVSxHQUFHLEtBQUssQ0FBQztLQUN0Qjs4R0FkWSxzQ0FBc0M7a0dBQXRDLHNDQUFzQzs7MkZBQXRDLHNDQUFzQztrQkFQbEQsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0NBQW9DO29CQUM5QyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxzQ0FBc0M7cUJBQ2hEO2lCQUNKOzhCQU9HLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxtREFBbUQ7O3NCQUMvRCxLQUFLO2dCQVFOLFVBQVU7c0JBRlQsV0FBVzt1QkFBQyx3REFBd0Q7O3NCQUNwRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZmRiVG9vbExheW91dE5hdmlnYXRpb25Db250YWluZXJdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZC10b29sLWxheW91dF9fbmF2aWdhdGlvbi1jb250YWluZXInXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBUb29sTGF5b3V0TmF2aWdhdGlvbkNvbnRhaW5lckRpcmVjdGl2ZSB7XG4gICAgLyoqXG4gICAgICogd2hldGhlciB0aGUgbmF2aWdhdGlvbiBpcyBhIHBvcHVwXG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mZC10b29sLWxheW91dF9fbmF2aWdhdGlvbi1jb250YWluZXItLXBvcHVwJylcbiAgICBASW5wdXQoKVxuICAgIHBvcHVwID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiB3aGV0aGVyIHRoZSBuYXZpZ2F0aW9uIGlzIGhvcml6b250YWxcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLXRvb2wtbGF5b3V0X19uYXZpZ2F0aW9uLWNvbnRhaW5lci0taG9yaXpvbnRhbCcpXG4gICAgQElucHV0KClcbiAgICBob3Jpem9udGFsID0gZmFsc2U7XG59XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWJ0cC10b29sLWxheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYnRwL3Rvb2wtbGF5b3V0L3NyYy9mdW5kYW1lbnRhbC1uZ3gtYnRwLXRvb2wtbGF5b3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './directives/tool-layout-container.directive';
|
|
2
|
+
export * from './directives/tool-layout-content-container.directive';
|
|
3
|
+
export * from './directives/tool-layout-header-container.directive';
|
|
4
|
+
export * from './directives/tool-layout-navigation-container.directive';
|
|
5
|
+
export * from './tool-layout.component';
|
|
6
|
+
export * from './tool-layout.module';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2J0cC90b29sLWxheW91dC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtY29udGFpbmVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtY29udGVudC1jb250YWluZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy90b29sLWxheW91dC1oZWFkZXItY29udGFpbmVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbC1sYXlvdXQtbmF2aWdhdGlvbi1jb250YWluZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbC1sYXlvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbC1sYXlvdXQubW9kdWxlJztcbiJdfQ==
|
|
@@ -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-rc.43\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-rc.43\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9idHAvdG9vbC1sYXlvdXQvc3JjL3Rvb2wtbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBR0wsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQWtDLE1BQU0sNEJBQTRCLENBQUM7O0FBYTNGLE1BQU0sT0FBTyxtQkFBbUI7SUFUaEM7UUFxQkksY0FBYztRQUNMLGVBQVUsR0FBNEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBcUJyRTtJQW5CRzs7OztPQUlHO0lBRUgsc0JBQXNCO1FBQ2xCLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNGLENBQUM7SUFFRCxjQUFjO0lBQ2QsUUFBUTtRQUNKLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBakNRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBJQU5sQiw0QkFBNEI7O0FBMkJ0QztJQURDLGFBQWE7Ozs7aUVBR2I7MkZBdkJRLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFFSSxpQkFBaUIsWUFDakIsNEJBQTRCLGlCQUV2QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7OEJBS2hCLEtBQUs7c0JBREosS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBWU4sc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFwcGx5Q3NzQ2xhc3MsIENzc0NsYXNzQnVpbGRlciwgSGFzRWxlbWVudFJlZiB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgVG9vbExheW91dE1vZGUgPSAnJyB8ICd0YWJsZXQnIHwgJ3Bob25lJztcblxuQENvbXBvbmVudCh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1tmZGJUb29sTGF5b3V0XScsIC8vIFVzaW5nIGNhbWVsIGNhc2UsIGJlY2F1c2UgaXQgc2hvdWxkIGJlY29tZSBkaXJlY3RpdmUgc29tZXRpbWUgaW4gdGhlIGZ1dHVyZVxuICAgIHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2wtbGF5b3V0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFRvb2xMYXlvdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgQ3NzQ2xhc3NCdWlsZGVyLCBIYXNFbGVtZW50UmVmIHtcbiAgICAvKiogdXNlcidzIGN1c3RvbSBjbGFzc2VzICovXG4gICAgQElucHV0KClcbiAgICBjbGFzczogc3RyaW5nO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIFRvb2wgTGF5b3V0IGlzIGluIERlc2t0b3AsIFRhYmxldCBvciBNb2JpbGUvUGhvbmUgbW9kZVxuICAgICAqIFR5cGVzIGF2YWlsYWJsZTogJycgfCAndGFibGV0JyB8ICdwaG9uZSdcbiAgICAgKiBUaGUgZGVmYXVsdCAobm90IHNwZWNpZmllZCkgbW9kZSBpcyBkZXNrdG9wLlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgbW9kZTogVG9vbExheW91dE1vZGU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gICAgLyoqIEBoaWRkZW5cbiAgICAgKiBDc3NDbGFzc0J1aWxkZXIgaW50ZXJmYWNlIGltcGxlbWVudGF0aW9uXG4gICAgICogZnVuY3Rpb24gbXVzdCByZXR1cm4gc2luZ2xlIHN0cmluZ1xuICAgICAqIGZ1bmN0aW9uIGlzIHJlc3BvbnNpYmxlIGZvciBvcmRlciB3aGljaCBjc3MgY2xhc3NlcyBhcmUgYXBwbGllZFxuICAgICAqL1xuICAgIEBhcHBseUNzc0NsYXNzXG4gICAgYnVpbGRDb21wb25lbnRDc3NDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiBbJ2ZkLXRvb2wtbGF5b3V0JywgdGhpcy5tb2RlID8gYGZkLXRvb2wtbGF5b3V0LS0ke3RoaXMubW9kZX1gIDogJycsIHRoaXMuY2xhc3NdO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp-navigation.mjs","sources":["../../../../libs/btp/navigation/src/index.ts","../../../../libs/btp/navigation/src/fundamental-ngx-btp-navigation.ts"],"sourcesContent":["export default 'btp-navigation';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,gBAAgB;;ACA/B;;AAEG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp-tool-header.mjs","sources":["../../../../libs/btp/tool-header/src/index.ts","../../../../libs/btp/tool-header/src/fundamental-ngx-btp-tool-header.ts"],"sourcesContent":["export default 'btp-tool-header';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,iBAAiB;;ACAhC;;AAEG"}
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, inject, ElementRef, Input, HostBinding, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
|
+
import { __decorate, __metadata } from 'tslib';
|
|
4
|
+
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
5
|
+
|
|
6
|
+
class ToolLayoutContainerDirective {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutContainerDirective, isStandalone: true, selector: "[fdbToolLayoutContainer]", host: { classAttribute: "fd-tool-layout__container" }, ngImport: i0 }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContainerDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: '[fdbToolLayoutContainer]',
|
|
14
|
+
standalone: true,
|
|
15
|
+
host: {
|
|
16
|
+
class: 'fd-tool-layout__container'
|
|
17
|
+
}
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
|
|
21
|
+
class ToolLayoutContentContainerDirective {
|
|
22
|
+
constructor() {
|
|
23
|
+
/** @hidden */
|
|
24
|
+
this.elementRef = inject(ElementRef);
|
|
25
|
+
}
|
|
26
|
+
/** @hidden
|
|
27
|
+
* CssClassBuilder interface implementation
|
|
28
|
+
* function must return single string
|
|
29
|
+
* function is responsible for order which css classes are applied
|
|
30
|
+
*/
|
|
31
|
+
buildComponentCssClass() {
|
|
32
|
+
return [
|
|
33
|
+
'fd-tool-layout__content-container',
|
|
34
|
+
this.background ? `fd-tool-layout__content-container--${this.background}` : '',
|
|
35
|
+
this.class
|
|
36
|
+
];
|
|
37
|
+
}
|
|
38
|
+
/** @hidden */
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
this.buildComponentCssClass();
|
|
41
|
+
}
|
|
42
|
+
/** @hidden */
|
|
43
|
+
ngOnChanges() {
|
|
44
|
+
this.buildComponentCssClass();
|
|
45
|
+
}
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
47
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutContentContainerDirective, isStandalone: true, selector: "[fdbToolLayoutContentContainer]", inputs: { class: "class", background: "background" }, usesOnChanges: true, ngImport: i0 }); }
|
|
48
|
+
}
|
|
49
|
+
__decorate([
|
|
50
|
+
applyCssClass,
|
|
51
|
+
__metadata("design:type", Function),
|
|
52
|
+
__metadata("design:paramtypes", []),
|
|
53
|
+
__metadata("design:returntype", Array)
|
|
54
|
+
], ToolLayoutContentContainerDirective.prototype, "buildComponentCssClass", null);
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutContentContainerDirective, decorators: [{
|
|
56
|
+
type: Directive,
|
|
57
|
+
args: [{
|
|
58
|
+
selector: '[fdbToolLayoutContentContainer]',
|
|
59
|
+
standalone: true
|
|
60
|
+
}]
|
|
61
|
+
}], propDecorators: { class: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], background: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], buildComponentCssClass: [] } });
|
|
66
|
+
|
|
67
|
+
class ToolLayoutHeaderContainerDirective {
|
|
68
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutHeaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
69
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutHeaderContainerDirective, isStandalone: true, selector: "[fdbToolLayoutHeaderContainer]", host: { classAttribute: "fd-tool-layout__header-container" }, ngImport: i0 }); }
|
|
70
|
+
}
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutHeaderContainerDirective, decorators: [{
|
|
72
|
+
type: Directive,
|
|
73
|
+
args: [{
|
|
74
|
+
selector: '[fdbToolLayoutHeaderContainer]',
|
|
75
|
+
standalone: true,
|
|
76
|
+
host: {
|
|
77
|
+
class: 'fd-tool-layout__header-container'
|
|
78
|
+
}
|
|
79
|
+
}]
|
|
80
|
+
}] });
|
|
81
|
+
|
|
82
|
+
class ToolLayoutNavigationContainerDirective {
|
|
83
|
+
constructor() {
|
|
84
|
+
/**
|
|
85
|
+
* whether the navigation is a popup
|
|
86
|
+
*/
|
|
87
|
+
this.popup = false;
|
|
88
|
+
/**
|
|
89
|
+
* whether the navigation is horizontal
|
|
90
|
+
*/
|
|
91
|
+
this.horizontal = false;
|
|
92
|
+
}
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutNavigationContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
94
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ToolLayoutNavigationContainerDirective, isStandalone: true, selector: "[fdbToolLayoutNavigationContainer]", inputs: { popup: "popup", horizontal: "horizontal" }, host: { properties: { "class.fd-tool-layout__navigation-container--popup": "this.popup", "class.fd-tool-layout__navigation-container--horizontal": "this.horizontal" }, classAttribute: "fd-tool-layout__navigation-container" }, ngImport: i0 }); }
|
|
95
|
+
}
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutNavigationContainerDirective, decorators: [{
|
|
97
|
+
type: Directive,
|
|
98
|
+
args: [{
|
|
99
|
+
selector: '[fdbToolLayoutNavigationContainer]',
|
|
100
|
+
standalone: true,
|
|
101
|
+
host: {
|
|
102
|
+
class: 'fd-tool-layout__navigation-container'
|
|
103
|
+
}
|
|
104
|
+
}]
|
|
105
|
+
}], propDecorators: { popup: [{
|
|
106
|
+
type: HostBinding,
|
|
107
|
+
args: ['class.fd-tool-layout__navigation-container--popup']
|
|
108
|
+
}, {
|
|
109
|
+
type: Input
|
|
110
|
+
}], horizontal: [{
|
|
111
|
+
type: HostBinding,
|
|
112
|
+
args: ['class.fd-tool-layout__navigation-container--horizontal']
|
|
113
|
+
}, {
|
|
114
|
+
type: Input
|
|
115
|
+
}] } });
|
|
116
|
+
|
|
117
|
+
class ToolLayoutComponent {
|
|
118
|
+
constructor() {
|
|
119
|
+
/** @hidden */
|
|
120
|
+
this.elementRef = inject(ElementRef);
|
|
121
|
+
}
|
|
122
|
+
/** @hidden
|
|
123
|
+
* CssClassBuilder interface implementation
|
|
124
|
+
* function must return single string
|
|
125
|
+
* function is responsible for order which css classes are applied
|
|
126
|
+
*/
|
|
127
|
+
buildComponentCssClass() {
|
|
128
|
+
return ['fd-tool-layout', this.mode ? `fd-tool-layout--${this.mode}` : '', this.class];
|
|
129
|
+
}
|
|
130
|
+
/** @hidden */
|
|
131
|
+
ngOnInit() {
|
|
132
|
+
this.buildComponentCssClass();
|
|
133
|
+
}
|
|
134
|
+
/** @hidden */
|
|
135
|
+
ngOnChanges() {
|
|
136
|
+
this.buildComponentCssClass();
|
|
137
|
+
}
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
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-rc.43\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 }); }
|
|
140
|
+
}
|
|
141
|
+
__decorate([
|
|
142
|
+
applyCssClass,
|
|
143
|
+
__metadata("design:type", Function),
|
|
144
|
+
__metadata("design:paramtypes", []),
|
|
145
|
+
__metadata("design:returntype", Array)
|
|
146
|
+
], ToolLayoutComponent.prototype, "buildComponentCssClass", null);
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutComponent, decorators: [{
|
|
148
|
+
type: Component,
|
|
149
|
+
args: [{ selector: '[fdbToolLayout]', template: ` <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2-rc.43\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"] }]
|
|
150
|
+
}], propDecorators: { class: [{
|
|
151
|
+
type: Input
|
|
152
|
+
}], mode: [{
|
|
153
|
+
type: Input
|
|
154
|
+
}], buildComponentCssClass: [] } });
|
|
155
|
+
|
|
156
|
+
class ToolLayoutModule {
|
|
157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
158
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, imports: [ToolLayoutComponent,
|
|
159
|
+
ToolLayoutContainerDirective,
|
|
160
|
+
ToolLayoutContentContainerDirective,
|
|
161
|
+
ToolLayoutHeaderContainerDirective,
|
|
162
|
+
ToolLayoutNavigationContainerDirective], exports: [ToolLayoutComponent,
|
|
163
|
+
ToolLayoutContainerDirective,
|
|
164
|
+
ToolLayoutContentContainerDirective,
|
|
165
|
+
ToolLayoutHeaderContainerDirective,
|
|
166
|
+
ToolLayoutNavigationContainerDirective] }); }
|
|
167
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule }); }
|
|
168
|
+
}
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ToolLayoutModule, decorators: [{
|
|
170
|
+
type: NgModule,
|
|
171
|
+
args: [{
|
|
172
|
+
imports: [
|
|
173
|
+
ToolLayoutComponent,
|
|
174
|
+
ToolLayoutContainerDirective,
|
|
175
|
+
ToolLayoutContentContainerDirective,
|
|
176
|
+
ToolLayoutHeaderContainerDirective,
|
|
177
|
+
ToolLayoutNavigationContainerDirective
|
|
178
|
+
],
|
|
179
|
+
exports: [
|
|
180
|
+
ToolLayoutComponent,
|
|
181
|
+
ToolLayoutContainerDirective,
|
|
182
|
+
ToolLayoutContentContainerDirective,
|
|
183
|
+
ToolLayoutHeaderContainerDirective,
|
|
184
|
+
ToolLayoutNavigationContainerDirective
|
|
185
|
+
]
|
|
186
|
+
}]
|
|
187
|
+
}] });
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* Generated bundle index. Do not edit.
|
|
191
|
+
*/
|
|
192
|
+
|
|
193
|
+
export { ToolLayoutComponent, ToolLayoutContainerDirective, ToolLayoutContentContainerDirective, ToolLayoutHeaderContainerDirective, ToolLayoutModule, ToolLayoutNavigationContainerDirective };
|
|
194
|
+
//# sourceMappingURL=fundamental-ngx-btp-tool-layout.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp-tool-layout.mjs","sources":["../../../../libs/btp/tool-layout/src/directives/tool-layout-container.directive.ts","../../../../libs/btp/tool-layout/src/directives/tool-layout-content-container.directive.ts","../../../../libs/btp/tool-layout/src/directives/tool-layout-header-container.directive.ts","../../../../libs/btp/tool-layout/src/directives/tool-layout-navigation-container.directive.ts","../../../../libs/btp/tool-layout/src/tool-layout.component.ts","../../../../libs/btp/tool-layout/src/tool-layout.module.ts","../../../../libs/btp/tool-layout/src/fundamental-ngx-btp-tool-layout.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[fdbToolLayoutContainer]',\n standalone: true,\n host: {\n class: 'fd-tool-layout__container'\n }\n})\nexport class ToolLayoutContainerDirective {}\n","import { Directive, ElementRef, inject, Input, OnChanges, OnInit } from '@angular/core';\nimport { applyCssClass, CssClassBuilder, HasElementRef } from '@fundamental-ngx/cdk/utils';\n\nexport type ToolLayoutContentContainerBackground = '' | 'transparent' | 'list';\n\n@Directive({\n selector: '[fdbToolLayoutContentContainer]',\n standalone: true\n})\nexport class ToolLayoutContentContainerDirective implements OnChanges, OnInit, CssClassBuilder, HasElementRef {\n /** user's custom classes */\n @Input()\n class: string;\n\n /**\n * the background of the Content Container\n * Available options: '' | 'transparent' | 'list'\n * Default background has the color var(--sapBackgroundColor)\n * List background will apply var(--sapGroup_ContentBackground) background to the content area\n */\n @Input()\n background: ToolLayoutContentContainerBackground;\n\n /** @hidden */\n readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n /** @hidden\n * CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-tool-layout__content-container',\n this.background ? `fd-tool-layout__content-container--${this.background}` : '',\n this.class\n ];\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[fdbToolLayoutHeaderContainer]',\n standalone: true,\n host: {\n class: 'fd-tool-layout__header-container'\n }\n})\nexport class ToolLayoutHeaderContainerDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n@Directive({\n selector: '[fdbToolLayoutNavigationContainer]',\n standalone: true,\n host: {\n class: 'fd-tool-layout__navigation-container'\n }\n})\nexport class ToolLayoutNavigationContainerDirective {\n /**\n * whether the navigation is a popup\n */\n @HostBinding('class.fd-tool-layout__navigation-container--popup')\n @Input()\n popup = false;\n\n /**\n * whether the navigation is horizontal\n */\n @HostBinding('class.fd-tool-layout__navigation-container--horizontal')\n @Input()\n horizontal = false;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder, HasElementRef } from '@fundamental-ngx/cdk/utils';\n\nexport type ToolLayoutMode = '' | 'tablet' | 'phone';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fdbToolLayout]', // Using camel case, because it should become directive sometime in the future\n template: ` <ng-content></ng-content>`,\n styleUrls: ['./tool-layout.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class ToolLayoutComponent implements OnChanges, OnInit, CssClassBuilder, HasElementRef {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether the Tool Layout is in Desktop, Tablet or Mobile/Phone mode\n * Types available: '' | 'tablet' | 'phone'\n * The default (not specified) mode is desktop.\n */\n @Input()\n mode: ToolLayoutMode;\n\n /** @hidden */\n readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n /** @hidden\n * CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return ['fd-tool-layout', this.mode ? `fd-tool-layout--${this.mode}` : '', this.class];\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ToolLayoutContainerDirective } from './directives/tool-layout-container.directive';\nimport { ToolLayoutContentContainerDirective } from './directives/tool-layout-content-container.directive';\nimport { ToolLayoutHeaderContainerDirective } from './directives/tool-layout-header-container.directive';\nimport { ToolLayoutNavigationContainerDirective } from './directives/tool-layout-navigation-container.directive';\nimport { ToolLayoutComponent } from './tool-layout.component';\n\n@NgModule({\n imports: [\n ToolLayoutComponent,\n ToolLayoutContainerDirective,\n ToolLayoutContentContainerDirective,\n ToolLayoutHeaderContainerDirective,\n ToolLayoutNavigationContainerDirective\n ],\n exports: [\n ToolLayoutComponent,\n ToolLayoutContainerDirective,\n ToolLayoutContentContainerDirective,\n ToolLayoutHeaderContainerDirective,\n ToolLayoutNavigationContainerDirective\n ]\n})\nexport class ToolLayoutModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-btp.mjs","sources":["../../../../libs/btp/src/index.ts","../../../../libs/btp/src/fundamental-ngx-btp.ts"],"sourcesContent":["throw new Error('Do not import anything from the `@fundamental-ngx/btp`, use secondary entrypoint exports instead!');\nexport default 'btp-library';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,MAAM,IAAI,KAAK,CAAC,mGAAmG,CAAC,CAAC;AACrH,YAAe,aAAa;;ACD5B;;AAEG"}
|
|
Binary file
|
package/index.d.ts
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fundamental-ngx/btp",
|
|
3
|
+
"version": "0.46.0-rc.87",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^16.2.0",
|
|
6
|
+
"@angular/core": "^16.2.0",
|
|
7
|
+
"@fundamental-ngx/cdk": "0.46.0-rc.87",
|
|
8
|
+
"@fundamental-ngx/core": "0.46.0-rc.87"
|
|
9
|
+
},
|
|
10
|
+
"dependencies": {
|
|
11
|
+
"tslib": "^2.3.0"
|
|
12
|
+
},
|
|
13
|
+
"sideEffects": false,
|
|
14
|
+
"module": "fesm2022/fundamental-ngx-btp.mjs",
|
|
15
|
+
"typings": "index.d.ts",
|
|
16
|
+
"exports": {
|
|
17
|
+
"./package.json": {
|
|
18
|
+
"default": "./package.json"
|
|
19
|
+
},
|
|
20
|
+
".": {
|
|
21
|
+
"types": "./index.d.ts",
|
|
22
|
+
"esm2022": "./esm2022/fundamental-ngx-btp.mjs",
|
|
23
|
+
"esm": "./esm2022/fundamental-ngx-btp.mjs",
|
|
24
|
+
"default": "./fesm2022/fundamental-ngx-btp.mjs"
|
|
25
|
+
},
|
|
26
|
+
"./navigation": {
|
|
27
|
+
"types": "./navigation/index.d.ts",
|
|
28
|
+
"esm2022": "./esm2022/navigation/fundamental-ngx-btp-navigation.mjs",
|
|
29
|
+
"esm": "./esm2022/navigation/fundamental-ngx-btp-navigation.mjs",
|
|
30
|
+
"default": "./fesm2022/fundamental-ngx-btp-navigation.mjs"
|
|
31
|
+
},
|
|
32
|
+
"./tool-header": {
|
|
33
|
+
"types": "./tool-header/index.d.ts",
|
|
34
|
+
"esm2022": "./esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs",
|
|
35
|
+
"esm": "./esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs",
|
|
36
|
+
"default": "./fesm2022/fundamental-ngx-btp-tool-header.mjs"
|
|
37
|
+
},
|
|
38
|
+
"./tool-layout": {
|
|
39
|
+
"types": "./tool-layout/index.d.ts",
|
|
40
|
+
"esm2022": "./esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs",
|
|
41
|
+
"esm": "./esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs",
|
|
42
|
+
"default": "./fesm2022/fundamental-ngx-btp-tool-layout.mjs"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ToolLayoutContainerDirective {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutContainerDirective, never>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolLayoutContainerDirective, "[fdbToolLayoutContainer]", never, {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ElementRef, OnChanges, OnInit } from '@angular/core';
|
|
2
|
+
import { CssClassBuilder, HasElementRef } from '@fundamental-ngx/cdk/utils';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type ToolLayoutContentContainerBackground = '' | 'transparent' | 'list';
|
|
5
|
+
export declare class ToolLayoutContentContainerDirective implements OnChanges, OnInit, CssClassBuilder, HasElementRef {
|
|
6
|
+
/** user's custom classes */
|
|
7
|
+
class: string;
|
|
8
|
+
/**
|
|
9
|
+
* the background of the Content Container
|
|
10
|
+
* Available options: '' | 'transparent' | 'list'
|
|
11
|
+
* Default background has the color var(--sapBackgroundColor)
|
|
12
|
+
* List background will apply var(--sapGroup_ContentBackground) background to the content area
|
|
13
|
+
*/
|
|
14
|
+
background: ToolLayoutContentContainerBackground;
|
|
15
|
+
/** @hidden */
|
|
16
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
|
17
|
+
/** @hidden
|
|
18
|
+
* CssClassBuilder interface implementation
|
|
19
|
+
* function must return single string
|
|
20
|
+
* function is responsible for order which css classes are applied
|
|
21
|
+
*/
|
|
22
|
+
buildComponentCssClass(): string[];
|
|
23
|
+
/** @hidden */
|
|
24
|
+
ngOnInit(): void;
|
|
25
|
+
/** @hidden */
|
|
26
|
+
ngOnChanges(): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutContentContainerDirective, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolLayoutContentContainerDirective, "[fdbToolLayoutContentContainer]", never, { "class": { "alias": "class"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ToolLayoutHeaderContainerDirective {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutHeaderContainerDirective, never>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolLayoutHeaderContainerDirective, "[fdbToolLayoutHeaderContainer]", never, {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ToolLayoutNavigationContainerDirective {
|
|
3
|
+
/**
|
|
4
|
+
* whether the navigation is a popup
|
|
5
|
+
*/
|
|
6
|
+
popup: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* whether the navigation is horizontal
|
|
9
|
+
*/
|
|
10
|
+
horizontal: boolean;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutNavigationContainerDirective, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolLayoutNavigationContainerDirective, "[fdbToolLayoutNavigationContainer]", never, { "popup": { "alias": "popup"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; }, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './directives/tool-layout-container.directive';
|
|
2
|
+
export * from './directives/tool-layout-content-container.directive';
|
|
3
|
+
export * from './directives/tool-layout-header-container.directive';
|
|
4
|
+
export * from './directives/tool-layout-navigation-container.directive';
|
|
5
|
+
export * from './tool-layout.component';
|
|
6
|
+
export * from './tool-layout.module';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ElementRef, OnChanges, OnInit } from '@angular/core';
|
|
2
|
+
import { CssClassBuilder, HasElementRef } from '@fundamental-ngx/cdk/utils';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type ToolLayoutMode = '' | 'tablet' | 'phone';
|
|
5
|
+
export declare class ToolLayoutComponent implements OnChanges, OnInit, CssClassBuilder, HasElementRef {
|
|
6
|
+
/** user's custom classes */
|
|
7
|
+
class: string;
|
|
8
|
+
/** Whether the Tool Layout is in Desktop, Tablet or Mobile/Phone mode
|
|
9
|
+
* Types available: '' | 'tablet' | 'phone'
|
|
10
|
+
* The default (not specified) mode is desktop.
|
|
11
|
+
*/
|
|
12
|
+
mode: ToolLayoutMode;
|
|
13
|
+
/** @hidden */
|
|
14
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
|
15
|
+
/** @hidden
|
|
16
|
+
* CssClassBuilder interface implementation
|
|
17
|
+
* function must return single string
|
|
18
|
+
* function is responsible for order which css classes are applied
|
|
19
|
+
*/
|
|
20
|
+
buildComponentCssClass(): string[];
|
|
21
|
+
/** @hidden */
|
|
22
|
+
ngOnInit(): void;
|
|
23
|
+
/** @hidden */
|
|
24
|
+
ngOnChanges(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolLayoutComponent, "[fdbToolLayout]", never, { "class": { "alias": "class"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./tool-layout.component";
|
|
3
|
+
import * as i2 from "./directives/tool-layout-container.directive";
|
|
4
|
+
import * as i3 from "./directives/tool-layout-content-container.directive";
|
|
5
|
+
import * as i4 from "./directives/tool-layout-header-container.directive";
|
|
6
|
+
import * as i5 from "./directives/tool-layout-navigation-container.directive";
|
|
7
|
+
export declare class ToolLayoutModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolLayoutModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ToolLayoutModule, never, [typeof i1.ToolLayoutComponent, typeof i2.ToolLayoutContainerDirective, typeof i3.ToolLayoutContentContainerDirective, typeof i4.ToolLayoutHeaderContainerDirective, typeof i5.ToolLayoutNavigationContainerDirective], [typeof i1.ToolLayoutComponent, typeof i2.ToolLayoutContainerDirective, typeof i3.ToolLayoutContentContainerDirective, typeof i4.ToolLayoutHeaderContainerDirective, typeof i5.ToolLayoutNavigationContainerDirective]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ToolLayoutModule>;
|
|
11
|
+
}
|