@edm-sdui/sdui 1.0.2 → 1.0.4

package/edm-sdui-sdui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edm-sdui-sdui.d.ts","sourceRoot":"","sources":["../../../libs/sdui/src/edm-sdui-sdui.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/esm2022/edm-sdui-sdui.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRtLXNkdWktc2R1aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvZWRtLXNkdWktc2R1aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/lib/components/navigation-controls/navigation-controls.component.mjs

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import { UIScreenViewModel } from '../../core/view-models/uiscreen.viewmodel';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core/view-models/uiscreen.viewmodel";
+import * as i2 from "@angular/common";
+export class NavigationControlsComponent {
+    constructor(viewModel) {
+        this.viewModel = viewModel;
+    }
+    ngOnInit() {
+        // Monitorar o estado do botão de voltar para debugging
+        this.viewModel.canGoBack$.subscribe((canGoBack) => {
+            console.debug('[NavigationControls] Estado do botão de voltar:', canGoBack);
+        });
+    }
+    goBack() {
+        console.debug('[NavigationControls] Botão de voltar clicado');
+        this.viewModel.goBack();
+    }
+    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 }); }
+    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    <span class=\"material-icons\">arrow_back</span>\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:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, decorators: [{
+            type: Component,
+            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    <span class=\"material-icons\">arrow_back</span>\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:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UIScreenViewModel }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24tY29udHJvbHMvbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24tY29udHJvbHMvbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7O0FBUTlFLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBbUIsU0FBNEI7UUFBNUIsY0FBUyxHQUFULFNBQVMsQ0FBbUI7SUFBRyxDQUFDO0lBRW5ELFFBQVE7UUFDTix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDaEQsT0FBTyxDQUFDLEtBQUssQ0FDWCxpREFBaUQsRUFDakQsU0FBUyxDQUNWLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNO1FBQ0osT0FBTyxDQUFDLEtBQUssQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FoQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsb0VDVHhDLDJPQVNBOzs0RkRBYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsOEJBQThCLGNBRzVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlTY3JlZW5WaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL3ZpZXctbW9kZWxzL3Vpc2NyZWVuLnZpZXdtb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLW5hdmlnYXRpb24tY29udHJvbHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tY29udHJvbHMuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25Db250cm9sc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3TW9kZWw6IFVJU2NyZWVuVmlld01vZGVsKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIE1vbml0b3JhciBvIGVzdGFkbyBkbyBib3TDo28gZGUgdm9sdGFyIHBhcmEgZGVidWdnaW5nXG4gICAgdGhpcy52aWV3TW9kZWwuY2FuR29CYWNrJC5zdWJzY3JpYmUoKGNhbkdvQmFjaykgPT4ge1xuICAgICAgY29uc29sZS5kZWJ1ZyhcbiAgICAgICAgJ1tOYXZpZ2F0aW9uQ29udHJvbHNdIEVzdGFkbyBkbyBib3TDo28gZGUgdm9sdGFyOicsXG4gICAgICAgIGNhbkdvQmFja1xuICAgICAgKTtcbiAgICB9KTtcbiAgfVxuXG4gIGdvQmFjaygpOiB2b2lkIHtcbiAgICBjb25zb2xlLmRlYnVnKCdbTmF2aWdhdGlvbkNvbnRyb2xzXSBCb3TDo28gZGUgdm9sdGFyIGNsaWNhZG8nKTtcbiAgICB0aGlzLnZpZXdNb2RlbC5nb0JhY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5hdmlnYXRpb24tY29udHJvbHNcIj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwiYmFjay1idXR0b25cIlxuICAgIFtkaXNhYmxlZF09XCIhKHZpZXdNb2RlbC5jYW5Hb0JhY2skIHwgYXN5bmMpXCJcbiAgICAoY2xpY2spPVwiZ29CYWNrKClcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmFycm93X2JhY2s8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/uicomponent/button/button.component.mjs

