@edm-sdui/sdui 1.0.5 → 1.0.7
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/navigation-controls/navigation-controls.component.mjs +3 -3
- package/esm2022/lib/components/uicomponent/button/button.component.mjs +12 -9
- package/esm2022/lib/components/uicomponent/column/column.component.mjs +1 -1
- package/esm2022/lib/components/uicomponent/image/image.component.mjs +3 -5
- package/esm2022/lib/components/uicomponent/label/label.component.mjs +22 -9
- package/esm2022/lib/components/uicomponent/media-type/media-type.component.mjs +71 -0
- package/esm2022/lib/components/uicomponent/picker/picker.component.mjs +43 -0
- package/esm2022/lib/components/uicomponent/picker-item/picker-item.component.mjs +34 -0
- package/esm2022/lib/components/uicomponent/row/row.component.mjs +3 -4
- package/esm2022/lib/components/uicomponent/search-bar/search-bar.component.mjs +14 -11
- package/esm2022/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.mjs +121 -0
- package/esm2022/lib/components/uicomponent/tag/tag.component.mjs +12 -9
- package/esm2022/lib/components/uicomponent/uicomponent.component.mjs +8 -3
- package/esm2022/lib/components/uicomponent/zstack/zstack.component.mjs +1 -1
- package/esm2022/lib/components/uilayout/centered-content-layout/centered-content-layout.component.mjs +1 -1
- package/esm2022/lib/components/uilayout/single-column-layout/single-column-layout.component.mjs +2 -2
- package/esm2022/lib/components/uilayout/uinavigation/uinavigation.component.mjs +3 -3
- package/esm2022/lib/components/uiscreen/uiscreen.component.mjs +3 -3
- package/esm2022/lib/core/services/font-size-mapping.service.mjs +30 -0
- package/esm2022/lib/core/services/translation.service.mjs +51 -0
- package/esm2022/lib/core/services/ui-action.service.mjs +44 -1
- package/esm2022/lib/core/tokens/sdui-config.token.mjs +2 -1
- package/esm2022/lib/core/uicomposition/mapping/component-mapping.mjs +5 -5
- package/esm2022/lib/core/uitheme/enums/uicolor.mjs +3 -3
- package/esm2022/lib/core/uitheme/mapping/asset-mapping.mjs +352 -352
- package/esm2022/lib/core/uitheme/mapping/color-mapping.mjs +128 -128
- package/esm2022/lib/core/uitheme/mapping/text-style-mapping.mjs +31 -13
- package/esm2022/lib/core/utils/url-parser.util.mjs +9 -10
- package/esm2022/lib/core/view-models/uiscreen.viewmodel.mjs +6 -1
- package/esm2022/lib/sdui.component.mjs +2 -2
- package/esm2022/lib/sdui.module.mjs +18 -2
- package/fesm2022/edm-sdui-sdui.mjs +983 -546
- package/fesm2022/edm-sdui-sdui.mjs.map +1 -1
- package/lib/components/uicomponent/button/button.component.d.ts +3 -1
- package/lib/components/uicomponent/button/button.component.d.ts.map +1 -1
- package/lib/components/uicomponent/image/image.component.d.ts.map +1 -1
- package/lib/components/uicomponent/label/label.component.d.ts +3 -1
- package/lib/components/uicomponent/label/label.component.d.ts.map +1 -1
- package/lib/components/uicomponent/media-type/media-type.component.d.ts +24 -0
- package/lib/components/uicomponent/media-type/media-type.component.d.ts.map +1 -0
- package/lib/components/uicomponent/picker/picker.component.d.ts +19 -0
- package/lib/components/uicomponent/picker/picker.component.d.ts.map +1 -0
- package/lib/components/uicomponent/picker-item/picker-item.component.d.ts +16 -0
- package/lib/components/uicomponent/picker-item/picker-item.component.d.ts.map +1 -0
- package/lib/components/uicomponent/row/row.component.d.ts.map +1 -1
- package/lib/components/uicomponent/search-bar/search-bar.component.d.ts +3 -1
- package/lib/components/uicomponent/search-bar/search-bar.component.d.ts.map +1 -1
- package/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.d.ts +22 -0
- package/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.d.ts.map +1 -0
- package/lib/components/uicomponent/tag/tag.component.d.ts +4 -2
- package/lib/components/uicomponent/tag/tag.component.d.ts.map +1 -1
- package/lib/components/uicomponent/uicomponent.component.d.ts +2 -1
- package/lib/components/uicomponent/uicomponent.component.d.ts.map +1 -1
- package/lib/core/services/font-size-mapping.service.d.ts +10 -0
- package/lib/core/services/font-size-mapping.service.d.ts.map +1 -0
- package/lib/core/services/translation.service.d.ts +13 -0
- package/lib/core/services/translation.service.d.ts.map +1 -0
- package/lib/core/services/ui-action.service.d.ts +1 -0
- package/lib/core/services/ui-action.service.d.ts.map +1 -1
- package/lib/core/tokens/sdui-config.token.d.ts +1 -0
- package/lib/core/tokens/sdui-config.token.d.ts.map +1 -1
- package/lib/core/uitheme/enums/uicolor.d.ts +2 -2
- package/lib/core/uitheme/enums/uicolor.d.ts.map +1 -1
- package/lib/core/uitheme/mapping/asset-mapping.d.ts.map +1 -1
- package/lib/core/uitheme/mapping/text-style-mapping.d.ts +3 -1
- package/lib/core/uitheme/mapping/text-style-mapping.d.ts.map +1 -1
- package/lib/core/utils/url-parser.util.d.ts.map +1 -1
- package/lib/core/view-models/uiscreen.viewmodel.d.ts +6 -7
- package/lib/core/view-models/uiscreen.viewmodel.d.ts.map +1 -1
- package/lib/sdui.component.d.ts.map +1 -1
- package/lib/sdui.module.d.ts +12 -7
- package/lib/sdui.module.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -18,10 +18,10 @@ export class NavigationControlsComponent {
|
|
|
18
18
|
this.viewModel.goBack();
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: i1.UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <
|
|
25
|
+
args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"] }]
|
|
26
26
|
}], ctorParameters: () => [{ type: i1.UIScreenViewModel }] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24tY29udHJvbHMvbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24tY29udHJvbHMvbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7O0FBUTlFLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBbUIsU0FBNEI7UUFBNUIsY0FBUyxHQUFULFNBQVMsQ0FBbUI7SUFBRyxDQUFDO0lBRW5ELFFBQVE7UUFDTix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDaEQsT0FBTyxDQUFDLEtBQUssQ0FDWCxpREFBaUQsRUFDakQsU0FBUyxDQUNWLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNO1FBQ0osT0FBTyxDQUFDLEtBQUssQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FoQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsb0VDVHhDLGtSQVNBOzs0RkRBYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsOEJBQThCLGNBRzVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlTY3JlZW5WaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL3ZpZXctbW9kZWxzL3Vpc2NyZWVuLnZpZXdtb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLW5hdmlnYXRpb24tY29udHJvbHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tY29udHJvbHMuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25Db250cm9sc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3TW9kZWw6IFVJU2NyZWVuVmlld01vZGVsKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIE1vbml0b3JhciBvIGVzdGFkbyBkbyBib3TDo28gZGUgdm9sdGFyIHBhcmEgZGVidWdnaW5nXG4gICAgdGhpcy52aWV3TW9kZWwuY2FuR29CYWNrJC5zdWJzY3JpYmUoKGNhbkdvQmFjaykgPT4ge1xuICAgICAgY29uc29sZS5kZWJ1ZyhcbiAgICAgICAgJ1tOYXZpZ2F0aW9uQ29udHJvbHNdIEVzdGFkbyBkbyBib3TDo28gZGUgdm9sdGFyOicsXG4gICAgICAgIGNhbkdvQmFja1xuICAgICAgKTtcbiAgICB9KTtcbiAgfVxuXG4gIGdvQmFjaygpOiB2b2lkIHtcbiAgICBjb25zb2xlLmRlYnVnKCdbTmF2aWdhdGlvbkNvbnRyb2xzXSBCb3TDo28gZGUgdm9sdGFyIGNsaWNhZG8nKTtcbiAgICB0aGlzLnZpZXdNb2RlbC5nb0JhY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5hdmlnYXRpb24tY29udHJvbHNcIiAqbmdJZj1cImZhbHNlXCI+XG4gIDxidXR0b25cbiAgICBjbGFzcz1cImJhY2stYnV0dG9uXCJcbiAgICBbZGlzYWJsZWRdPVwiISh2aWV3TW9kZWwuY2FuR29CYWNrJCB8IGFzeW5jKVwiXG4gICAgKGNsaWNrKT1cImdvQmFjaygpXCJcbiAgPlxuICAgIDxpbWcgc3JjPVwiYXNzZXRzL2ltYWdlcy9idC1iYWNrLnN2Z1wiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjQwcHhcIi8+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
+
import { FontSizeMappingService } from './../../../core/services/font-size-mapping.service';
|
|
1
2
|
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
3
|
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import { textStyleMappingFontSize } from '../../../core/uitheme/mapping/text-style-mapping';
|
|
4
4
|
import { assetMapping } from '../../../core/uitheme/mapping/asset-mapping';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "
|
|
7
|
-
import * as i2 from "
|
|
6
|
+
import * as i1 from "./../../../core/services/font-size-mapping.service";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "../../../directives/uiview.directive";
|
|
8
9
|
export class ButtonComponent {
|
|
9
|
-
constructor(uiComponent, renderer) {
|
|
10
|
+
constructor(uiComponent, renderer, fontSizeMappingService) {
|
|
10
11
|
this.uiComponent = uiComponent;
|
|
11
12
|
this.renderer = renderer;
|
|
13
|
+
this.fontSizeMappingService = fontSizeMappingService;
|
|
12
14
|
}
|
|
13
15
|
ngOnInit() {
|
|
14
16
|
// console.debug('button.uiComponent: ', this.uiComponent);
|
|
@@ -24,15 +26,16 @@ export class ButtonComponent {
|
|
|
24
26
|
this.renderer.setStyle(this.buttonElementRef.nativeElement, 'color', color);
|
|
25
27
|
}
|
|
26
28
|
if (element.textStyle) {
|
|
29
|
+
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
27
30
|
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
28
31
|
this.renderer.setStyle(this.buttonElementRef.nativeElement, 'font-size', fontSize);
|
|
29
32
|
}
|
|
30
33
|
}
|
|
31
34
|
getAssetPath(asset) {
|
|
32
|
-
return
|
|
35
|
+
return assetMapping[asset];
|
|
33
36
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"], dependencies: [{ kind: "directive", type:
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
36
39
|
}
|
|
37
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
38
41
|
type: Component,
|
|
@@ -40,8 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
40
43
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
41
44
|
type: Inject,
|
|
42
45
|
args: ['uiComponent']
|
|
43
|
-
}] }, { type: i0.Renderer2 }], propDecorators: { buttonElementRef: [{
|
|
46
|
+
}] }, { type: i0.Renderer2 }, { type: i1.FontSizeMappingService }], propDecorators: { buttonElementRef: [{
|
|
44
47
|
type: ViewChild,
|
|
45
48
|
args: ['buttonElement']
|
|
46
49
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDNUYsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUVOLFNBQVMsRUFDVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7Ozs7QUFTM0UsTUFBTSxPQUFPLGVBQWU7SUFHMUIsWUFDZ0MsV0FBd0IsRUFDOUMsUUFBbUIsRUFDbkIsc0JBQThDO1FBRnhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtJQUNyRCxDQUFDO0lBRUosUUFBUTtRQUNOLDJEQUEyRDtJQUM3RCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFTyxZQUFZLENBQUMsT0FBa0I7UUFDckMsSUFBSSxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDdEIsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFDbkMsT0FBTyxFQUNQLEtBQUssQ0FDTixDQUFDO1FBQ0osQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzFFLE1BQU0sUUFBUSxHQUFHLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM3RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFDbkMsV0FBVyxFQUNYLFFBQVEsQ0FDVCxDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYztRQUN6QixPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQTFDVSxlQUFlLGtCQUloQixhQUFhO21HQUpaLGVBQWUsMEtDdkI1Qiw2T0FJQTs7NEZEbUJhLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBR2YsS0FBSzs7MEJBTWQsTUFBTTsyQkFBQyxhQUFhO3NHQUhLLGdCQUFnQjtzQkFBM0MsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9udFNpemVNYXBwaW5nU2VydmljZSB9IGZyb20gJy4vLi4vLi4vLi4vY29yZS9zZXJ2aWNlcy9mb250LXNpemUtbWFwcGluZy5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpZWxlbWVudCc7XG5pbXBvcnQgeyBjb2xvck1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nJztcbmltcG9ydCB7IGdldFRleHRTdHlsZU1hcHBpbmdGb250U2l6ZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3RleHQtc3R5bGUtbWFwcGluZyc7XG5pbXBvcnQgeyBhc3NldE1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9hc3NldC1tYXBwaW5nJztcbmltcG9ydCB7IFVJQXNzZXQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWlhc3NldCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBWaWV3Q2hpbGQoJ2J1dHRvbkVsZW1lbnQnKSBidXR0b25FbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIGZvbnRTaXplTWFwcGluZ1NlcnZpY2U6IEZvbnRTaXplTWFwcGluZ1NlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ2J1dHRvbi51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBpZiAoZWxlbWVudC50ZXh0Q29sb3IpIHtcbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JNYXBwaW5nW2VsZW1lbnQudGV4dENvbG9yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuYnV0dG9uRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnY29sb3InLFxuICAgICAgICBjb2xvclxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC50ZXh0U3R5bGUpIHtcbiAgICAgIGNvbnN0IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZSA9IHRoaXMuZm9udFNpemVNYXBwaW5nU2VydmljZS5nZXRNYXBwaW5nKCk7XG4gICAgICBjb25zdCBmb250U2l6ZSA9IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZVtlbGVtZW50LnRleHRTdHlsZV07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLmJ1dHRvbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ2ZvbnQtc2l6ZScsXG4gICAgICAgIGZvbnRTaXplXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIGdldEFzc2V0UGF0aChhc3NldDogVUlBc3NldCkge1xuICAgIHJldHVybiBhc3NldE1hcHBpbmdbYXNzZXRdO1xuICB9XG59XG4iLCI8YnV0dG9uICNidXR0b25FbGVtZW50IFtlZG1TZHVpVmlld109XCJ1aUNvbXBvbmVudC5lbGVtZW50XCIgKm5nSWY9XCJ1aUNvbXBvbmVudFwiPlxuICA8aW1nICpuZ0lmPVwidWlDb21wb25lbnQuZWxlbWVudC5hc3NldFwiIFtzcmNdPVwiZ2V0QXNzZXRQYXRoKHVpQ29tcG9uZW50LmVsZW1lbnQuYXNzZXQpXCIgYWx0PVwiXCI+XG4gIHt7IHVpQ29tcG9uZW50LmVsZW1lbnQubGFiZWwgfX1cbjwvYnV0dG9uPlxuIl19
|
|
@@ -11,7 +11,7 @@ export class ColumnComponent {
|
|
|
11
11
|
// console.debug('column.uiComponent: ', this.uiComponent);
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnComponent, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let child of uiComponent.components\"\n [uiComponent]=\"child\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnComponent, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let child of uiComponent.components\"\n [uiComponent]=\"child\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
@@ -9,9 +9,7 @@ export class ImageComponent {
|
|
|
9
9
|
this.uiComponent = uiComponent;
|
|
10
10
|
this.renderer = renderer;
|
|
11
11
|
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
// console.debug('image.uiComponent: ', this.uiComponent);
|
|
14
|
-
}
|
|
12
|
+
ngOnInit() { }
|
|
15
13
|
ngAfterViewInit() {
|
|
16
14
|
if (this.uiComponent?.element) {
|
|
17
15
|
this.applyElement(this.uiComponent.element);
|
|
@@ -20,7 +18,7 @@ export class ImageComponent {
|
|
|
20
18
|
applyElement(element) {
|
|
21
19
|
if (element.asset) {
|
|
22
20
|
const asset = assetMapping[element.asset];
|
|
23
|
-
this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src',
|
|
21
|
+
this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', asset);
|
|
24
22
|
}
|
|
25
23
|
else if (element.url) {
|
|
26
24
|
this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', element.url);
|
|
@@ -45,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
45
43
|
type: ViewChild,
|
|
46
44
|
args: ['imgElement']
|
|
47
45
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9pbWFnZS9pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2ltYWdlL2ltYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLGdCQUFnQixHQUNqQixNQUFNLDRDQUE0QyxDQUFDOzs7O0FBUXBELE1BQU0sT0FBTyxjQUFjO0lBR3pCLFlBQ2dDLFdBQXdCLEVBQzlDLFFBQW1CO1FBREcsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDOUMsYUFBUSxHQUFSLFFBQVEsQ0FBVztJQUMxQixDQUFDO0lBRUosUUFBUSxLQUFVLENBQUM7SUFFbkIsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFTyxZQUFZLENBQUMsT0FBa0I7UUFDckMsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbEIsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQ2hDLEtBQUssRUFDTCxLQUFLLENBQ04sQ0FBQztRQUNKLENBQUM7YUFBTSxJQUFJLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQ2hDLEtBQUssRUFDTCxPQUFPLENBQUMsR0FBRyxDQUNaLENBQUM7UUFDSixDQUFDO1FBRUQsSUFBSSxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDakIsTUFBTSxNQUFNLEdBQUcsaUJBQWlCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQy9DLE1BQU0sS0FBSyxHQUFHLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM3QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQ2hDLFFBQVEsRUFDUixNQUFNLENBQ1AsQ0FBQztZQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUMzRSxDQUFDO0lBQ0gsQ0FBQzsrR0ExQ1UsY0FBYyxrQkFJZixhQUFhO21HQUpaLGNBQWMsbUtDdkIzQixtRkFDQTs7NEZEc0JhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBR2QsS0FBSzs7MEJBTWQsTUFBTTsyQkFBQyxhQUFhO2lFQUhFLGFBQWE7c0JBQXJDLFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpZWxlbWVudCc7XG5pbXBvcnQgeyBhc3NldE1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9hc3NldC1tYXBwaW5nJztcbmltcG9ydCB7XG4gIHNpemVNYXBwaW5nSGVpZ2h0LFxuICBzaXplTWFwcGluZ1dpZHRoLFxufSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9zaXplLW1hcHBpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1pbWFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbWFnZS5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBWaWV3Q2hpbGQoJ2ltZ0VsZW1lbnQnKSBpbWdFbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MSW1hZ2VFbGVtZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnVpQ29tcG9uZW50Py5lbGVtZW50KSB7XG4gICAgICB0aGlzLmFwcGx5RWxlbWVudCh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYXBwbHlFbGVtZW50KGVsZW1lbnQ6IFVJRWxlbWVudCkge1xuICAgIGlmIChlbGVtZW50LmFzc2V0KSB7XG4gICAgICBjb25zdCBhc3NldCA9IGFzc2V0TWFwcGluZ1tlbGVtZW50LmFzc2V0XTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgICB0aGlzLmltZ0VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ3NyYycsXG4gICAgICAgIGFzc2V0XG4gICAgICApO1xuICAgIH0gZWxzZSBpZiAoZWxlbWVudC51cmwpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgICB0aGlzLmltZ0VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ3NyYycsXG4gICAgICAgIGVsZW1lbnQudXJsXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LnNpemUpIHtcbiAgICAgIGNvbnN0IGhlaWdodCA9IHNpemVNYXBwaW5nSGVpZ2h0W2VsZW1lbnQuc2l6ZV07XG4gICAgICBjb25zdCB3aWR0aCA9IHNpemVNYXBwaW5nV2lkdGhbZWxlbWVudC5zaXplXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuaW1nRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnaGVpZ2h0JyxcbiAgICAgICAgaGVpZ2h0XG4gICAgICApO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmltZ0VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3dpZHRoJywgd2lkdGgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGltZyAjaW1nRWxlbWVudCBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiICpuZ0lmPVwidWlDb21wb25lbnRcIiAvPlxuIl19
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
2
|
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import {
|
|
3
|
+
import { textStyleMappingFontWeight } from '../../../core/uitheme/mapping/text-style-mapping';
|
|
4
|
+
import { FontSizeMappingService } from '../../../core/services/font-size-mapping.service';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
6
|
-
import * as i2 from "
|
|
6
|
+
import * as i1 from "../../../core/services/font-size-mapping.service";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "../../../directives/uiview.directive";
|
|
7
9
|
export class LabelComponent {
|
|
8
|
-
constructor(uiComponent, renderer) {
|
|
10
|
+
constructor(uiComponent, renderer, fontSizeMappingService) {
|
|
9
11
|
this.uiComponent = uiComponent;
|
|
10
12
|
this.renderer = renderer;
|
|
13
|
+
this.fontSizeMappingService = fontSizeMappingService;
|
|
11
14
|
}
|
|
12
15
|
ngOnInit() {
|
|
13
16
|
// console.debug('label.uiComponent: ', this.uiComponent);
|
|
@@ -23,18 +26,28 @@ export class LabelComponent {
|
|
|
23
26
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'color', color);
|
|
24
27
|
}
|
|
25
28
|
if (element.textStyle) {
|
|
29
|
+
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
26
30
|
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
31
|
+
const fontWeight = textStyleMappingFontWeight[element.textStyle];
|
|
32
|
+
//TODO: Substituir por classe no futuro.
|
|
33
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-weight', fontWeight);
|
|
27
34
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
|
|
28
35
|
}
|
|
29
36
|
const maxLines = element.maxLines ?? 1;
|
|
30
|
-
|
|
37
|
+
if (element.maxLines) {
|
|
38
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'display', '-webkit-box');
|
|
39
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-box-orient', 'vertical');
|
|
40
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'overflow', 'hidden');
|
|
41
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-overflow', 'ellipsis');
|
|
42
|
+
this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-line-clamp', maxLines);
|
|
43
|
+
}
|
|
31
44
|
if (element.opacity) {
|
|
32
45
|
const opacity = element.opacity;
|
|
33
46
|
this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
|
|
34
47
|
}
|
|
35
48
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LabelComponent, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type:
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LabelComponent, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
38
51
|
}
|
|
39
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
|
|
40
53
|
type: Component,
|
|
@@ -42,8 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
42
55
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
43
56
|
type: Inject,
|
|
44
57
|
args: ['uiComponent']
|
|
45
|
-
}] }, { type: i0.Renderer2 }], propDecorators: { spanElementRef: [{
|
|
58
|
+
}] }, { type: i0.Renderer2 }, { type: i1.FontSizeMappingService }], propDecorators: { spanElementRef: [{
|
|
46
59
|
type: ViewChild,
|
|
47
60
|
args: ['spanElement']
|
|
48
61
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQStCLDBCQUEwQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0gsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7O0FBUTFGLE1BQU0sT0FBTyxjQUFjO0lBR3pCLFlBQ2dDLFdBQXdCLEVBQzlDLFFBQW1CLEVBQ25CLHNCQUE4QztRQUZ4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUM5QyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7SUFDckQsQ0FBQztJQUVKLFFBQVE7UUFDTiwwREFBMEQ7SUFDNUQsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLE9BQWtCO1FBQ3JDLElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzVFLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUN0QixNQUFNLHdCQUF3QixHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUMxRSxNQUFNLFFBQVEsR0FBRyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDN0QsTUFBTSxVQUFVLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBR2pFLHdDQUF3QztZQUV4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQ2pDLGFBQWEsRUFDYixVQUFVLENBQ1gsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFDakMsV0FBVyxFQUNYLFFBQVEsQ0FDVCxDQUFDO1FBQ0osQ0FBQztRQUVELE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO1FBRXZDLElBQUcsT0FBTyxDQUFDLFFBQVEsRUFBQyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsQ0FBQztZQUNwRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxVQUFVLENBQUMsQ0FBQztZQUM1RixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7WUFDaEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBQ3ZGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLG9CQUFvQixFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQzVGLENBQUM7UUFJRCxJQUFJLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNwQixNQUFNLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFDakMsU0FBUyxFQUNULE9BQU8sQ0FDUixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7K0dBbEVVLGNBQWMsa0JBSWYsYUFBYTttR0FKWixjQUFjLHFLQ3JCM0Isc0lBR0E7OzRGRGtCYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLGdCQUFnQixjQUdkLEtBQUs7OzBCQU1kLE1BQU07MkJBQUMsYUFBYTtzR0FIRyxjQUFjO3NCQUF2QyxTQUFTO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdCxcbiAgT25Jbml0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuaW1wb3J0IHsgVUlFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnQnO1xuaW1wb3J0IHsgY29sb3JNYXBwaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvY29sb3ItbWFwcGluZyc7XG5pbXBvcnQgeyBnZXRUZXh0U3R5bGVNYXBwaW5nRm9udFNpemUsIHRleHRTdHlsZU1hcHBpbmdGb250V2VpZ2h0IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvdGV4dC1zdHlsZS1tYXBwaW5nJztcbmltcG9ydCB7IEZvbnRTaXplTWFwcGluZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL2ZvbnQtc2l6ZS1tYXBwaW5nLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBWaWV3Q2hpbGQoJ3NwYW5FbGVtZW50Jykgc3BhbkVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSBmb250U2l6ZU1hcHBpbmdTZXJ2aWNlOiBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmRlYnVnKCdsYWJlbC51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBpZiAoZWxlbWVudC50ZXh0Q29sb3IpIHtcbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JNYXBwaW5nW2VsZW1lbnQudGV4dENvbG9yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnY29sb3InLCBjb2xvcik7XG4gICAgfVxuXG4gICAgaWYgKGVsZW1lbnQudGV4dFN0eWxlKSB7XG4gICAgICBjb25zdCB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgPSB0aGlzLmZvbnRTaXplTWFwcGluZ1NlcnZpY2UuZ2V0TWFwcGluZygpO1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgY29uc3QgZm9udFdlaWdodCA9IHRleHRTdHlsZU1hcHBpbmdGb250V2VpZ2h0W2VsZW1lbnQudGV4dFN0eWxlXTtcblxuXG4gICAgICAvL1RPRE86IFN1YnN0aXR1aXIgcG9yIGNsYXNzZSBubyBmdXR1cm8uXG5cbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ2ZvbnQtd2VpZ2h0JyxcbiAgICAgICAgZm9udFdlaWdodFxuICAgICAgKTtcblxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnZm9udC1zaXplJyxcbiAgICAgICAgZm9udFNpemVcbiAgICAgICk7XG4gICAgfVxuXG4gICAgY29uc3QgbWF4TGluZXMgPSBlbGVtZW50Lm1heExpbmVzID8/IDE7XG5cbiAgICBpZihlbGVtZW50Lm1heExpbmVzKXtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzcGxheScsICctd2Via2l0LWJveCcpO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICctd2Via2l0LWJveC1vcmllbnQnLCAndmVydGljYWwnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnb3ZlcmZsb3cnLCAnaGlkZGVuJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3RleHQtb3ZlcmZsb3cnLCAnZWxsaXBzaXMnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnLXdlYmtpdC1saW5lLWNsYW1wJywgbWF4TGluZXMpO1xuICAgIH1cblxuXG5cbiAgICBpZiAoZWxlbWVudC5vcGFjaXR5KSB7XG4gICAgICBjb25zdCBvcGFjaXR5ID0gZWxlbWVudC5vcGFjaXR5O1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnb3BhY2l0eScsXG4gICAgICAgIG9wYWNpdHlcbiAgICAgICk7XG4gICAgfVxuICB9XG59XG4iLCI8c3BhbiAjc3BhbkVsZW1lbnQgW2VkbVNkdWlWaWV3XT1cInVpQ29tcG9uZW50LmVsZW1lbnRcIiAqbmdJZj1cInVpQ29tcG9uZW50XCI+e3tcbiAgdWlDb21wb25lbnQuZWxlbWVudD8ubGFiZWwgPz8gXCJcIlxufX08L3NwYW4+XG4iXX0=
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Component, Renderer2, ElementRef, Inject, ViewChild } from "@angular/core";
|
|
2
|
+
import { colorMapping } from "../../../core/uitheme/mapping/color-mapping";
|
|
3
|
+
import { textStyleMappingLineHeight } from "../../../core/uitheme/mapping/text-style-mapping";
|
|
4
|
+
import { sizeMappingHeight, sizeMappingWidth } from "../../../core/uitheme/mapping/size-mapping";
|
|
5
|
+
import { UISize } from "../../../core/uitheme/enums/uisize";
|
|
6
|
+
import { SduiTranslationService } from "../../../core/services/translation.service";
|
|
7
|
+
import { spaceMapping } from "../../../core/uitheme/mapping/space-mapping";
|
|
8
|
+
import { FontSizeMappingService } from "../../../core/services/font-size-mapping.service";
|
|
9
|
+
import { UIColor } from "../../../core/uitheme/enums/uicolor";
|
|
10
|
+
import { UITextStyle } from "../../../core/uitheme/enums/uitext-style";
|
|
11
|
+
import { UIContentType } from "../../../core/uitheme/enums/uicontent-type";
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
import * as i1 from "../../../core/services/translation.service";
|
|
14
|
+
import * as i2 from "../../../core/services/font-size-mapping.service";
|
|
15
|
+
export class MediaTypeComponent {
|
|
16
|
+
constructor(uiComponent, renderer, translator, fontSizeMappingService) {
|
|
17
|
+
this.uiComponent = uiComponent;
|
|
18
|
+
this.renderer = renderer;
|
|
19
|
+
this.translator = translator;
|
|
20
|
+
this.fontSizeMappingService = fontSizeMappingService;
|
|
21
|
+
this.label = '';
|
|
22
|
+
this.contetType = UIContentType;
|
|
23
|
+
}
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
console.debug('label.uiComponent: ', this.uiComponent);
|
|
26
|
+
const type = this.uiComponent.element?.contentType ?? '';
|
|
27
|
+
this.label = this.translator.translate('contentType', type);
|
|
28
|
+
}
|
|
29
|
+
ngAfterViewInit() {
|
|
30
|
+
if (this.uiComponent.element) {
|
|
31
|
+
this.applyElement(this.uiComponent.element);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
applyElement(element) {
|
|
35
|
+
const containerEl = this.containerElementRef?.nativeElement;
|
|
36
|
+
this.renderer.setStyle(containerEl, 'gap', spaceMapping['s1']);
|
|
37
|
+
const iconEl = this.iconElementRef?.nativeElement;
|
|
38
|
+
const size = UISize.ASSET_2; // fixo
|
|
39
|
+
const height = sizeMappingHeight[size];
|
|
40
|
+
const width = sizeMappingWidth[size];
|
|
41
|
+
this.renderer.setStyle(iconEl, 'height', height);
|
|
42
|
+
this.renderer.setStyle(iconEl, 'width', width);
|
|
43
|
+
const labelEl = this.labelElementRef?.nativeElement;
|
|
44
|
+
const color = colorMapping[UIColor.TEXT_COMMENT_SEC];
|
|
45
|
+
this.renderer.setStyle(labelEl, 'color', color);
|
|
46
|
+
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
47
|
+
const fontSize = textStyleMappingFontSize[UITextStyle.CAPTION_2];
|
|
48
|
+
this.renderer.setStyle(labelEl, 'font-size', fontSize);
|
|
49
|
+
const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
|
|
50
|
+
this.renderer.setStyle(labelEl, 'line-height', lineHeight);
|
|
51
|
+
}
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MediaTypeComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.SduiTranslationService }, { token: i2.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MediaTypeComponent, selector: "edm-sdui-media-type", viewQueries: [{ propertyName: "iconElementRef", first: true, predicate: ["iconElementRef"], descendants: true }, { propertyName: "labelElementRef", first: true, predicate: ["labelElementRef"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerElementRef"], descendants: true }], ngImport: i0, template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }); }
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MediaTypeComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
58
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
59
|
+
type: Inject,
|
|
60
|
+
args: ['uiComponent']
|
|
61
|
+
}] }, { type: i0.Renderer2 }, { type: i1.SduiTranslationService }, { type: i2.FontSizeMappingService }], propDecorators: { iconElementRef: [{
|
|
62
|
+
type: ViewChild,
|
|
63
|
+
args: ['iconElementRef']
|
|
64
|
+
}], labelElementRef: [{
|
|
65
|
+
type: ViewChild,
|
|
66
|
+
args: ['labelElementRef']
|
|
67
|
+
}], containerElementRef: [{
|
|
68
|
+
type: ViewChild,
|
|
69
|
+
args: ['containerElementRef']
|
|
70
|
+
}] } });
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L21lZGlhLXR5cGUvbWVkaWEtdHlwZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L21lZGlhLXR5cGUvbWVkaWEtdHlwZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXlCLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFJbEgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBK0IsMEJBQTBCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDNUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7O0FBUTNFLE1BQU0sT0FBTyxrQkFBa0I7SUFRM0IsWUFDZ0MsV0FBd0IsRUFDOUMsUUFBbUIsRUFDbkIsVUFBa0MsRUFDbEMsc0JBQThDO1FBSHhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBd0I7UUFDbEMsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQU5uRCxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxhQUFhLENBQUM7SUFNN0IsQ0FBQztJQUVKLFFBQVE7UUFDTixPQUFPLENBQUMsS0FBSyxDQUFDLHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN2RCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxXQUFXLElBQUksRUFBRSxDQUFDO1FBQ3pELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQztJQUNPLFlBQVksQ0FBQyxPQUFrQjtRQUVyQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsYUFBYSxDQUFDO1FBQzVELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFFL0QsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxhQUFhLENBQUM7UUFDbEQsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU87UUFDcEMsTUFBTSxNQUFNLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkMsTUFBTSxLQUFLLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBRy9DLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsYUFBYSxDQUFDO1FBQ3BELE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBRWhELE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzFFLE1BQU0sUUFBUSxHQUFHLHdCQUF3QixDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRXZELE1BQU0sVUFBVSxHQUFHLDBCQUEwQixDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNyRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQzdELENBQUM7K0dBakRRLGtCQUFrQixrQkFTakIsYUFBYTttR0FUZCxrQkFBa0IsK1hDckIvQix1N0JBeUJBOzs0RkRKYSxrQkFBa0I7a0JBTjlCLFNBQVM7aUNBR0ksS0FBSyxZQUNQLHFCQUFxQjs7MEJBVzFCLE1BQU07MkJBQUMsYUFBYTsySUFSSSxjQUFjO3NCQUExQyxTQUFTO3VCQUFDLGdCQUFnQjtnQkFDRyxlQUFlO3NCQUE1QyxTQUFTO3VCQUFDLGlCQUFpQjtnQkFDTSxtQkFBbUI7c0JBQXBELFNBQVM7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIFJlbmRlcmVyMiwgRWxlbWVudFJlZiwgSW5qZWN0LCBWaWV3Q2hpbGQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFVJQWN0aW9uU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3VpLWFjdGlvbi5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50XCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnRcIjtcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nXCI7XG5pbXBvcnQgeyBnZXRUZXh0U3R5bGVNYXBwaW5nRm9udFNpemUsIHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0IH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3RleHQtc3R5bGUtbWFwcGluZ1wiO1xuaW1wb3J0IHsgc2l6ZU1hcHBpbmdIZWlnaHQsIHNpemVNYXBwaW5nV2lkdGggfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvc2l6ZS1tYXBwaW5nXCI7XG5pbXBvcnQgeyBVSVNpemUgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3Vpc2l6ZVwiO1xuaW1wb3J0IHsgU2R1aVRyYW5zbGF0aW9uU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3RyYW5zbGF0aW9uLnNlcnZpY2VcIjtcbmltcG9ydCB7IHNwYWNlTWFwcGluZyB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9zcGFjZS1tYXBwaW5nXCI7XG5pbXBvcnQgeyBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZVwiO1xuaW1wb3J0IHsgVUlDb2xvciB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWljb2xvclwiO1xuaW1wb3J0IHsgVUlUZXh0U3R5bGUgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3VpdGV4dC1zdHlsZVwiO1xuaW1wb3J0IHsgVUlDb250ZW50VHlwZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWljb250ZW50LXR5cGVcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0eWxlVXJsOiAnLi9tZWRpYS10eXBlLmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLXR5cGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1tZWRpYS10eXBlJyxcbn0pXG5leHBvcnQgY2xhc3MgTWVkaWFUeXBlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnaWNvbkVsZW1lbnRSZWYnKSBpY29uRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2xhYmVsRWxlbWVudFJlZicpIGxhYmVsRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyRWxlbWVudFJlZicpIGNvbnRhaW5lckVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuXG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gJyc7XG4gIHB1YmxpYyBjb250ZXRUeXBlID0gVUlDb250ZW50VHlwZTtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgIHByaXZhdGUgdHJhbnNsYXRvcjogU2R1aVRyYW5zbGF0aW9uU2VydmljZSxcbiAgICAgIHByaXZhdGUgZm9udFNpemVNYXBwaW5nU2VydmljZTogRm9udFNpemVNYXBwaW5nU2VydmljZVxuICAgICkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgY29uc29sZS5kZWJ1ZygnbGFiZWwudWlDb21wb25lbnQ6ICcsIHRoaXMudWlDb21wb25lbnQpO1xuICAgICAgY29uc3QgdHlwZSA9IHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPz8gJyc7XG4gICAgICB0aGlzLmxhYmVsID0gdGhpcy50cmFuc2xhdG9yLnRyYW5zbGF0ZSgnY29udGVudFR5cGUnLCB0eXBlKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KSB7XG4gICAgICAgIHRoaXMuYXBwbHlFbGVtZW50KHRoaXMudWlDb21wb25lbnQuZWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICAgIHByaXZhdGUgYXBwbHlFbGVtZW50KGVsZW1lbnQ6IFVJRWxlbWVudCkge1xuXG4gICAgICBjb25zdCBjb250YWluZXJFbCA9IHRoaXMuY29udGFpbmVyRWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudDtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoY29udGFpbmVyRWwsICdnYXAnLCBzcGFjZU1hcHBpbmdbJ3MxJ10pO1xuXG4gICAgICBjb25zdCBpY29uRWwgPSB0aGlzLmljb25FbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3Qgc2l6ZSA9IFVJU2l6ZS5BU1NFVF8yOyAvLyBmaXhvXG4gICAgICBjb25zdCBoZWlnaHQgPSBzaXplTWFwcGluZ0hlaWdodFtzaXplXTtcbiAgICAgIGNvbnN0IHdpZHRoID0gc2l6ZU1hcHBpbmdXaWR0aFtzaXplXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaWNvbkVsLCAnaGVpZ2h0JywgaGVpZ2h0KTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaWNvbkVsLCAnd2lkdGgnLCB3aWR0aCk7XG5cblxuICAgICAgY29uc3QgbGFiZWxFbCA9IHRoaXMubGFiZWxFbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3QgY29sb3IgPSBjb2xvck1hcHBpbmdbVUlDb2xvci5URVhUX0NPTU1FTlRfU0VDXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobGFiZWxFbCwgJ2NvbG9yJywgY29sb3IpO1xuXG4gICAgICBjb25zdCB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgPSB0aGlzLmZvbnRTaXplTWFwcGluZ1NlcnZpY2UuZ2V0TWFwcGluZygpO1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbVUlUZXh0U3R5bGUuQ0FQVElPTl8yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobGFiZWxFbCwgJ2ZvbnQtc2l6ZScsIGZvbnRTaXplKTtcblxuICAgICAgY29uc3QgbGluZUhlaWdodCA9IHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0W1VJVGV4dFN0eWxlLkNBUFRJT05fMl07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGxhYmVsRWwsICdsaW5lLWhlaWdodCcsIGxpbmVIZWlnaHQpO1xuICAgIH1cbn1cbiIsIjxkaXYgI2NvbnRhaW5lckVsZW1lbnRSZWYgY2xhc3M9XCJtZWRpYS1jb250YWluZXJcIj5cbiAgQGlmKHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPT09IGNvbnRldFR5cGUuVklERU8pXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy1wbGF5LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLkhUTUwpXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy10ZXh0LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLkFVRElPKVxuICB7XG4gICAgPGltZyAjaWNvbkVsZW1lbnRSZWYgc3JjPVwiL2Fzc2V0cy9pbWFnZXMvaWMtYXVkaW8tbGlzdC5zdmdcIiBjbGFzcz1cImljb25zLXN2Zy1saXN0XCI+XG4gIH1cbiAgQGlmKHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPT09IGNvbnRldFR5cGUuRklMRSlcbiAge1xuICAgIDxpbWcgI2ljb25FbGVtZW50UmVmIHNyYz1cIi9hc3NldHMvaW1hZ2VzL2ljLWZpbGUuc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLlFVSVopXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy1xdWl6LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG5cbiAgPHNwYW4gI2xhYmVsRWxlbWVudFJlZj57eyBsYWJlbCB9fTwvc3Bhbj5cbjwvZGl2PlxuXG4iXX0=
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Component, Inject, Injector } from "@angular/core";
|
|
2
|
+
import { PickerItemComponent } from "../picker-item/picker-item.component";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class PickerComponent {
|
|
6
|
+
constructor(uiComponent, injector) {
|
|
7
|
+
this.uiComponent = uiComponent;
|
|
8
|
+
this.injector = injector;
|
|
9
|
+
this.selectedLabel = '';
|
|
10
|
+
this.open = false;
|
|
11
|
+
this.pickerItemComponent = PickerItemComponent;
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
this.selectedLabel = this.uiComponent.element?.label ?? 'Selecionar';
|
|
15
|
+
}
|
|
16
|
+
onItemSelected(label) {
|
|
17
|
+
this.selectedLabel = label;
|
|
18
|
+
this.open = false;
|
|
19
|
+
}
|
|
20
|
+
createInjector(item) {
|
|
21
|
+
return Injector.create({
|
|
22
|
+
providers: [
|
|
23
|
+
{ provide: 'uiComponent', useValue: item }
|
|
24
|
+
],
|
|
25
|
+
parent: this.injector
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
ngAfterViewInit() {
|
|
29
|
+
// if (this.uiComponent.element) {
|
|
30
|
+
// this.applyElement(this.uiComponent.element);
|
|
31
|
+
// }
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerComponent, selector: "edm-sdui-picker", ngImport: i0, template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:block;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ standalone: false, selector: 'edm-sdui-picker', template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:block;padding:0}\n"] }]
|
|
39
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
40
|
+
type: Inject,
|
|
41
|
+
args: ['uiComponent']
|
|
42
|
+
}] }, { type: i0.Injector }] });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcGlja2VyL3BpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3BpY2tlci9waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFOUYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQVEzRSxNQUFNLE9BQU8sZUFBZTtJQUcxQixZQUNnQyxXQUF3QixFQUM5QyxRQUFrQjtRQURJLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVU7UUFKNUIsa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsU0FBSSxHQUFHLEtBQUssQ0FBQztRQWViLHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO0lBWHRDLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksWUFBWSxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBSUQsY0FBYyxDQUFDLElBQWlCO1FBQzlCLE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNyQixTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7YUFDM0M7WUFDRCxNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDdEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDYixrQ0FBa0M7UUFDbEMsaURBQWlEO1FBQ2pELElBQUk7SUFDTixDQUFDOytHQWhDVSxlQUFlLGtCQUloQixhQUFhO21HQUpaLGVBQWUsdURDVjVCLDBhQVVBOzs0RkRBYSxlQUFlO2tCQU4zQixTQUFTO2lDQUdJLEtBQUssWUFDUCxpQkFBaUI7OzBCQU14QixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnRcIjtcbmltcG9ydCB7IFBpY2tlckl0ZW1Db21wb25lbnQgfSBmcm9tIFwiLi4vcGlja2VyLWl0ZW0vcGlja2VyLWl0ZW0uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzdHlsZVVybDogJy4vcGlja2VyLmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXBpY2tlcicsXG59KVxuZXhwb3J0IGNsYXNzIFBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIHNlbGVjdGVkTGFiZWw6IHN0cmluZyA9ICcnO1xuICBvcGVuID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvclxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9IHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8ubGFiZWwgPz8gJ1NlbGVjaW9uYXInO1xuICB9XG5cbiAgb25JdGVtU2VsZWN0ZWQobGFiZWw6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9IGxhYmVsO1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICB9XG5cbiAgcGlja2VySXRlbUNvbXBvbmVudCA9IFBpY2tlckl0ZW1Db21wb25lbnQ7XG5cbiAgY3JlYXRlSW5qZWN0b3IoaXRlbTogVUlDb21wb25lbnQpOiBJbmplY3RvciB7XG4gICAgcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiAndWlDb21wb25lbnQnLCB1c2VWYWx1ZTogaXRlbSB9XG4gICAgICBdLFxuICAgICAgcGFyZW50OiB0aGlzLmluamVjdG9yXG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgIC8vICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICAvLyB9XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInBpY2tlclwiPlxuICA8YnV0dG9uIChjbGljayk9XCJvcGVuID0gIW9wZW5cIj57eyBzZWxlY3RlZExhYmVsIH19IDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPlxuICAgIHt7b3BlbiA/ICdrZXlib2FyZF9hcnJvd191cCcgOiAna2V5Ym9hcmRfYXJyb3dfZG93bid9fVxuICAgIDwvc3Bhbj48L2J1dHRvbj5cbiAgPHVsICpuZ0lmPVwib3BlblwiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiB1aUNvbXBvbmVudC5jb21wb25lbnRzXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cInBpY2tlckl0ZW1Db21wb25lbnQ7IGluamVjdG9yOiBjcmVhdGVJbmplY3RvcihpdGVtKVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component, EventEmitter, Inject, Output } from "@angular/core";
|
|
2
|
+
import { UIActionService } from "../../../core/services/ui-action.service";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../../core/services/ui-action.service";
|
|
5
|
+
export class PickerItemComponent {
|
|
6
|
+
constructor(uiComponent, actionService) {
|
|
7
|
+
this.uiComponent = uiComponent;
|
|
8
|
+
this.actionService = actionService;
|
|
9
|
+
this.label = '';
|
|
10
|
+
this.selected = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.label = this.uiComponent.element?.label ?? '';
|
|
14
|
+
}
|
|
15
|
+
onClick() {
|
|
16
|
+
const action = this.uiComponent.element?.action;
|
|
17
|
+
if (action) {
|
|
18
|
+
this.actionService.execute(action);
|
|
19
|
+
}
|
|
20
|
+
this.selected.emit(this.label);
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerItemComponent, deps: [{ token: 'uiComponent' }, { token: i1.UIActionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerItemComponent, selector: "edm-sdui-picker-item", outputs: { selected: "selected" }, ngImport: i0, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerItemComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ standalone: false, selector: 'edm-sdui-picker-item', template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
|
|
28
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
29
|
+
type: Inject,
|
|
30
|
+
args: ['uiComponent']
|
|
31
|
+
}] }, { type: i1.UIActionService }], propDecorators: { selected: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9waWNrZXItaXRlbS9waWNrZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3BpY2tlci1pdGVtL3BpY2tlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFRM0UsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QixZQUNnQyxXQUF3QixFQUM5QyxhQUE4QjtRQURSLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGtCQUFhLEdBQWIsYUFBYSxDQUFpQjtRQU5qQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBTTdDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFFRCxPQUFPO1FBQ0wsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO1FBQ2hELElBQUksTUFBTSxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBcEJVLG1CQUFtQixrQkFNcEIsYUFBYTttR0FOWixtQkFBbUIsK0ZDVmhDLGtGQUdBOzs0RkRPYSxtQkFBbUI7a0JBTi9CLFNBQVM7aUNBR0ksS0FBSyxZQUNQLHNCQUFzQjs7MEJBUTdCLE1BQU07MkJBQUMsYUFBYTt1RUFKYixRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudFwiO1xuaW1wb3J0IHsgVUlBY3Rpb25TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvc2VydmljZXMvdWktYWN0aW9uLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0eWxlVXJsOiAnLi9waWNrZXItaXRlbS5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWNrZXItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXBpY2tlci1pdGVtJyxcbn0pXG5leHBvcnQgY2xhc3MgUGlja2VySXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgYWN0aW9uU2VydmljZTogVUlBY3Rpb25TZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsID0gdGhpcy51aUNvbXBvbmVudC5lbGVtZW50Py5sYWJlbCA/PyAnJztcbiAgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgY29uc3QgYWN0aW9uID0gdGhpcy51aUNvbXBvbmVudC5lbGVtZW50Py5hY3Rpb247XG4gICAgaWYgKGFjdGlvbikge1xuICAgICAgdGhpcy5hY3Rpb25TZXJ2aWNlLmV4ZWN1dGUoYWN0aW9uKTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMubGFiZWwpO1xuICB9XG5cbn1cbiIsIjxidXR0b24gY2xhc3M9XCJwaWNrZXItaXRlbVwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cbiAge3sgbGFiZWwgfX1cbjwvYnV0dG9uPlxuIl19
|
|
@@ -8,16 +8,15 @@ export class RowComponent {
|
|
|
8
8
|
this.uiComponent = uiComponent;
|
|
9
9
|
}
|
|
10
10
|
ngOnInit() {
|
|
11
|
-
// console.debug('row.uiComponent: ', this.uiComponent);
|
|
12
11
|
}
|
|
13
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowComponent, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowComponent, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
15
14
|
}
|
|
16
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, decorators: [{
|
|
17
16
|
type: Component,
|
|
18
|
-
args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"] }]
|
|
17
|
+
args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"] }]
|
|
19
18
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
20
19
|
type: Inject,
|
|
21
20
|
args: ['uiComponent']
|
|
22
21
|
}] }] });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQTBDLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV0RSxRQUFRO0lBQ1IsQ0FBQzsrR0FKVSxZQUFZLGtCQUNILGFBQWE7bUdBRHRCLFlBQVksb0RDVHpCLDJPQU9BOzs0RkRFYSxZQUFZO2tCQU54QixTQUFTOytCQUNFLGNBQWMsY0FHWixLQUFLOzswQkFHSixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1yb3cnLFxuICBzdHlsZVVybDogJy4vcm93LmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBSb3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcihASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3ctMVwiICpuZ0lmPVwidWlDb21wb25lbnRcIiBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiPlxuICA8ZWRtLXNkdWktY29tcG9uZW50XG4gICAgKm5nRm9yPVwibGV0IGNvbXBvbmVudCBvZiB1aUNvbXBvbmVudC5jb21wb25lbnRzXCJcbiAgICBbdWlDb21wb25lbnRdPVwiY29tcG9uZW50XCJcbiAgPlxuICA8L2VkbS1zZHVpLWNvbXBvbmVudD5cbjwvZGl2PlxuIl19
|