@edm-sdui/sdui 1.0.8 → 1.0.9
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/esm2022/lib/components/uicomponent/label/label.component.mjs +4 -2
- package/esm2022/lib/components/uilayout/centered-content-layout/centered-content-layout.component.mjs +2 -2
- package/esm2022/lib/core/services/font-size-mapping.service.mjs +9 -9
- package/esm2022/lib/core/uitheme/mapping/text-style-mapping.mjs +4 -4
- package/fesm2022/edm-sdui-sdui.mjs +15 -13
- package/fesm2022/edm-sdui-sdui.mjs.map +1 -1
- package/lib/components/uicomponent/label/label.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
2
|
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import { textStyleMappingFontWeight } from '../../../core/uitheme/mapping/text-style-mapping';
|
|
3
|
+
import { textStyleMappingFontWeight, textStyleMappingLineHeight } from '../../../core/uitheme/mapping/text-style-mapping';
|
|
4
4
|
import { FontSizeMappingService } from '../../../core/services/font-size-mapping.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "../../../core/services/font-size-mapping.service";
|
|
@@ -29,9 +29,11 @@ export class LabelComponent {
|
|
|
29
29
|
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
30
30
|
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
31
31
|
const fontWeight = textStyleMappingFontWeight[element.textStyle];
|
|
32
|
+
const lineHeight = textStyleMappingLineHeight[element.textStyle];
|
|
32
33
|
//TODO: Substituir por classe no futuro.
|
|
33
34
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-weight', fontWeight);
|
|
34
35
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
|
|
36
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'line-height', lineHeight);
|
|
35
37
|
}
|
|
36
38
|
const maxLines = element.maxLines ?? 1;
|
|
37
39
|
if (element.maxLines) {
|
|
@@ -59,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
59
61
|
type: ViewChild,
|
|
60
62
|
args: ['spanElement']
|
|
61
63
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMxSCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7Ozs7QUFTMUYsTUFBTSxPQUFPLGNBQWM7SUFHekIsWUFDZ0MsV0FBd0IsRUFDOUMsUUFBbUIsRUFDbkIsc0JBQThDO1FBRnhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtJQUNwRCxDQUFDO0lBRUwsUUFBUTtRQUNOLDBEQUEwRDtJQUM1RCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFTyxZQUFZLENBQUMsT0FBa0I7UUFDckMsSUFBSSxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDdEIsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDNUUsQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzFFLE1BQU0sUUFBUSxHQUFHLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM3RCxNQUFNLFVBQVUsR0FBRywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDakUsTUFBTSxVQUFVLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBRWpFLHdDQUF3QztZQUV4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQ2pDLGFBQWEsRUFDYixVQUFVLENBQ1gsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFDakMsV0FBVyxFQUNYLFFBQVEsQ0FDVCxDQUFDO1lBRUYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLENBQUM7UUFFRCxNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztRQUV2QyxJQUFJLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsYUFBYSxDQUFDLENBQUM7WUFDcEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDNUYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ2hGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLGVBQWUsRUFBRSxVQUFVLENBQUMsQ0FBQztZQUN2RixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUM1RixDQUFDO1FBRUQsSUFBSSxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDcEIsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztZQUNoQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQ2pDLFNBQVMsRUFDVCxPQUFPLENBQ1IsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDOytHQWxFVSxjQUFjLGtCQUlmLGFBQWE7bUdBSlosY0FBYyxxS0N0QjNCLHNJQUdBOzs0RkRtQmEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxLQUFLOzswQkFNZCxNQUFNOzJCQUFDLGFBQWE7c0dBSEcsY0FBYztzQkFBdkMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50JztcbmltcG9ydCB7IFVJRWxlbWVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWllbGVtZW50JztcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL2NvbG9yLW1hcHBpbmcnO1xuaW1wb3J0IHsgdGV4dFN0eWxlTWFwcGluZ0ZvbnRXZWlnaHQsIHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvdGV4dC1zdHlsZS1tYXBwaW5nJztcbmltcG9ydCB7IEZvbnRTaXplTWFwcGluZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL2ZvbnQtc2l6ZS1tYXBwaW5nLnNlcnZpY2UnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnc3BhbkVsZW1lbnQnKSBzcGFuRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIGZvbnRTaXplTWFwcGluZ1NlcnZpY2U6IEZvbnRTaXplTWFwcGluZ1NlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmRlYnVnKCdsYWJlbC51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBpZiAoZWxlbWVudC50ZXh0Q29sb3IpIHtcbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JNYXBwaW5nW2VsZW1lbnQudGV4dENvbG9yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnY29sb3InLCBjb2xvcik7XG4gICAgfVxuXG4gICAgaWYgKGVsZW1lbnQudGV4dFN0eWxlKSB7XG4gICAgICBjb25zdCB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgPSB0aGlzLmZvbnRTaXplTWFwcGluZ1NlcnZpY2UuZ2V0TWFwcGluZygpO1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgY29uc3QgZm9udFdlaWdodCA9IHRleHRTdHlsZU1hcHBpbmdGb250V2VpZ2h0W2VsZW1lbnQudGV4dFN0eWxlXTtcbiAgICAgIGNvbnN0IGxpbmVIZWlnaHQgPSB0ZXh0U3R5bGVNYXBwaW5nTGluZUhlaWdodFtlbGVtZW50LnRleHRTdHlsZV07XG5cbiAgICAgIC8vVE9ETzogU3Vic3RpdHVpciBwb3IgY2xhc3NlIG5vIGZ1dHVyby5cblxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnZm9udC13ZWlnaHQnLFxuICAgICAgICBmb250V2VpZ2h0XG4gICAgICApO1xuXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdmb250LXNpemUnLFxuICAgICAgICBmb250U2l6ZVxuICAgICAgKTtcblxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdsaW5lLWhlaWdodCcsIGxpbmVIZWlnaHQpO1xuICAgIH1cblxuICAgIGNvbnN0IG1heExpbmVzID0gZWxlbWVudC5tYXhMaW5lcyA/PyAxO1xuXG4gICAgaWYgKGVsZW1lbnQubWF4TGluZXMpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzcGxheScsICctd2Via2l0LWJveCcpO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICctd2Via2l0LWJveC1vcmllbnQnLCAndmVydGljYWwnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnb3ZlcmZsb3cnLCAnaGlkZGVuJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3RleHQtb3ZlcmZsb3cnLCAnZWxsaXBzaXMnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnLXdlYmtpdC1saW5lLWNsYW1wJywgbWF4TGluZXMpO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50Lm9wYWNpdHkpIHtcbiAgICAgIGNvbnN0IG9wYWNpdHkgPSBlbGVtZW50Lm9wYWNpdHk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdvcGFjaXR5JyxcbiAgICAgICAgb3BhY2l0eVxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuICNzcGFuRWxlbWVudCBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiICpuZ0lmPVwidWlDb21wb25lbnRcIj57e1xuICB1aUNvbXBvbmVudC5lbGVtZW50Py5sYWJlbCA/PyBcIlwiXG59fTwvc3Bhbj5cbiJdfQ==
|
|
@@ -10,11 +10,11 @@ export class CenteredContentLayoutComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: i3.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center
|
|
17
|
+
args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
|
|
18
18
|
}], propDecorators: { uiLayout: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}] } });
|
|
@@ -5,16 +5,16 @@ export class FontSizeMappingService {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this.baseFontSize = inject(SDUI_FONT_ADJUST, { optional: true }) ?? 0;
|
|
7
7
|
this.mapping = {
|
|
8
|
-
caption_2: `${
|
|
8
|
+
caption_2: `${13 + this.baseFontSize}px`,
|
|
9
9
|
caption_1: `${14 + this.baseFontSize}px`,
|
|
10
10
|
body: `${16 + this.baseFontSize}px`,
|
|
11
|
-
title_2: `${
|
|
12
|
-
title_1: `${
|
|
13
|
-
callout: `${
|
|
14
|
-
headline: `${
|
|
15
|
-
large_title: `${
|
|
16
|
-
subheadline: `${
|
|
17
|
-
footnote: `${
|
|
11
|
+
title_2: `${16 + this.baseFontSize}px`,
|
|
12
|
+
title_1: `${21 + this.baseFontSize}px`,
|
|
13
|
+
callout: `${19 + this.baseFontSize}px`,
|
|
14
|
+
headline: `${18 + this.baseFontSize}px`,
|
|
15
|
+
large_title: `${35 + this.baseFontSize}px`,
|
|
16
|
+
subheadline: `${16 + this.baseFontSize}px`,
|
|
17
|
+
footnote: `${12 + this.baseFontSize}px`,
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
getMapping() {
|
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
27
27
|
type: Injectable,
|
|
28
28
|
args: [{ providedIn: 'root' }]
|
|
29
29
|
}], ctorParameters: () => [] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zaXplLW1hcHBpbmcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFHL0QsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQztRQUNFLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXRFLElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDYixTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN4QyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN4QyxJQUFJLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUNuQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN2QyxXQUFXLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUMxQyxXQUFXLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUMxQyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtTQUN4QyxDQUFDO0lBQ0osQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQzsrR0F2QlUsc0JBQXNCO21IQUF0QixzQkFBc0IsY0FEVCxNQUFNOzs0RkFDbkIsc0JBQXNCO2tCQURsQyxVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgaW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTRFVJX0ZPTlRfQURKVVNUIH0gZnJvbSAnLi4vdG9rZW5zL3NkdWktY29uZmlnLnRva2VuJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlIHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlRm9udFNpemU6IG51bWJlcjtcbiAgcHJpdmF0ZSByZWFkb25seSBtYXBwaW5nOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zaXplLW1hcHBpbmcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFHL0QsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQztRQUNFLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXRFLElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDYixTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN4QyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN4QyxJQUFJLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUNuQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN0QyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUN2QyxXQUFXLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUMxQyxXQUFXLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtZQUMxQyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSTtTQUN4QyxDQUFDO0lBQ0osQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQzsrR0F2QlUsc0JBQXNCO21IQUF0QixzQkFBc0IsY0FEVCxNQUFNOzs0RkFDbkIsc0JBQXNCO2tCQURsQyxVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgaW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTRFVJX0ZPTlRfQURKVVNUIH0gZnJvbSAnLi4vdG9rZW5zL3NkdWktY29uZmlnLnRva2VuJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlIHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlRm9udFNpemU6IG51bWJlcjtcbiAgcHJpdmF0ZSByZWFkb25seSBtYXBwaW5nOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuYmFzZUZvbnRTaXplID0gaW5qZWN0KFNEVUlfRk9OVF9BREpVU1QsIHsgb3B0aW9uYWw6IHRydWUgfSkgPz8gMDtcblxuICAgIHRoaXMubWFwcGluZyA9IHtcbiAgICAgIGNhcHRpb25fMjogYCR7MTMgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICBjYXB0aW9uXzE6IGAkezE0ICsgdGhpcy5iYXNlRm9udFNpemV9cHhgLFxuICAgICAgYm9keTogYCR7MTYgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICB0aXRsZV8yOiBgJHsxNiArIHRoaXMuYmFzZUZvbnRTaXplfXB4YCxcbiAgICAgIHRpdGxlXzE6IGAkezIxICsgdGhpcy5iYXNlRm9udFNpemV9cHhgLFxuICAgICAgY2FsbG91dDogYCR7MTkgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICBoZWFkbGluZTogYCR7MTggKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICBsYXJnZV90aXRsZTogYCR7MzUgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICBzdWJoZWFkbGluZTogYCR7MTYgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgICBmb290bm90ZTogYCR7MTIgKyB0aGlzLmJhc2VGb250U2l6ZX1weGAsXG4gICAgfTtcbiAgfVxuXG4gIGdldE1hcHBpbmcoKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMubWFwcGluZztcbiAgfVxufVxuIl19
|
|
@@ -18,16 +18,16 @@ export const textStyleMappingFontWeight = {
|
|
|
18
18
|
[UITextStyle.FOOTNOTE]: 'regular',
|
|
19
19
|
};
|
|
20
20
|
export const textStyleMappingLineHeight = {
|
|
21
|
-
[UITextStyle.BODY]: '
|
|
21
|
+
[UITextStyle.BODY]: '18px',
|
|
22
22
|
[UITextStyle.LARGE_TITLE]: '37px',
|
|
23
23
|
[UITextStyle.TITLE_1]: '23px',
|
|
24
24
|
[UITextStyle.TITLE_2]: '23px',
|
|
25
25
|
[UITextStyle.TITLE_3]: '23px',
|
|
26
|
-
[UITextStyle.CALLOUT]: '
|
|
26
|
+
[UITextStyle.CALLOUT]: '21px',
|
|
27
27
|
[UITextStyle.HEADLINE]: '20px',
|
|
28
28
|
[UITextStyle.SUBHEADLINE]: '18px',
|
|
29
29
|
[UITextStyle.CAPTION_1]: '16px',
|
|
30
30
|
[UITextStyle.CAPTION_2]: '15px',
|
|
31
|
-
[UITextStyle.FOOTNOTE]: '
|
|
31
|
+
[UITextStyle.FOOTNOTE]: '14px',
|
|
32
32
|
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1zdHlsZS1tYXBwaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29yZS91aXRoZW1lL21hcHBpbmcvdGV4dC1zdHlsZS1tYXBwaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3BELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRWxGLE1BQU0sVUFBVSwyQkFBMkI7SUFDekMsT0FBTyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztBQUNyRCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQWdDO0lBQ3JFLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVM7SUFDN0IsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLEVBQUUsTUFBTTtJQUNqQyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsRUFBRSxNQUFNO0lBQzdCLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxFQUFFLE1BQU07SUFDN0IsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUUsTUFBTTtJQUM3QixDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsRUFBRSxTQUFTO0lBQ2hDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxFQUFFLE1BQU07SUFDOUIsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLEVBQUUsTUFBTTtJQUNqQyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTO0lBQ2xDLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVM7SUFDbEMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUztDQUNsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQWdDO0lBQ3JFLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU07SUFDMUIsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLEVBQUUsTUFBTTtJQUNqQyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsRUFBRSxNQUFNO0lBQzdCLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxFQUFFLE1BQU07SUFDN0IsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUUsTUFBTTtJQUM3QixDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsRUFBRSxNQUFNO0lBQzdCLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxFQUFFLE1BQU07SUFDOUIsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLEVBQUUsTUFBTTtJQUNqQyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBRSxNQUFNO0lBQy9CLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxFQUFFLE1BQU07SUFDL0IsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLEVBQUUsTUFBTTtDQUMvQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSVRleHRTdHlsZSB9IGZyb20gJy4uL2VudW1zL3VpdGV4dC1zdHlsZSc7XG5pbXBvcnQgeyBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRUZXh0U3R5bGVNYXBwaW5nRm9udFNpemUoKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG4gIHJldHVybiBpbmplY3QoRm9udFNpemVNYXBwaW5nU2VydmljZSkuZ2V0TWFwcGluZygpO1xufVxuXG5leHBvcnQgY29uc3QgdGV4dFN0eWxlTWFwcGluZ0ZvbnRXZWlnaHQ6IFJlY29yZDxVSVRleHRTdHlsZSwgc3RyaW5nPiA9IHtcbiAgW1VJVGV4dFN0eWxlLkJPRFldOiAncmVndWxhcicsXG4gIFtVSVRleHRTdHlsZS5MQVJHRV9USVRMRV06ICdib2xkJyxcbiAgW1VJVGV4dFN0eWxlLlRJVExFXzFdOiAnYm9sZCcsXG4gIFtVSVRleHRTdHlsZS5USVRMRV8yXTogJ2JvbGQnLFxuICBbVUlUZXh0U3R5bGUuVElUTEVfM106ICdib2xkJyxcbiAgW1VJVGV4dFN0eWxlLkNBTExPVVRdOiAncmVndWxhcicsXG4gIFtVSVRleHRTdHlsZS5IRUFETElORV06ICdib2xkJyxcbiAgW1VJVGV4dFN0eWxlLlNVQkhFQURMSU5FXTogJ2JvbGQnLFxuICBbVUlUZXh0U3R5bGUuQ0FQVElPTl8xXTogJ3JlZ3VsYXInLFxuICBbVUlUZXh0U3R5bGUuQ0FQVElPTl8yXTogJ3JlZ3VsYXInLFxuICBbVUlUZXh0U3R5bGUuRk9PVE5PVEVdOiAncmVndWxhcicsXG59O1xuXG5leHBvcnQgY29uc3QgdGV4dFN0eWxlTWFwcGluZ0xpbmVIZWlnaHQ6IFJlY29yZDxVSVRleHRTdHlsZSwgc3RyaW5nPiA9IHtcbiAgW1VJVGV4dFN0eWxlLkJPRFldOiAnMThweCcsXG4gIFtVSVRleHRTdHlsZS5MQVJHRV9USVRMRV06ICczN3B4JyxcbiAgW1VJVGV4dFN0eWxlLlRJVExFXzFdOiAnMjNweCcsXG4gIFtVSVRleHRTdHlsZS5USVRMRV8yXTogJzIzcHgnLFxuICBbVUlUZXh0U3R5bGUuVElUTEVfM106ICcyM3B4JyxcbiAgW1VJVGV4dFN0eWxlLkNBTExPVVRdOiAnMjFweCcsXG4gIFtVSVRleHRTdHlsZS5IRUFETElORV06ICcyMHB4JyxcbiAgW1VJVGV4dFN0eWxlLlNVQkhFQURMSU5FXTogJzE4cHgnLFxuICBbVUlUZXh0U3R5bGUuQ0FQVElPTl8xXTogJzE2cHgnLFxuICBbVUlUZXh0U3R5bGUuQ0FQVElPTl8yXTogJzE1cHgnLFxuICBbVUlUZXh0U3R5bGUuRk9PVE5PVEVdOiAnMTRweCcsXG59XG4iXX0=
|
|
@@ -413,11 +413,11 @@ class CenteredContentLayoutComponent {
|
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
415
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center
|
|
416
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
417
417
|
}
|
|
418
418
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
|
|
419
419
|
type: Component,
|
|
420
|
-
args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center
|
|
420
|
+
args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
|
|
421
421
|
}], propDecorators: { uiLayout: [{
|
|
422
422
|
type: Input
|
|
423
423
|
}] } });
|
|
@@ -1071,16 +1071,16 @@ class FontSizeMappingService {
|
|
|
1071
1071
|
constructor() {
|
|
1072
1072
|
this.baseFontSize = inject(SDUI_FONT_ADJUST, { optional: true }) ?? 0;
|
|
1073
1073
|
this.mapping = {
|
|
1074
|
-
caption_2: `${
|
|
1074
|
+
caption_2: `${13 + this.baseFontSize}px`,
|
|
1075
1075
|
caption_1: `${14 + this.baseFontSize}px`,
|
|
1076
1076
|
body: `${16 + this.baseFontSize}px`,
|
|
1077
|
-
title_2: `${
|
|
1078
|
-
title_1: `${
|
|
1079
|
-
callout: `${
|
|
1080
|
-
headline: `${
|
|
1081
|
-
large_title: `${
|
|
1082
|
-
subheadline: `${
|
|
1083
|
-
footnote: `${
|
|
1077
|
+
title_2: `${16 + this.baseFontSize}px`,
|
|
1078
|
+
title_1: `${21 + this.baseFontSize}px`,
|
|
1079
|
+
callout: `${19 + this.baseFontSize}px`,
|
|
1080
|
+
headline: `${18 + this.baseFontSize}px`,
|
|
1081
|
+
large_title: `${35 + this.baseFontSize}px`,
|
|
1082
|
+
subheadline: `${16 + this.baseFontSize}px`,
|
|
1083
|
+
footnote: `${12 + this.baseFontSize}px`,
|
|
1084
1084
|
};
|
|
1085
1085
|
}
|
|
1086
1086
|
getMapping() {
|
|
@@ -1111,17 +1111,17 @@ const textStyleMappingFontWeight = {
|
|
|
1111
1111
|
[UITextStyle.FOOTNOTE]: 'regular',
|
|
1112
1112
|
};
|
|
1113
1113
|
const textStyleMappingLineHeight = {
|
|
1114
|
-
[UITextStyle.BODY]: '
|
|
1114
|
+
[UITextStyle.BODY]: '18px',
|
|
1115
1115
|
[UITextStyle.LARGE_TITLE]: '37px',
|
|
1116
1116
|
[UITextStyle.TITLE_1]: '23px',
|
|
1117
1117
|
[UITextStyle.TITLE_2]: '23px',
|
|
1118
1118
|
[UITextStyle.TITLE_3]: '23px',
|
|
1119
|
-
[UITextStyle.CALLOUT]: '
|
|
1119
|
+
[UITextStyle.CALLOUT]: '21px',
|
|
1120
1120
|
[UITextStyle.HEADLINE]: '20px',
|
|
1121
1121
|
[UITextStyle.SUBHEADLINE]: '18px',
|
|
1122
1122
|
[UITextStyle.CAPTION_1]: '16px',
|
|
1123
1123
|
[UITextStyle.CAPTION_2]: '15px',
|
|
1124
|
-
[UITextStyle.FOOTNOTE]: '
|
|
1124
|
+
[UITextStyle.FOOTNOTE]: '14px',
|
|
1125
1125
|
};
|
|
1126
1126
|
|
|
1127
1127
|
class LabelComponent {
|
|
@@ -1147,9 +1147,11 @@ class LabelComponent {
|
|
|
1147
1147
|
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
1148
1148
|
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
1149
1149
|
const fontWeight = textStyleMappingFontWeight[element.textStyle];
|
|
1150
|
+
const lineHeight = textStyleMappingLineHeight[element.textStyle];
|
|
1150
1151
|
//TODO: Substituir por classe no futuro.
|
|
1151
1152
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-weight', fontWeight);
|
|
1152
1153
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
|
|
1154
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'line-height', lineHeight);
|
|
1153
1155
|
}
|
|
1154
1156
|
const maxLines = element.maxLines ?? 1;
|
|
1155
1157
|
if (element.maxLines) {
|