@@ -0,0 +1,47 @@
+import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
+import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
+import { textStyleMappingFontSize } from '../../../core/uitheme/mapping/text-style-mapping';
+import { assetMapping } from '../../../core/uitheme/mapping/asset-mapping';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/uiview.directive";
+export class ButtonComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('button.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.buttonElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.buttonElementRef.nativeElement, 'font-size', fontSize);
+        }
+    }
+    getAssetPath(asset) {
+        return './assets/' + assetMapping[asset];
+    }
+    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 }); }
+    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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-button', standalone: false, 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"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { buttonElementRef: [{
+                type: ViewChild,
+                args: ['buttonElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUVOLFNBQVMsRUFDVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7OztBQVMzRSxNQUFNLE9BQU8sZUFBZTtJQUcxQixZQUNnQyxXQUF3QixFQUM5QyxRQUFtQjtRQURHLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7SUFDMUIsQ0FBQztJQUVKLFFBQVE7UUFDTiwyREFBMkQ7SUFDN0QsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLE9BQWtCO1FBQ3JDLElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQ25DLE9BQU8sRUFDUCxLQUFLLENBQ04sQ0FBQztRQUNKLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUN0QixNQUFNLFFBQVEsR0FBRyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQ25DLFdBQVcsRUFDWCxRQUFRLENBQ1QsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWM7UUFDekIsT0FBTyxXQUFXLEdBQUUsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7K0dBeENVLGVBQWUsa0JBSWhCLGFBQWE7bUdBSlosZUFBZSwwS0N0QjVCLDZPQUlBOzs0RkRrQmEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZixLQUFLOzswQkFNZCxNQUFNOzJCQUFDLGFBQWE7aUVBSEssZ0JBQWdCO3NCQUEzQyxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdCxcbiAgT25Jbml0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuaW1wb3J0IHsgVUlFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnQnO1xuaW1wb3J0IHsgY29sb3JNYXBwaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvY29sb3ItbWFwcGluZyc7XG5pbXBvcnQgeyB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy90ZXh0LXN0eWxlLW1hcHBpbmcnO1xuaW1wb3J0IHsgYXNzZXRNYXBwaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvYXNzZXQtbWFwcGluZyc7XG5pbXBvcnQgeyBVSUFzc2V0IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3VpYXNzZXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdidXR0b25FbGVtZW50JykgYnV0dG9uRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ2J1dHRvbi51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBpZiAoZWxlbWVudC50ZXh0Q29sb3IpIHtcbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JNYXBwaW5nW2VsZW1lbnQudGV4dENvbG9yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuYnV0dG9uRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnY29sb3InLFxuICAgICAgICBjb2xvclxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC50ZXh0U3R5bGUpIHtcbiAgICAgIGNvbnN0IGZvbnRTaXplID0gdGV4dFN0eWxlTWFwcGluZ0ZvbnRTaXplW2VsZW1lbnQudGV4dFN0eWxlXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuYnV0dG9uRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnZm9udC1zaXplJyxcbiAgICAgICAgZm9udFNpemVcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgZ2V0QXNzZXRQYXRoKGFzc2V0OiBVSUFzc2V0KSB7XG4gICAgcmV0dXJuICcuL2Fzc2V0cy8nICthc3NldE1hcHBpbmdbYXNzZXRdO1xuICB9XG59XG4iLCI8YnV0dG9uICNidXR0b25FbGVtZW50IFtlZG1TZHVpVmlld109XCJ1aUNvbXBvbmVudC5lbGVtZW50XCIgKm5nSWY9XCJ1aUNvbXBvbmVudFwiPlxuICA8aW1nICpuZ0lmPVwidWlDb21wb25lbnQuZWxlbWVudC5hc3NldFwiIFtzcmNdPVwiZ2V0QXNzZXRQYXRoKHVpQ29tcG9uZW50LmVsZW1lbnQuYXNzZXQpXCIgYWx0PVwiXCI+XG4gIHt7IHVpQ29tcG9uZW50LmVsZW1lbnQubGFiZWwgfX1cbjwvYnV0dG9uPlxuIl19

package/esm2022/lib/components/uicomponent/column/column.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../uicomponent.component";
+import * as i3 from "../../../directives/uiview.directive";
+export class ColumnComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('column.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-column', standalone: false, 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"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvY29sdW1uL2NvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2NvbHVtbi9jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFELE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQTBDLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV0RSxRQUFRO1FBQ04sMkRBQTJEO0lBQzdELENBQUM7K0dBTFUsZUFBZSxrQkFDTixhQUFhO21HQUR0QixlQUFlLHVEQ1Q1QixvT0FPQTs7NEZERWEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZixLQUFLOzswQkFHSixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sdW1uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvbHVtbi5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcihASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gY29uc29sZS5kZWJ1ZygnY29sdW1uLnVpQ29tcG9uZW50OiAnLCB0aGlzLnVpQ29tcG9uZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbHVtblwiICpuZ0lmPVwidWlDb21wb25lbnRcIiBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiPlxuICA8ZWRtLXNkdWktY29tcG9uZW50XG4gICAgKm5nRm9yPVwibGV0IGNoaWxkIG9mIHVpQ29tcG9uZW50LmNvbXBvbmVudHNcIlxuICAgIFt1aUNvbXBvbmVudF09XCJjaGlsZFwiXG4gID5cbiAgPC9lZG0tc2R1aS1jb21wb25lbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/uicomponent/image/image.component.mjs

@@ -0,0 +1,48 @@
+import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
+import { assetMapping } from '../../../core/uitheme/mapping/asset-mapping';
+import { sizeMappingHeight, sizeMappingWidth, } from '../../../core/uitheme/mapping/size-mapping';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/uiview.directive";
+export class ImageComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('image.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent?.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.asset) {
+            const asset = assetMapping[element.asset];
+            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', './assets/' + asset);
+        }
+        else if (element.url) {
+            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', element.url);
+        }
+        if (element.size) {
+            const height = sizeMappingHeight[element.size];
+            const width = sizeMappingWidth[element.size];
+            this.renderer.setStyle(this.imgElementRef.nativeElement, 'height', height);
+            this.renderer.setStyle(this.imgElementRef.nativeElement, 'width', width);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageComponent, selector: "edm-sdui-image", viewQueries: [{ propertyName: "imgElementRef", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-image', standalone: false, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { imgElementRef: [{
+                type: ViewChild,
+                args: ['imgElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9pbWFnZS9pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2ltYWdlL2ltYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLGdCQUFnQixHQUNqQixNQUFNLDRDQUE0QyxDQUFDOzs7O0FBUXBELE1BQU0sT0FBTyxjQUFjO0lBR3pCLFlBQ2dDLFdBQXdCLEVBQzlDLFFBQW1CO1FBREcsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDOUMsYUFBUSxHQUFSLFFBQVEsQ0FBVztJQUMxQixDQUFDO0lBRUosUUFBUTtRQUNOLDBEQUEwRDtJQUM1RCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFTyxZQUFZLENBQUMsT0FBa0I7UUFDckMsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbEIsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQ2hDLEtBQUssRUFDTCxXQUFXLEdBQUcsS0FBSyxDQUNwQixDQUFDO1FBQ0osQ0FBQzthQUFNLElBQUksT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFDaEMsS0FBSyxFQUNMLE9BQU8sQ0FBQyxHQUFHLENBQ1osQ0FBQztRQUNKLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNqQixNQUFNLE1BQU0sR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDL0MsTUFBTSxLQUFLLEdBQUcsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzdDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFDaEMsUUFBUSxFQUNSLE1BQU0sQ0FDUCxDQUFDO1lBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzNFLENBQUM7SUFDSCxDQUFDOytHQTVDVSxjQUFjLGtCQUlmLGFBQWE7bUdBSlosY0FBYyxtS0N2QjNCLG1GQUNBOzs0RkRzQmEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxLQUFLOzswQkFNZCxNQUFNOzJCQUFDLGFBQWE7aUVBSEUsYUFBYTtzQkFBckMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50JztcbmltcG9ydCB7IFVJRWxlbWVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWllbGVtZW50JztcbmltcG9ydCB7IGFzc2V0TWFwcGluZyB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL2Fzc2V0LW1hcHBpbmcnO1xuaW1wb3J0IHtcbiAgc2l6ZU1hcHBpbmdIZWlnaHQsXG4gIHNpemVNYXBwaW5nV2lkdGgsXG59IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3NpemUtbWFwcGluZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnaW1nRWxlbWVudCcpIGltZ0VsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ2ltYWdlLnVpQ29tcG9uZW50OiAnLCB0aGlzLnVpQ29tcG9uZW50KTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy51aUNvbXBvbmVudD8uZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBpZiAoZWxlbWVudC5hc3NldCkge1xuICAgICAgY29uc3QgYXNzZXQgPSBhc3NldE1hcHBpbmdbZWxlbWVudC5hc3NldF07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShcbiAgICAgICAgdGhpcy5pbWdFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdzcmMnLFxuICAgICAgICAnLi9hc3NldHMvJyArIGFzc2V0XG4gICAgICApO1xuICAgIH0gZWxzZSBpZiAoZWxlbWVudC51cmwpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgICB0aGlzLmltZ0VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ3NyYycsXG4gICAgICAgIGVsZW1lbnQudXJsXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LnNpemUpIHtcbiAgICAgIGNvbnN0IGhlaWdodCA9IHNpemVNYXBwaW5nSGVpZ2h0W2VsZW1lbnQuc2l6ZV07XG4gICAgICBjb25zdCB3aWR0aCA9IHNpemVNYXBwaW5nV2lkdGhbZWxlbWVudC5zaXplXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuaW1nRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnaGVpZ2h0JyxcbiAgICAgICAgaGVpZ2h0XG4gICAgICApO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmltZ0VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3dpZHRoJywgd2lkdGgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGltZyAjaW1nRWxlbWVudCBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiICpuZ0lmPVwidWlDb21wb25lbnRcIiAvPlxuIl19

package/esm2022/lib/components/uicomponent/label/label.component.mjs

@@ -0,0 +1,49 @@
+import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
+import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
+import { textStyleMappingFontSize } from '../../../core/uitheme/mapping/text-style-mapping';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/uiview.directive";
+export class LabelComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('label.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
+        }
+        const maxLines = element.maxLines ?? 1;
+        // TODO: - definir o maxLines do Span
+        if (element.opacity) {
+            const opacity = element.opacity;
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
+        }
+    }
+    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 }); }
+    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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-label', standalone: false, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n  uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { spanElementRef: [{
+                type: ViewChild,
+                args: ['spanElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7OztBQVE1RixNQUFNLE9BQU8sY0FBYztJQUd6QixZQUNnQyxXQUF3QixFQUM5QyxRQUFtQjtRQURHLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7SUFDMUIsQ0FBQztJQUVKLFFBQVE7UUFDTiwwREFBMEQ7SUFDNUQsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLE9BQWtCO1FBQ3JDLElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzVFLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUN0QixNQUFNLFFBQVEsR0FBRyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUNqQyxXQUFXLEVBQ1gsUUFBUSxDQUNULENBQUM7UUFDSixDQUFDO1FBRUQsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUM7UUFDdkMscUNBQXFDO1FBRXJDLElBQUksT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3BCLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUNqQyxTQUFTLEVBQ1QsT0FBTyxDQUNSLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0E1Q1UsY0FBYyxrQkFJZixhQUFhO21HQUpaLGNBQWMscUtDcEIzQixzSUFHQTs7NEZEaUJhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBR2QsS0FBSzs7MEJBTWQsTUFBTTsyQkFBQyxhQUFhO2lFQUhHLGNBQWM7c0JBQXZDLFNBQVM7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpZWxlbWVudCc7XG5pbXBvcnQgeyBjb2xvck1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nJztcbmltcG9ydCB7IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3RleHQtc3R5bGUtbWFwcGluZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnc3BhbkVsZW1lbnQnKSBzcGFuRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMlxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gY29uc29sZS5kZWJ1ZygnbGFiZWwudWlDb21wb25lbnQ6ICcsIHRoaXMudWlDb21wb25lbnQpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpIHtcbiAgICAgIHRoaXMuYXBwbHlFbGVtZW50KHRoaXMudWlDb21wb25lbnQuZWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhcHBseUVsZW1lbnQoZWxlbWVudDogVUlFbGVtZW50KSB7XG4gICAgaWYgKGVsZW1lbnQudGV4dENvbG9yKSB7XG4gICAgICBjb25zdCBjb2xvciA9IGNvbG9yTWFwcGluZ1tlbGVtZW50LnRleHRDb2xvcl07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2NvbG9yJywgY29sb3IpO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LnRleHRTdHlsZSkge1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnZm9udC1zaXplJyxcbiAgICAgICAgZm9udFNpemVcbiAgICAgICk7XG4gICAgfVxuXG4gICAgY29uc3QgbWF4TGluZXMgPSBlbGVtZW50Lm1heExpbmVzID8/IDE7XG4gICAgLy8gVE9ETzogLSBkZWZpbmlyIG8gbWF4TGluZXMgZG8gU3BhblxuXG4gICAgaWYgKGVsZW1lbnQub3BhY2l0eSkge1xuICAgICAgY29uc3Qgb3BhY2l0eSA9IGVsZW1lbnQub3BhY2l0eTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ29wYWNpdHknLFxuICAgICAgICBvcGFjaXR5XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPHNwYW4gI3NwYW5FbGVtZW50IFtlZG1TZHVpVmlld109XCJ1aUNvbXBvbmVudC5lbGVtZW50XCIgKm5nSWY9XCJ1aUNvbXBvbmVudFwiPnt7XG4gIHVpQ29tcG9uZW50LmVsZW1lbnQ/LmxhYmVsID8/IFwiXCJcbn19PC9zcGFuPlxuIl19

package/esm2022/lib/components/uicomponent/row/row.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../uicomponent.component";
+import * as i3 from "../../../directives/uiview.directive";
+export class RowComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('row.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQTBDLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV0RSxRQUFRO1FBQ04sd0RBQXdEO0lBQzFELENBQUM7K0dBTFUsWUFBWSxrQkFDSCxhQUFhO21HQUR0QixZQUFZLG9EQ1R6Qix5T0FPQTs7NEZERWEsWUFBWTtrQkFOeEIsU0FBUzsrQkFDRSxjQUFjLGNBR1osS0FBSzs7MEJBR0osTUFBTTsyQkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZWRtLXNkdWktcm93JyxcbiAgc3R5bGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3cuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUm93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50KSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ3Jvdy51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3dcIiAqbmdJZj1cInVpQ29tcG9uZW50XCIgW2VkbVNkdWlWaWV3XT1cInVpQ29tcG9uZW50LmVsZW1lbnRcIj5cbiAgPGVkbS1zZHVpLWNvbXBvbmVudFxuICAgICpuZ0Zvcj1cImxldCBjb21wb25lbnQgb2YgdWlDb21wb25lbnQuY29tcG9uZW50c1wiXG4gICAgW3VpQ29tcG9uZW50XT1cImNvbXBvbmVudFwiXG4gID5cbiAgPC9lZG0tc2R1aS1jb21wb25lbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/uicomponent/row-divisor/row-divisor.component.mjs

@@ -0,0 +1,22 @@
+import { Component, Inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/uiview.directive";
+export class RowDivisorComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('rowDivisor.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowDivisorComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowDivisorComponent, selector: "edm-sdui-row-divisor", ngImport: i0, template: "<div\n  class=\"row-divisor\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n></div>\n", styles: [":host{display:contents}.row-divisor{height:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowDivisorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-row-divisor', standalone: false, template: "<div\n  class=\"row-divisor\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n></div>\n", styles: [":host{display:contents}.row-divisor{height:1px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LWRpdmlzb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9yb3ctZGl2aXNvci9yb3ctZGl2aXNvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Jvdy1kaXZpc29yL3Jvdy1kaXZpc29yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzFELE1BQU0sT0FBTyxtQkFBbUI7SUFDOUIsWUFBMEMsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7SUFBRyxDQUFDO0lBRXRFLFFBQVE7UUFDTiwrREFBK0Q7SUFDakUsQ0FBQzsrR0FMVSxtQkFBbUIsa0JBQ1YsYUFBYTttR0FEdEIsbUJBQW1CLDREQ1RoQyw0R0FLQTs7NEZESWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLHNCQUFzQixjQUdwQixLQUFLOzswQkFHSixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1yb3ctZGl2aXNvcicsXG4gIHN0eWxlVXJsOiAnLi9yb3ctZGl2aXNvci5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3ctZGl2aXNvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBSb3dEaXZpc29yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50KSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ3Jvd0Rpdmlzb3IudWlDb21wb25lbnQ6ICcsIHRoaXMudWlDb21wb25lbnQpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwicm93LWRpdmlzb3JcIlxuICAqbmdJZj1cInVpQ29tcG9uZW50XCJcbiAgW2VkbVNkdWlWaWV3XT1cInVpQ29tcG9uZW50LmVsZW1lbnRcIlxuPjwvZGl2PlxuIl19

package/esm2022/lib/components/uicomponent/search-bar/search-bar.component.mjs

@@ -0,0 +1,99 @@
+import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
+import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
+import { textStyleMappingFontSize } from '../../../core/uitheme/mapping/text-style-mapping';
+import { UIActionService } from '../../../core/services/ui-action.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../core/services/ui-action.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../directives/uiview.directive";
+export class SearchBarComponent {
+    constructor(actionService, uiComponent, renderer) {
+        this.actionService = actionService;
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('label.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+            this.renderer.listen(this.inputElementRef.nativeElement, 'keydown', (event) => {
+                if (event.key === 'Enter') {
+                    const action = this.uiComponent.element?.action;
+                    const inputValue = this.inputElementRef.nativeElement.value.trim();
+                    if (action && inputValue && action.url) {
+                        const param = action.param || 'SEARCH';
+                        const encodedValue = encodeURIComponent(inputValue);
+                        try {
+                            const parsed = new URL(action.url);
+                            const innerUrlRaw = parsed.searchParams.get('url');
+                            if (innerUrlRaw) {
+                                const decodedInnerUrl = decodeURIComponent(innerUrlRaw);
+                                const updatedInnerUrl = decodedInnerUrl.replace(`{${param}}`, encodedValue);
+                                parsed.searchParams.set('url', encodeURIComponent(updatedInnerUrl));
+                                const adjustedUrl = parsed.toString();
+                                console.debug('[key.enter]', {
+                                    param,
+                                    encodedValue,
+                                    adjustedUrl,
+                                });
+                                this.actionService.execute({
+                                    ...action,
+                                    url: adjustedUrl,
+                                });
+                            }
+                        }
+                        catch (err) {
+                            console.warn('[key.enter] Invalid action.url format:', action.url, err);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    applyElement(element) {
+        console.debug('search.element:', element);
+        const inputEl = this.inputElementRef.nativeElement;
+        if (element.placeholder) {
+            this.renderer.setAttribute(inputEl, 'placeholder', element.placeholder);
+        }
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(inputEl, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(inputEl, 'font-size', fontSize);
+        }
+        if (element.placeholderTextColor || element.placeholderTextStyle) {
+            const styleEl = this.renderer.createElement('style');
+            const color = element.placeholderTextColor
+                ? colorMapping[element.placeholderTextColor]
+                : 'inherit';
+            const fontSize = element.placeholderTextStyle
+                ? textStyleMappingFontSize[element.placeholderTextStyle]
+                : 'inherit';
+            styleEl.textContent = `
+            edm-sdui-search-bar input::placeholder {
+                color: ${color};
+                font-size: ${fontSize};
+            }
+        `;
+            this.renderer.appendChild(document.head, styleEl);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, deps: [{ token: i1.UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchBarComponent, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UIActionService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBRU4sU0FBUyxFQUNULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDNUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQVEzRSxNQUFNLE9BQU8sa0JBQWtCO0lBRzdCLFlBQ1UsYUFBOEIsRUFDUixXQUF3QixFQUM5QyxRQUFtQjtRQUZuQixrQkFBYSxHQUFiLGFBQWEsQ0FBaUI7UUFDUixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUM5QyxhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQzFCLENBQUM7SUFFSixRQUFRO1FBQ04sMERBQTBEO0lBQzVELENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FDbEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQ2xDLFNBQVMsRUFDVCxDQUFDLEtBQW9CLEVBQUUsRUFBRTtnQkFDdkIsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sRUFBRSxDQUFDO29CQUMxQixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7b0JBQ2hELE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztvQkFFbkUsSUFBSSxNQUFNLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQzt3QkFDdkMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssSUFBSSxRQUFRLENBQUM7d0JBQ3ZDLE1BQU0sWUFBWSxHQUFHLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO3dCQUVwRCxJQUFJLENBQUM7NEJBQ0gsTUFBTSxNQUFNLEdBQUcsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDOzRCQUNuQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQzs0QkFFbkQsSUFBSSxXQUFXLEVBQUUsQ0FBQztnQ0FDaEIsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUMsV0FBVyxDQUFDLENBQUM7Z0NBQ3hELE1BQU0sZUFBZSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQzdDLElBQUksS0FBSyxHQUFHLEVBQ1osWUFBWSxDQUNiLENBQUM7Z0NBQ0YsTUFBTSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQ3JCLEtBQUssRUFDTCxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsQ0FDcEMsQ0FBQztnQ0FFRixNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7Z0NBRXRDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFO29DQUMzQixLQUFLO29DQUNMLFlBQVk7b0NBQ1osV0FBVztpQ0FDWixDQUFDLENBQUM7Z0NBRUgsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7b0NBQ3pCLEdBQUcsTUFBTTtvQ0FDVCxHQUFHLEVBQUUsV0FBVztpQ0FDakIsQ0FBQyxDQUFDOzRCQUNMLENBQUM7d0JBQ0gsQ0FBQzt3QkFBQyxPQUFPLEdBQUcsRUFBRSxDQUFDOzRCQUNiLE9BQU8sQ0FBQyxJQUFJLENBQ1Ysd0NBQXdDLEVBQ3hDLE1BQU0sQ0FBQyxHQUFHLEVBQ1YsR0FBRyxDQUNKLENBQUM7d0JBQ0osQ0FBQztvQkFDSCxDQUFDO2dCQUNILENBQUM7WUFDSCxDQUFDLENBQ0YsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLE9BQWtCO1FBQ3JDLE9BQU8sQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFFMUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUM7UUFFbkQsSUFBSSxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDMUUsQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNsRCxDQUFDO1FBRUQsSUFBSSxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDdEIsTUFBTSxRQUFRLEdBQUcsd0JBQXdCLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzdELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDekQsQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLG9CQUFvQixJQUFJLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1lBQ2pFLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3JELE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxvQkFBb0I7Z0JBQ3hDLENBQUMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDO2dCQUM1QyxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQ2QsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQjtnQkFDM0MsQ0FBQyxDQUFDLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUVkLE9BQU8sQ0FBQyxXQUFXLEdBQUc7O3lCQUVILEtBQUs7NkJBQ0QsUUFBUTs7U0FFNUIsQ0FBQztZQUNKLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7K0dBMUdVLGtCQUFrQixpREFLbkIsYUFBYTttR0FMWixrQkFBa0IsNEtDckIvQixvSkFPQTs7NEZEY2Esa0JBQWtCO2tCQU45QixTQUFTO2lDQUdJLEtBQUssWUFDUCxxQkFBcUI7OzBCQU81QixNQUFNOzJCQUFDLGFBQWE7aUVBSkksZUFBZTtzQkFBekMsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50JztcbmltcG9ydCB7IFVJRWxlbWVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWllbGVtZW50JztcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL2NvbG9yLW1hcHBpbmcnO1xuaW1wb3J0IHsgdGV4dFN0eWxlTWFwcGluZ0ZvbnRTaXplIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvdGV4dC1zdHlsZS1tYXBwaW5nJztcbmltcG9ydCB7IFVJQWN0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvdWktYWN0aW9uLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3R5bGVVcmw6ICcuL3NlYXJjaC1iYXIuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXNlYXJjaC1iYXInLFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdpbnB1dEVsZW1lbnQnKSBpbnB1dEVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWN0aW9uU2VydmljZTogVUlBY3Rpb25TZXJ2aWNlLFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUuZGVidWcoJ2xhYmVsLnVpQ29tcG9uZW50OiAnLCB0aGlzLnVpQ29tcG9uZW50KTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KSB7XG4gICAgICB0aGlzLmFwcGx5RWxlbWVudCh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpO1xuICAgICAgdGhpcy5yZW5kZXJlci5saXN0ZW4oXG4gICAgICAgIHRoaXMuaW5wdXRFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdrZXlkb3duJyxcbiAgICAgICAgKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgY29uc3QgYWN0aW9uID0gdGhpcy51aUNvbXBvbmVudC5lbGVtZW50Py5hY3Rpb247XG4gICAgICAgICAgICBjb25zdCBpbnB1dFZhbHVlID0gdGhpcy5pbnB1dEVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC52YWx1ZS50cmltKCk7XG5cbiAgICAgICAgICAgIGlmIChhY3Rpb24gJiYgaW5wdXRWYWx1ZSAmJiBhY3Rpb24udXJsKSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBhcmFtID0gYWN0aW9uLnBhcmFtIHx8ICdTRUFSQ0gnO1xuICAgICAgICAgICAgICBjb25zdCBlbmNvZGVkVmFsdWUgPSBlbmNvZGVVUklDb21wb25lbnQoaW5wdXRWYWx1ZSk7XG5cbiAgICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXJzZWQgPSBuZXcgVVJMKGFjdGlvbi51cmwpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGlubmVyVXJsUmF3ID0gcGFyc2VkLnNlYXJjaFBhcmFtcy5nZXQoJ3VybCcpO1xuXG4gICAgICAgICAgICAgICAgaWYgKGlubmVyVXJsUmF3KSB7XG4gICAgICAgICAgICAgICAgICBjb25zdCBkZWNvZGVkSW5uZXJVcmwgPSBkZWNvZGVVUklDb21wb25lbnQoaW5uZXJVcmxSYXcpO1xuICAgICAgICAgICAgICAgICAgY29uc3QgdXBkYXRlZElubmVyVXJsID0gZGVjb2RlZElubmVyVXJsLnJlcGxhY2UoXG4gICAgICAgICAgICAgICAgICAgIGB7JHtwYXJhbX19YCxcbiAgICAgICAgICAgICAgICAgICAgZW5jb2RlZFZhbHVlXG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgcGFyc2VkLnNlYXJjaFBhcmFtcy5zZXQoXG4gICAgICAgICAgICAgICAgICAgICd1cmwnLFxuICAgICAgICAgICAgICAgICAgICBlbmNvZGVVUklDb21wb25lbnQodXBkYXRlZElubmVyVXJsKVxuICAgICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICAgY29uc3QgYWRqdXN0ZWRVcmwgPSBwYXJzZWQudG9TdHJpbmcoKTtcblxuICAgICAgICAgICAgICAgICAgY29uc29sZS5kZWJ1ZygnW2tleS5lbnRlcl0nLCB7XG4gICAgICAgICAgICAgICAgICAgIHBhcmFtLFxuICAgICAgICAgICAgICAgICAgICBlbmNvZGVkVmFsdWUsXG4gICAgICAgICAgICAgICAgICAgIGFkanVzdGVkVXJsLFxuICAgICAgICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICAgICAgIHRoaXMuYWN0aW9uU2VydmljZS5leGVjdXRlKHtcbiAgICAgICAgICAgICAgICAgICAgLi4uYWN0aW9uLFxuICAgICAgICAgICAgICAgICAgICB1cmw6IGFkanVzdGVkVXJsLFxuICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgICAgICAgICAnW2tleS5lbnRlcl0gSW52YWxpZCBhY3Rpb24udXJsIGZvcm1hdDonLFxuICAgICAgICAgICAgICAgICAgYWN0aW9uLnVybCxcbiAgICAgICAgICAgICAgICAgIGVyclxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhcHBseUVsZW1lbnQoZWxlbWVudDogVUlFbGVtZW50KSB7XG4gICAgY29uc29sZS5kZWJ1Zygnc2VhcmNoLmVsZW1lbnQ6JywgZWxlbWVudCk7XG5cbiAgICBjb25zdCBpbnB1dEVsID0gdGhpcy5pbnB1dEVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcblxuICAgIGlmIChlbGVtZW50LnBsYWNlaG9sZGVyKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShpbnB1dEVsLCAncGxhY2Vob2xkZXInLCBlbGVtZW50LnBsYWNlaG9sZGVyKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC50ZXh0Q29sb3IpIHtcbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JNYXBwaW5nW2VsZW1lbnQudGV4dENvbG9yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaW5wdXRFbCwgJ2NvbG9yJywgY29sb3IpO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LnRleHRTdHlsZSkge1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShpbnB1dEVsLCAnZm9udC1zaXplJywgZm9udFNpemUpO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LnBsYWNlaG9sZGVyVGV4dENvbG9yIHx8IGVsZW1lbnQucGxhY2Vob2xkZXJUZXh0U3R5bGUpIHtcbiAgICAgIGNvbnN0IHN0eWxlRWwgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3N0eWxlJyk7XG4gICAgICBjb25zdCBjb2xvciA9IGVsZW1lbnQucGxhY2Vob2xkZXJUZXh0Q29sb3JcbiAgICAgICAgPyBjb2xvck1hcHBpbmdbZWxlbWVudC5wbGFjZWhvbGRlclRleHRDb2xvcl1cbiAgICAgICAgOiAnaW5oZXJpdCc7XG4gICAgICBjb25zdCBmb250U2l6ZSA9IGVsZW1lbnQucGxhY2Vob2xkZXJUZXh0U3R5bGVcbiAgICAgICAgPyB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC5wbGFjZWhvbGRlclRleHRTdHlsZV1cbiAgICAgICAgOiAnaW5oZXJpdCc7XG5cbiAgICAgIHN0eWxlRWwudGV4dENvbnRlbnQgPSBgXG4gICAgICAgICAgICBlZG0tc2R1aS1zZWFyY2gtYmFyIGlucHV0OjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZX07XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGRvY3VtZW50LmhlYWQsIHN0eWxlRWwpO1xuICAgIH1cbiAgfVxufVxuIiwiPGlucHV0XG4gICNpbnB1dEVsZW1lbnRcbiAgY2xhc3M9XCJzZWFyY2gtYmFyXCJcbiAgW2VkbVNkdWlWaWV3XT1cInVpQ29tcG9uZW50LmVsZW1lbnRcIlxuICBbZGlzYWJsZUNsaWNrXT1cInRydWVcIlxuICAqbmdJZj1cInVpQ29tcG9uZW50XCJcbi8+XG4iXX0=

package/esm2022/lib/components/uicomponent/space/space.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SpaceComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('space.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpaceComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpaceComponent, selector: "edm-sdui-space", ngImport: i0, template: "<div class=\"space\"></div>\n", styles: [":host{display:contents}.space{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpaceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-space', standalone: false, template: "<div class=\"space\"></div>\n", styles: [":host{display:contents}.space{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9zcGFjZS9zcGFjZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3NwYWNlL3NwYWNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFTakUsTUFBTSxPQUFPLGNBQWM7SUFDekIsWUFBMEMsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7SUFBRyxDQUFDO0lBRXRFLFFBQVE7UUFDTiwwREFBMEQ7SUFDNUQsQ0FBQzsrR0FMVSxjQUFjLGtCQUNMLGFBQWE7bUdBRHRCLGNBQWMsc0RDVDNCLCtCQUNBOzs0RkRRYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLGdCQUFnQixjQUdkLEtBQUs7OzBCQUdKLE1BQU07MkJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1zcGFjZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGFjZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zcGFjZS5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTcGFjZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmRlYnVnKCdzcGFjZS51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzcGFjZVwiPjwvZGl2PlxuIl19

package/esm2022/lib/components/uicomponent/tag/tag.component.mjs

@@ -0,0 +1,50 @@
+import { Component, ElementRef, Inject, Renderer2, ViewChild } from "@angular/core";
+import { colorMapping } from "../../../core/uitheme/mapping/color-mapping";
+import { textStyleMappingFontSize } from "../../../core/uitheme/mapping/text-style-mapping";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../directives/uiview.directive";
+export class TagComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+        if (this.uiComponent.element) {
+            this.applyLabelElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+    }
+    applyLabelElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'font-size', fontSize);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagComponent, selector: "ng-component", viewQueries: [{ propertyName: "tagElementRef", first: true, predicate: ["tagElement"], descendants: true }, { propertyName: "tagNameElementRef", first: true, predicate: ["tagNameElement"], descendants: true }], ngImport: i0, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { tagElementRef: [{
+                type: ViewChild,
+                args: ['tagElement']
+            }], tagNameElementRef: [{
+                type: ViewChild,
+                args: ['tagNameElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvdGFnL3RhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3RhZy90YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7OztBQU81RixNQUFNLE9BQU8sWUFBWTtJQUlyQixZQUM4QixXQUF3QixFQUM5QyxRQUFtQjtRQURHLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGFBQVEsR0FBUixRQUFRLENBQVc7SUFDeEIsQ0FBQztJQUVKLFFBQVE7SUFFUixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDaEQsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyRCxDQUFDO0lBQ0wsQ0FBQztJQUVPLFlBQVksQ0FBQyxPQUFrQjtJQUV2QyxDQUFDO0lBRU8saUJBQWlCLENBQUMsT0FBa0I7UUFDeEMsSUFBSSxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEIsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNqRixDQUFDO1FBRUQsSUFBSSxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEIsTUFBTSxRQUFRLEdBQUcsd0JBQXdCLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzdELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNsQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUNwQyxXQUFXLEVBQ1gsUUFBUSxDQUNYLENBQUM7UUFDTixDQUFDO0lBQ0wsQ0FBQzsrR0F6Q1EsWUFBWSxrQkFLYixhQUFhO21HQUxaLFlBQVksdVFDWHpCLGlNQUVNOzs0RkRTTyxZQUFZO2tCQUx4QixTQUFTO2lDQUdNLEtBQUs7OzBCQU9oQixNQUFNOzJCQUFDLGFBQWE7aUVBSkksYUFBYTtzQkFBckMsU0FBUzt1QkFBQyxZQUFZO2dCQUNNLGlCQUFpQjtzQkFBN0MsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50XCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnRcIjtcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nXCI7XG5pbXBvcnQgeyB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvdGV4dC1zdHlsZS1tYXBwaW5nXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0eWxlVXJsOiAnLi90YWcuY29tcG9uZW50LnNjc3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIFRhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQFZpZXdDaGlsZCgndGFnRWxlbWVudCcpIHRhZ0VsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoJ3RhZ05hbWVFbGVtZW50JykgdGFnTmFtZUVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgICApIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgXG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLmFwcGx5RWxlbWVudCh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgICAgICAgdGhpcy5hcHBseUxhYmVsRWxlbWVudCh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhcHBseUVsZW1lbnQoZWxlbWVudDogVUlFbGVtZW50KSB7XG4gICAgICAgIFxuICAgIH1cblxuICAgIHByaXZhdGUgYXBwbHlMYWJlbEVsZW1lbnQoZWxlbWVudDogVUlFbGVtZW50KSB7XG4gICAgICAgIGlmIChlbGVtZW50LnRleHRDb2xvcikge1xuICAgICAgICAgICAgY29uc3QgY29sb3IgPSBjb2xvck1hcHBpbmdbZWxlbWVudC50ZXh0Q29sb3JdO1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRhZ05hbWVFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjb2xvcicsIGNvbG9yKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChlbGVtZW50LnRleHRTdHlsZSkge1xuICAgICAgICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgICAgICAgICB0aGlzLnRhZ05hbWVFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgJ2ZvbnQtc2l6ZScsXG4gICAgICAgICAgICAgICAgZm9udFNpemVcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG59IiwiPGRpdiBjbGFzcz1cInRhZ1wiICN0YWdFbGVtZW50ICpuZ0lmPVwidWlDb21wb25lbnRcIiBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiPlxuICAgIDxzcGFuIGNsYXNzPVwidGFnLW5hbWVcIiAjdGFnTmFtZUVsZW1lbnQ+e3sgdWlDb21wb25lbnQuZWxlbWVudD8ubGFiZWwgPz8gJycgfX08L3NwYW4+XG48L2Rpdj4iXX0=

package/esm2022/lib/components/uicomponent/uicomponent.component.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectorRef, Component, Injector, Input, } from '@angular/core';
+import { componentMapping } from '../../core/uicomposition/mapping/component-mapping';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class UIComponentComponent {
+    constructor(injector, cdr) {
+        this.injector = injector;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.initializeComponent();
+    }
+    ngOnChanges(changes) {
+        if (changes['uiComponent'] && changes['uiComponent'].currentValue) {
+            this.initializeComponent();
+        }
+    }
+    initializeComponent() {
+        const current = this.uiComponent;
+        if (!current)
+            return;
+        const mappingFn = componentMapping[current.type];
+        mappingFn().then((component) => {
+            this.componentToRender = component;
+            this.cdr.markForCheck();
+        });
+        this.componentInjector = Injector.create({
+            providers: [{ provide: 'uiComponent', useValue: current }],
+            parent: this.injector,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIComponentComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIComponentComponent, selector: "edm-sdui-component", inputs: { uiComponent: "uiComponent" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"componentToRender\">\n  <ng-container\n    *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n  ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIComponentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-component', standalone: false, template: "<ng-container *ngIf=\"componentToRender\">\n  <ng-container\n    *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n  ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { uiComponent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWljb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC91aWNvbXBvbmVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3VpY29tcG9uZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEdBS04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7OztBQVF0RixNQUFNLE9BQU8sb0JBQW9CO0lBSy9CLFlBQW9CLFFBQWtCLEVBQVUsR0FBc0I7UUFBbEQsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUFVLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBQUcsQ0FBQztJQUUxRSxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFTyxtQkFBbUI7UUFDekIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU87UUFFckIsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELFNBQVMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLFNBQW9CLEVBQUUsRUFBRTtZQUN4QyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO1lBQ25DLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN2QyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBQzFELE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUTtTQUN0QixDQUFDLENBQUM7SUFDTCxDQUFDOytHQS9CVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix1SENwQmpDLCtLQUtBOzs0RkRlYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBR2xCLEtBQUs7NkdBR1IsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBUeXBlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQgeyBjb21wb25lbnRNYXBwaW5nIH0gZnJvbSAnLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21hcHBpbmcvY29tcG9uZW50LW1hcHBpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1jb21wb25lbnQnLFxuICBzdHlsZVVybDogJy4vdWljb21wb25lbnQuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vdWljb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgVUlDb21wb25lbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHVpQ29tcG9uZW50PzogVUlDb21wb25lbnQ7XG4gIGNvbXBvbmVudFRvUmVuZGVyPzogVHlwZTxhbnk+O1xuICBjb21wb25lbnRJbmplY3RvciE6IEluamVjdG9yO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0aWFsaXplQ29tcG9uZW50KCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ3VpQ29tcG9uZW50J10gJiYgY2hhbmdlc1sndWlDb21wb25lbnQnXS5jdXJyZW50VmFsdWUpIHtcbiAgICAgIHRoaXMuaW5pdGlhbGl6ZUNvbXBvbmVudCgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaW5pdGlhbGl6ZUNvbXBvbmVudCgpOiB2b2lkIHtcbiAgICBjb25zdCBjdXJyZW50ID0gdGhpcy51aUNvbXBvbmVudDtcbiAgICBpZiAoIWN1cnJlbnQpIHJldHVybjtcblxuICAgIGNvbnN0IG1hcHBpbmdGbiA9IGNvbXBvbmVudE1hcHBpbmdbY3VycmVudC50eXBlXTtcbiAgICBtYXBwaW5nRm4oKS50aGVuKChjb21wb25lbnQ6IFR5cGU8YW55PikgPT4ge1xuICAgICAgdGhpcy5jb21wb25lbnRUb1JlbmRlciA9IGNvbXBvbmVudDtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5jb21wb25lbnRJbmplY3RvciA9IEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6ICd1aUNvbXBvbmVudCcsIHVzZVZhbHVlOiBjdXJyZW50IH1dLFxuICAgICAgcGFyZW50OiB0aGlzLmluamVjdG9yLFxuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiY29tcG9uZW50VG9SZW5kZXJcIj5cbiAgPG5nLWNvbnRhaW5lclxuICAgICpuZ0NvbXBvbmVudE91dGxldD1cImNvbXBvbmVudFRvUmVuZGVyOyBpbmplY3RvcjogY29tcG9uZW50SW5qZWN0b3JcIlxuICA+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/components/uicomponent/zstack/zstack.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../uicomponent.component";
+import * as i3 from "../../../directives/uiview.directive";
+export class ZStackComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('zstack.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ZStackComponent, selector: "edm-sdui-zstack", ngImport: i0, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ZStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-zstack', standalone: false, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoienN0YWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvenN0YWNrL3pzdGFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3pzdGFjay96c3RhY2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFELE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQTBDLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV0RSxRQUFRO1FBQ04sMkRBQTJEO0lBQzdELENBQUM7K0dBTFUsZUFBZSxrQkFDTixhQUFhO21HQUR0QixlQUFlLHVEQ1Q1QixnT0FNQTs7NEZER2EsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZixLQUFLOzswQkFHSixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS16c3RhY2snLFxuICBzdHlsZVVybDogJy4venN0YWNrLmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3pzdGFjay5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBaU3RhY2tDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcihASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gY29uc29sZS5kZWJ1ZygnenN0YWNrLnVpQ29tcG9uZW50OiAnLCB0aGlzLnVpQ29tcG9uZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInpzdGFja1wiICpuZ0lmPVwidWlDb21wb25lbnRcIiBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiPlxuICA8ZWRtLXNkdWktY29tcG9uZW50XG4gICAgKm5nRm9yPVwibGV0IGNoaWxkIG9mIHVpQ29tcG9uZW50LmNvbXBvbmVudHNcIlxuICAgIFt1aUNvbXBvbmVudF09XCJjaGlsZFwiXG4gID48L2VkbS1zZHVpLWNvbXBvbmVudD5cbjwvZGl2PlxuIl19