@edm-sdui/sdui 1.0.2 → 1.0.3

package/fesm2022/edm-sdui-sdui.mjs

@@ -5,8 +5,8 @@ import { CommonModule } from '@angular/common';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { map, BehaviorSubject, finalize, catchError, of } from 'rxjs';
-import { tap } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
+import { tap } from 'rxjs/operators';
 
 var UIScreenIdentifier;
 (function (UIScreenIdentifier) {
@@ -64,8 +64,6 @@ function isSduiUrl(rawUrl) {
 }
 
 class UIScreenService {
-    http;
-    baseUrl;
     constructor(http, baseUrl = '') {
         this.http = http;
         this.baseUrl = baseUrl;
@@ -191,10 +189,10 @@ class UIScreenService {
                 : null,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, deps: [{ token: i1.HttpClient }, { token: SDUI_BASE_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenService, deps: [{ token: i1.HttpClient }, { token: SDUI_BASE_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -208,24 +206,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
 
 const SDUI_URL_PARAM = 'sduiUrl';
 class UIScreenViewModel {
-    uiScreenService;
-    location;
-    uiScreenSubject = new BehaviorSubject(null);
-    isLoadingSubject = new BehaviorSubject(false);
-    errorSubject = new BehaviorSubject(null);
-    navigationHistorySubject = new BehaviorSubject([]);
-    canGoBackSubject = new BehaviorSubject(false);
-    currentUrlSubject = new BehaviorSubject(null);
-    uiScreen$ = this.uiScreenSubject.asObservable();
-    isLoading$ = this.isLoadingSubject.asObservable();
-    error$ = this.errorSubject.asObservable();
-    navigationHistory$ = this.navigationHistorySubject.asObservable();
-    canGoBack$ = this.canGoBackSubject.asObservable();
-    currentUrl$ = this.currentUrlSubject.asObservable();
     constructor(uiScreenService, location //private router: Router, //private route: ActivatedRoute
     ) {
         this.uiScreenService = uiScreenService;
         this.location = location;
+        this.uiScreenSubject = new BehaviorSubject(null);
+        this.isLoadingSubject = new BehaviorSubject(false);
+        this.errorSubject = new BehaviorSubject(null);
+        this.navigationHistorySubject = new BehaviorSubject([]);
+        this.canGoBackSubject = new BehaviorSubject(false);
+        this.currentUrlSubject = new BehaviorSubject(null);
+        this.uiScreen$ = this.uiScreenSubject.asObservable();
+        this.isLoading$ = this.isLoadingSubject.asObservable();
+        this.error$ = this.errorSubject.asObservable();
+        this.navigationHistory$ = this.navigationHistorySubject.asObservable();
+        this.canGoBack$ = this.canGoBackSubject.asObservable();
+        this.currentUrl$ = this.currentUrlSubject.asObservable();
         console.debug('[UIScreenViewModel] Inicializado');
     }
     /**
@@ -291,10 +287,10 @@ class UIScreenViewModel {
     canGoBack() {
         return this.navigationHistorySubject.getValue().length > 1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, deps: [{ token: UIScreenService }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenViewModel, deps: [{ token: UIScreenService }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenViewModel, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenViewModel, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -329,11 +325,6 @@ const componentMapping = {
 };
 
 class UIComponentComponent {
-    injector;
-    cdr;
-    uiComponent;
-    componentToRender;
-    componentInjector;
     constructor(injector, cdr) {
         this.injector = injector;
         this.cdr = cdr;
@@ -360,10 +351,10 @@ class UIComponentComponent {
             parent: this.injector,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIComponentComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UIComponentComponent, isStandalone: false, 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$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    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$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIComponentComponent, decorators: [{
+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: [{
@@ -371,11 +362,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
             }] } });
 
 class UINavigationComponent {
-    uiNavigation;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UINavigationComponent, isStandalone: false, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UINavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UINavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"] }]
         }], propDecorators: { uiNavigation: [{
@@ -383,16 +373,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
             }] } });
 
 class SingleColumnLayoutComponent {
-    uiLayout;
     ngOnChanges(changes) {
         if (changes['uiLayout']) {
             console.debug('[SingleColumnLayout] Novo layout recebido:', changes['uiLayout'].currentValue);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SingleColumnLayoutComponent, isStandalone: false, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui-single-column-layout', standalone: false, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
         }], propDecorators: { uiLayout: [{
@@ -400,16 +389,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
             }] } });
 
 class CenteredContentLayoutComponent {
-    uiLayout;
     ngOnChanges(changes) {
         if (changes['uiLayout']) {
             console.debug('[CenteredContentLayoutComponent] Novo layout recebido:', changes['uiLayout'].currentValue);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: CenteredContentLayoutComponent, isStandalone: false, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
         }], propDecorators: { uiLayout: [{
@@ -762,7 +750,6 @@ var UIActionType;
 })(UIActionType || (UIActionType = {}));
 
 class UIActionService {
-    router;
     constructor(router) {
         this.router = router;
     }
@@ -789,28 +776,22 @@ class UIActionService {
             // Outros tipos de ação podem ser adicionados aqui
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$2.Router }] });
 
 class UIViewDirective {
-    elementRef;
-    renderer;
-    router;
-    actionService;
-    screenViewModel;
-    edmSduiView;
-    disableClick = false;
     constructor(elementRef, renderer, router, actionService, screenViewModel) {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.router = router;
         this.actionService = actionService;
         this.screenViewModel = screenViewModel;
+        this.disableClick = false;
     }
     ngOnChanges(changes) {
         if (this.edmSduiView) {
@@ -910,10 +891,10 @@ class UIViewDirective {
             this.actionService.execute(this.edmSduiView.action);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$2.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: UIViewDirective, isStandalone: false, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$2.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: UIViewDirective, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[edmSduiView]',
@@ -931,7 +912,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
             }] } });
 
 class NavigationControlsComponent {
-    viewModel;
     constructor(viewModel) {
         this.viewModel = viewModel;
     }
@@ -945,40 +925,38 @@ class NavigationControlsComponent {
         console.debug('[NavigationControls] Botão de voltar clicado');
         this.viewModel.goBack();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: NavigationControlsComponent, isStandalone: false, 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: i1$1.AsyncPipe, name: "async" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: 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: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: NavigationControlsComponent, decorators: [{
+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: UIScreenViewModel }] });
 
 class UIScreenComponent {
-    viewModel;
-    UIScreenIdentifier = UIScreenIdentifier;
     constructor(viewModel) {
         this.viewModel = viewModel;
+        this.UIScreenIdentifier = UIScreenIdentifier;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UIScreenComponent, isStandalone: false, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIScreenComponent, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"] }]
         }], ctorParameters: () => [{ type: UIScreenViewModel }] });
 
 class RowComponent {
-    uiComponent;
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
         // console.debug('row.uiComponent: ', this.uiComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: RowComponent, isStandalone: false, 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowComponent, decorators: [{
+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: [{
@@ -992,17 +970,16 @@ var row_component = /*#__PURE__*/Object.freeze({
 });
 
 class ColumnComponent {
-    uiComponent;
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
         // console.debug('column.uiComponent: ', this.uiComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ColumnComponent, isStandalone: false, 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ColumnComponent, decorators: [{
+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: [{
@@ -1045,9 +1022,6 @@ const textStyleMappingFontSize = {
 };
 
 class LabelComponent {
-    uiComponent;
-    renderer;
-    spanElementRef;
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
@@ -1076,10 +1050,10 @@ class LabelComponent {
             this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: LabelComponent, isStandalone: false, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: LabelComponent, decorators: [{
+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: [{
@@ -1096,17 +1070,16 @@ var label_component = /*#__PURE__*/Object.freeze({
 });
 
 class SpaceComponent {
-    uiComponent;
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
         // console.debug('space.uiComponent: ', this.uiComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SpaceComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SpaceComponent, isStandalone: false, 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"] });
+    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: "19.1.6", ngImport: i0, type: SpaceComponent, decorators: [{
+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: [{
@@ -1120,17 +1093,16 @@ var space_component = /*#__PURE__*/Object.freeze({
 });
 
 class ZStackComponent {
-    uiComponent;
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
         // console.debug('zstack.uiComponent: ', this.uiComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ZStackComponent, isStandalone: false, 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ZStackComponent, decorators: [{
+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: [{
@@ -1144,17 +1116,16 @@ var zstack_component = /*#__PURE__*/Object.freeze({
 });
 
 class RowDivisorComponent {
-    uiComponent;
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
         // console.debug('rowDivisor.uiComponent: ', this.uiComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowDivisorComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: RowDivisorComponent, isStandalone: false, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowDivisorComponent, decorators: [{
+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: [{
@@ -1877,9 +1848,6 @@ const assetMapping = {
 };
 
 class ButtonComponent {
-    uiComponent;
-    renderer;
-    buttonElementRef;
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
@@ -1905,10 +1873,10 @@ class ButtonComponent {
     getAssetPath(asset) {
         return './assets/' + assetMapping[asset];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonComponent, isStandalone: false, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, decorators: [{
+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: [{
@@ -1961,9 +1929,6 @@ const sizeMappingWidth = {
 };
 
 class ImageComponent {
-    uiComponent;
-    renderer;
-    imgElementRef;
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
@@ -1991,10 +1956,10 @@ class ImageComponent {
             this.renderer.setStyle(this.imgElementRef.nativeElement, 'width', width);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ImageComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ImageComponent, isStandalone: false, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ImageComponent, decorators: [{
+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: [{
@@ -2011,13 +1976,11 @@ var image_component = /*#__PURE__*/Object.freeze({
 });
 
 class SduiComponent {
-    route;
-    viewModel;
-    currentSduiUrl = null;
-    initialUrl = null;
     constructor(route, viewModel) {
         this.route = route;
         this.viewModel = viewModel;
+        this.currentSduiUrl = null;
+        this.initialUrl = null;
     }
     ngOnInit() {
         this.viewModel.currentUrl$.subscribe((url) => {
@@ -2045,10 +2008,10 @@ class SduiComponent {
     validateParam(paramValue) {
         return !!paramValue && paramValue.trim() !== '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SduiComponent, isStandalone: false, selector: "edm-sdui", inputs: { initialUrl: "initialUrl" }, ngImport: i0, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIScreenComponent, selector: "edm-sdui-uiscreen" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SduiComponent, selector: "edm-sdui", inputs: { initialUrl: "initialUrl" }, ngImport: i0, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIScreenComponent, selector: "edm-sdui-uiscreen" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui', standalone: false, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
@@ -2066,11 +2029,11 @@ class SduiRoutingModule {
             providers: [],
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(defaultRoutes)],
@@ -2079,10 +2042,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
         }] });
 
 class TagComponent {
-    uiComponent;
-    renderer;
-    tagElementRef;
-    tagNameElementRef;
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
@@ -2109,10 +2068,10 @@ class TagComponent {
             this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'font-size', fontSize);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: TagComponent, isStandalone: false, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TagComponent, decorators: [{
+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: [{
@@ -2132,10 +2091,6 @@ var tag_component = /*#__PURE__*/Object.freeze({
 });
 
 class SearchBarComponent {
-    actionService;
-    uiComponent;
-    renderer;
-    inputElementRef;
     constructor(actionService, uiComponent, renderer) {
         this.actionService = actionService;
         this.uiComponent = uiComponent;
@@ -2212,10 +2167,10 @@ class SearchBarComponent {
             this.renderer.appendChild(document.head, styleEl);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SearchBarComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SearchBarComponent, isStandalone: false, 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: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, deps: [{ token: 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: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SearchBarComponent, decorators: [{
+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: UIActionService }, { type: undefined, decorators: [{
@@ -2246,8 +2201,8 @@ class SduiModule {
     static forRouting(config) {
         return SduiRoutingModule.forChild(config?.routePath);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, declarations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SduiModule, declarations: [
             // UIComposite
             UIScreenComponent,
             UINavigationComponent,
@@ -2271,10 +2226,10 @@ class SduiModule {
             // navegação
             NavigationControlsComponent,
             // componente base da lib
-            SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, imports: [CommonModule, RouterModule] });
+            SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiModule, imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [