@edm-sdui/sdui 1.0.68 → 1.0.70

package/fesm2022/edm-sdui-sdui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Optional, Inject, Injectable, Injector, Input, Component, EventEmitter, Output, createComponent, HostListener, Directive, ViewChild, inject, NgModule, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, EventEmitter, Output, createComponent, Directive, HostListener, ViewChild, inject, NgModule, ChangeDetectionStrategy, HostBinding } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$3 from '@angular/router';
@@ -266,20 +266,20 @@ class UIScreenService {
                 : null,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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: "19.2.14", ngImport: i0, type: UIScreenService, providedIn: 'root' }); }
+    static { this.ɵfac = function UIScreenService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIScreenService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(SDUI_BASE_URL, 8)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UIScreenService, factory: UIScreenService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SDUI_BASE_URL]
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIScreenService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [SDUI_BASE_URL]
+            }] }], null); })();
 
 const SDUI_URL_PARAM = 'sduiUrl';
 class UIScreenViewModel {
@@ -369,15 +369,15 @@ class UIScreenViewModel {
     canGoBack() {
         return this.navigationHistorySubject.getValue().length > 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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: "19.2.14", ngImport: i0, type: UIScreenViewModel, providedIn: 'root' }); }
+    static { this.ɵfac = function UIScreenViewModel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIScreenViewModel)(i0.ɵɵinject(UIScreenService), i0.ɵɵinject(i1$1.Location)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UIScreenViewModel, factory: UIScreenViewModel.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenViewModel, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: UIScreenService }, { type: i1$1.Location }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIScreenViewModel, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: UIScreenService }, { type: i1$1.Location }], null); })();
 
 const componentMapping = {
     // com filhos
@@ -421,6 +421,18 @@ var UIPlatformType;
     UIPlatformType["Web"] = "Web";
 })(UIPlatformType || (UIPlatformType = {}));
 
+function UIComponentComponent_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function UIComponentComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, UIComponentComponent_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r0.componentToRender)("ngComponentOutletInjector", ctx_r0.componentInjector);
+} }
 class UIComponentComponent {
     constructor(injector, cdr) {
         this.injector = injector;
@@ -456,28 +468,64 @@ class UIComponentComponent {
             parent: this.injector,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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: "19.2.14", type: UIComponentComponent, isStandalone: false, selector: "edm-sdui-component", inputs: { uiComponent: "uiComponent", translateLabel: "translateLabel" }, 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 = function UIComponentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIComponentComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UIComponentComponent, selectors: [["edm-sdui-component"]], inputs: { uiComponent: "uiComponent", translateLabel: "translateLabel" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [4, "ngComponentOutlet", "ngComponentOutletInjector"]], template: function UIComponentComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, UIComponentComponent_ng_container_0_Template, 2, 2, "ng-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.componentToRender);
+        } }, dependencies: [i1$1.NgComponentOutlet, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:contents}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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
-            }], translateLabel: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIComponentComponent, [{
+        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"] }]
+    }], () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], { uiComponent: [{
+            type: Input
+        }], translateLabel: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UIComponentComponent, { className: "UIComponentComponent", filePath: "lib/components/uicomponent/uicomponent.component.ts", lineNumber: 22 }); })();
 
+function UINavigationComponent_div_0_h2_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h2");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.uiNavigation.title);
+} }
+function UINavigationComponent_div_0_edm_sdui_component_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiNavigation.titleComponent);
+} }
+function UINavigationComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, UINavigationComponent_div_0_h2_1_Template, 2, 1, "h2", 2)(2, UINavigationComponent_div_0_edm_sdui_component_2_Template, 1, 1, "edm-sdui-component", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.uiNavigation.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.uiNavigation.titleComponent);
+} }
 class UINavigationComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UINavigationComponent, isStandalone: false, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n  <h2 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h2>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.nav-main{position:sticky;top:0}.nav-main h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
+    static { this.ɵfac = function UINavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UINavigationComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UINavigationComponent, selectors: [["edm-sdui-navigation"]], inputs: { uiNavigation: "uiNavigation" }, standalone: false, decls: 1, vars: 1, consts: [["class", "nav-main", 4, "ngIf"], [1, "nav-main"], [4, "ngIf"], [3, "uiComponent", 4, "ngIf"], [3, "uiComponent"]], template: function UINavigationComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, UINavigationComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiNavigation);
+        } }, dependencies: [i1$1.NgIf, UIComponentComponent], styles: ["[_nghost-%COMP%]{display:contents}.nav-main[_ngcontent-%COMP%]{position:sticky;top:0}.nav-main[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{text-align:center}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UINavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n  <h2 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h2>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.nav-main{position:sticky;top:0}.nav-main h2{text-align:center}\n"] }]
-        }], propDecorators: { uiNavigation: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UINavigationComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n  <h2 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h2>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.nav-main{position:sticky;top:0}.nav-main h2{text-align:center}\n"] }]
+    }], null, { uiNavigation: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UINavigationComponent, { className: "UINavigationComponent", filePath: "lib/components/uilayout/uinavigation/uinavigation.component.ts", lineNumber: 10 }); })();
 
 var UIActionType;
 (function (UIActionType) {
@@ -503,13 +551,13 @@ class UIActionHandlersService {
     handleInternalNavigation(url) {
         this.internalNavigationHandler?.(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, providedIn: 'root' }); }
+    static { this.ɵfac = function UIActionHandlersService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIActionHandlersService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UIActionHandlersService, factory: UIActionHandlersService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIActionHandlersService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
 
 class ModalComponent {
     constructor(sanitizer) {
@@ -523,19 +571,37 @@ class ModalComponent {
     close() {
         this.closed.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\n  <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n    <div class=\"edm-modal-header\">\n      <span class=\"edm-modal-title\">{{ title }}</span>\n      <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n        <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n      </button>\n    </div>\n\n    <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n  </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }); }
+    static { this.ɵfac = function ModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalComponent)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["edm-modal"]], inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, decls: 8, vars: 2, consts: [[1, "edm-modal-backdrop"], [1, "edm-modal-content", 3, "click"], [1, "edm-modal-header"], [1, "edm-modal-title"], [1, "edm-modal-close-btn", 3, "click"], ["src", "/assets/images/bt-close.svg", "width", "28px", "height", "28px"], ["frameborder", "0", 3, "src"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵdomListener("click", function ModalComponent_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
+            i0.ɵɵdomElementStart(2, "div", 2)(3, "span", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(5, "button", 4);
+            i0.ɵɵdomListener("click", function ModalComponent_Template_button_click_5_listener() { return ctx.close(); });
+            i0.ɵɵdomElement(6, "img", 5);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElement(7, "iframe", 6);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.title);
+            i0.ɵɵadvance(3);
+            i0.ɵɵdomProperty("src", ctx.safeUrl, i0.ɵɵsanitizeResourceUrl);
+        } }, styles: [".edm-modal-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop[_ngcontent-%COMP%]:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content[_ngcontent-%COMP%]{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title[_ngcontent-%COMP%]{flex:1}.edm-modal-close-btn[_ngcontent-%COMP%]{background:var(--bg-module);border:none;cursor:pointer}iframe[_ngcontent-%COMP%]{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width:768px){.edm-modal-content[_ngcontent-%COMP%]{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header[_ngcontent-%COMP%]{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title[_ngcontent-%COMP%]{font-size:1rem}.edm-modal-close-btn[_ngcontent-%COMP%]{padding:.25rem;font-size:.875rem}}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-modal', standalone: true, template: "<div class=\"edm-modal-backdrop\">\n  <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n    <div class=\"edm-modal-header\">\n      <span class=\"edm-modal-title\">{{ title }}</span>\n      <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n        <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n      </button>\n    </div>\n\n    <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n  </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { url: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], closed: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-modal', standalone: true, template: "<div class=\"edm-modal-backdrop\">\n  <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n    <div class=\"edm-modal-header\">\n      <span class=\"edm-modal-title\">{{ title }}</span>\n      <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n        <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n      </button>\n    </div>\n\n    <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n  </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width:768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }]
+    }], () => [{ type: i1$2.DomSanitizer }], { url: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], closed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalComponent, { className: "ModalComponent", filePath: "lib/components/uicomponent/modal/modal.component.ts", lineNumber: 10 }); })();
 
 class ModalService {
     constructor(appRef, envInjector) {
@@ -556,13 +622,13 @@ class ModalService {
         const domElem = componentRef.hostView.rootNodes[0];
         document.body.appendChild(domElem);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+    static { this.ɵfac = function ModalService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalService)(i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.EnvironmentInjector)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ModalService, factory: ModalService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }], null); })();
 
 class UIActionService {
     constructor(router, modalService, actionHandlers) {
@@ -657,13 +723,13 @@ class UIActionService {
         }
         return document.scrollingElement || document.documentElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, deps: [{ token: i1$3.Router }, { token: ModalService }, { token: UIActionHandlersService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
+    static { this.ɵfac = function UIActionService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIActionService)(i0.ɵɵinject(i1$3.Router), i0.ɵɵinject(ModalService), i0.ɵɵinject(UIActionHandlersService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UIActionService, factory: UIActionService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$3.Router }, { type: ModalService }, { type: UIActionHandlersService }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIActionService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [{ type: i1$3.Router }, { type: ModalService }, { type: UIActionHandlersService }], null); })();
 
 var UIAsset;
 (function (UIAsset) {
@@ -712,7 +778,6 @@ var UIAsset;
     UIAsset["BT_CLOSE_TAGS"] = "bt_close_tags";
     UIAsset["BT_COMMENT_OFF"] = "bt_comment_off";
     UIAsset["BT_COMMENT_ON"] = "bt_comment_on";
-    UIAsset["BT_COMUNIDADE_HEADER"] = "bt_comunidade_header";
     UIAsset["BT_COMUNIDADE_TAB"] = "bt_comunidade_tab";
     UIAsset["BT_COMUNIDADE_TAB_ON"] = "bt_comunidade_tab_on";
     UIAsset["BT_CONFIG_NAVBAR"] = "bt_config_navbar";
@@ -737,8 +802,6 @@ var UIAsset;
     UIAsset["BT_FILE"] = "bt_file";
     UIAsset["BT_FULL_SCREEN_PLAYER"] = "bt_full_screen_player";
     UIAsset["BT_GALLERY"] = "bt_gallery";
-    UIAsset["BT_GO_ATTACHMENT"] = "bt_go_attachment";
-    UIAsset["BT_HOME_HEADER"] = "bt_home_header";
     UIAsset["BT_INFO"] = "bt_info";
     UIAsset["BT_LIKE_COMMENT"] = "bt_like_comment";
     UIAsset["BT_LIKE_COMMENT_ON"] = "bt_like_comment_on";
@@ -792,7 +855,6 @@ var UIAsset;
     UIAsset["BT_SAVE_POST_OFF"] = "bt_save_post_off";
     UIAsset["BT_SAVE_POST_ON"] = "bt_save_post_on";
     UIAsset["BT_SEARCH"] = "bt_search";
-    UIAsset["BT_SEARCH_HEADER"] = "bt_search_header";
     UIAsset["BT_SEEK"] = "bt_seek";
     UIAsset["BT_SELFIE"] = "bt_selfie";
     UIAsset["BT_SEND_OFF"] = "bt_send_off";
@@ -1148,7 +1210,6 @@ const assetMapping = {
     [UIAsset.BT_CLOSE_TAGS]: 'assets/images/bt-close-tags.svg',
     [UIAsset.BT_COMMENT_OFF]: 'assets/images/bt-comment-off.svg',
     [UIAsset.BT_COMMENT_ON]: 'assets/images/bt-comment-on.svg',
-    [UIAsset.BT_COMUNIDADE_HEADER]: 'assets/images/bt-comunidade-header.svg',
     [UIAsset.BT_COMUNIDADE_TAB]: 'assets/images/bt-comunidade-tab.svg',
     [UIAsset.BT_COMUNIDADE_TAB_ON]: 'assets/images/bt-comunidade-tab-on.svg',
     [UIAsset.BT_CONFIG_NAVBAR]: 'assets/images/bt-config-navbar.svg',
@@ -1491,15 +1552,12 @@ const assetMapping = {
     [UIAsset.IC_EXPLORER_EMPTY]: 'assets/images/ic-explorer-empty.svg',
     [UIAsset.BT_EXPLORER_TAB]: 'assets/images/bt-explorer-tab.svg',
     [UIAsset.BT_EXPLORER_TAB_ON]: 'assets/images/bt-explorer-tab-on.svg',
-    [UIAsset.BT_GO_ATTACHMENT]: 'assets/images/bt-go-attachment.svg',
-    [UIAsset.BT_HOME_HEADER]: 'assets/images/bt-home-header.svg',
     [UIAsset.BT_NEXT_CAROUSEL]: 'assets/images/bt-next-carousel.svg',
     [UIAsset.BT_PERFIL_TAB_ON]: 'assets/images/bt-perfil-tab-on.svg',
     [UIAsset.BT_PLAY_TV]: 'assets/images/bt-play-tv.svg',
     [UIAsset.BT_PREV]: 'assets/images/bt-prev.svg',
     [UIAsset.BT_SAVE_POST_OFF]: 'assets/images/bt-save-post-off.svg',
     [UIAsset.BT_SAVE_POST_ON]: 'assets/images/bt-save-post-on.svg',
-    [UIAsset.BT_SEARCH_HEADER]: 'assets/images/bt-search-header.svg',
     [UIAsset.BT_SEND_ON_IA]: 'assets/images/bt-send-on-ia.svg',
     [UIAsset.BT_SHARE_ACTION_OFF]: 'assets/images/bt-share-action-off.svg',
     [UIAsset.BT_TIME_24_STORY]: 'assets/images/bt-time-24-story.svg',
@@ -2465,29 +2523,35 @@ class UIViewDirective {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$3.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: UIViewDirective, isStandalone: false, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "window:resize": "onWindowResize()", "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = function UIViewDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIViewDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i1$3.Router), i0.ɵɵdirectiveInject(UIActionService), i0.ɵɵdirectiveInject(UIScreenViewModel, 8)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: UIViewDirective, selectors: [["", "edmSduiView", ""]], hostBindings: function UIViewDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("resize", function UIViewDirective_resize_HostBindingHandler() { return ctx.onWindowResize(); }, i0.ɵɵresolveWindow)("click", function UIViewDirective_click_HostBindingHandler($event) { return ctx.onClick($event); });
+        } }, inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIViewDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[edmSduiView]',
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: UIActionService }, { type: UIScreenViewModel, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { edmSduiView: [{
-                type: Input
-            }], disableClick: [{
-                type: Input
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIViewDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[edmSduiView]',
+                standalone: false,
+            }]
+    }], () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: UIActionService }, { type: UIScreenViewModel, decorators: [{
+                type: Optional
+            }] }], { edmSduiView: [{
+            type: Input
+        }], disableClick: [{
+            type: Input
+        }], onWindowResize: [{
+            type: HostListener,
+            args: ['window:resize']
+        }], onClick: [{
+            type: HostListener,
+            args: ['click', ['$event']]
+        }] }); })();
 
+const _c0$d = ["imgElement"];
+function FabComponent_img_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 3, 0);
+} }
 class FabComponent {
     constructor(actionService, render2) {
         this.actionService = actionService;
@@ -2509,36 +2573,160 @@ class FabComponent {
             this.actionService.execute(this.element.action);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FabComponent, deps: [{ token: UIActionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FabComponent, isStandalone: false, selector: "sdui-fab", inputs: { element: "element" }, viewQueries: [{ propertyName: "imgElement", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<button\n  class=\"edm-fab\"\n  (click)=\"onClick()\"\n  [edmSduiView]=\"element\"\n>\n  <img\n    #imgElement\n    *ngIf=\"element?.asset\"\n    class=\"fab-icon\"\n  />\n\n</button>\n", styles: [":host{display:contents}.edm-fab{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}\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 = function FabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FabComponent)(i0.ɵɵdirectiveInject(UIActionService), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabComponent, selectors: [["sdui-fab"]], viewQuery: function FabComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$d, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.imgElement = _t.first);
+        } }, inputs: { element: "element" }, standalone: false, decls: 2, vars: 2, consts: [["imgElement", ""], [1, "edm-fab", 3, "click", "edmSduiView"], ["class", "fab-icon", 4, "ngIf"], [1, "fab-icon"]], template: function FabComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 1);
+            i0.ɵɵlistener("click", function FabComponent_Template_button_click_0_listener() { return ctx.onClick(); });
+            i0.ɵɵtemplate(1, FabComponent_img_1_Template, 2, 0, "img", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("edmSduiView", ctx.element);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.element == null ? null : ctx.element.asset);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.edm-fab[_ngcontent-%COMP%]{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab[_ngcontent-%COMP%]:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sdui-fab', standalone: false, template: "<button\n  class=\"edm-fab\"\n  (click)=\"onClick()\"\n  [edmSduiView]=\"element\"\n>\n  <img\n    #imgElement\n    *ngIf=\"element?.asset\"\n    class=\"fab-icon\"\n  />\n\n</button>\n", styles: [":host{display:contents}.edm-fab{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}\n"] }]
-        }], ctorParameters: () => [{ type: UIActionService }, { type: i0.Renderer2 }], propDecorators: { element: [{
-                type: Input,
-                args: [{ required: true }]
-            }], imgElement: [{
-                type: ViewChild,
-                args: ['imgElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FabComponent, [{
+        type: Component,
+        args: [{ selector: 'sdui-fab', standalone: false, template: "<button\n  class=\"edm-fab\"\n  (click)=\"onClick()\"\n  [edmSduiView]=\"element\"\n>\n  <img\n    #imgElement\n    *ngIf=\"element?.asset\"\n    class=\"fab-icon\"\n  />\n\n</button>\n", styles: [":host{display:contents}.edm-fab{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}\n"] }]
+    }], () => [{ type: UIActionService }, { type: i0.Renderer2 }], { element: [{
+            type: Input,
+            args: [{ required: true }]
+        }], imgElement: [{
+            type: ViewChild,
+            args: ['imgElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FabComponent, { className: "FabComponent", filePath: "lib/components/uilayout/fab/fab.component.ts", lineNumber: 12 }); })();
 
+function SingleColumnLayoutComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "edm-sdui-component", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.header);
+} }
+function SingleColumnLayoutComponent_div_0_div_3_edm_sdui_component_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.main);
+} }
+function SingleColumnLayoutComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
+    i0.ɵɵtemplate(2, SingleColumnLayoutComponent_div_0_div_3_edm_sdui_component_2_Template, 1, 1, "edm-sdui-component", 11);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.main));
+} }
+function SingleColumnLayoutComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "sdui-fab", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("element", ctx_r0.uiLayout.fab);
+} }
+function SingleColumnLayoutComponent_div_0_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "edm-sdui-component", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.footer);
+} }
+function SingleColumnLayoutComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "edm-sdui-navigation", 2);
+    i0.ɵɵtemplate(2, SingleColumnLayoutComponent_div_0_div_2_Template, 2, 1, "div", 3)(3, SingleColumnLayoutComponent_div_0_div_3_Template, 3, 1, "div", 4)(4, SingleColumnLayoutComponent_div_0_div_4_Template, 2, 1, "div", 5)(5, SingleColumnLayoutComponent_div_0_div_5_Template, 2, 1, "div", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiNavigation", ctx_r0.uiLayout.nav);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.header));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.main));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.fab));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.footer));
+} }
 class SingleColumnLayoutComponent {
     ngOnChanges(changes) {
         if (changes['uiLayout']) {
             console.debug('[SingleColumnLayout] Novo layout recebido:', changes['uiLayout'].currentValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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  <div class=\"fab\" *ngIf=\"!!uiLayout?.fab\">\n    <sdui-fab [element]=\"uiLayout.fab\"></sdui-fab>\n  </div>\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:100%;min-height:100vh;position:relative}.single-column-layout .header{width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout .fab{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}\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: FabComponent, selector: "sdui-fab", inputs: ["element"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
+    static { this.ɵfac = function SingleColumnLayoutComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleColumnLayoutComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleColumnLayoutComponent, selectors: [["edm-sdui-single-column-layout"]], inputs: { uiLayout: "uiLayout" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "single-column-layout", 4, "ngIf"], [1, "single-column-layout"], [3, "uiNavigation"], ["class", "header", 4, "ngIf"], ["class", "scrollview", 4, "ngIf"], ["class", "fab", 4, "ngIf"], ["class", "footer", 4, "ngIf"], [1, "header"], [3, "uiComponent"], [1, "scrollview"], [1, "main"], [3, "uiComponent", 4, "ngIf"], [1, "fab"], [3, "element"], [1, "footer"]], template: function SingleColumnLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SingleColumnLayoutComponent_div_0_Template, 6, 5, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", !!ctx.uiLayout);
+        } }, dependencies: [i1$1.NgIf, UINavigationComponent, FabComponent, UIComponentComponent], styles: ["[_nghost-%COMP%]{display:contents}.single-column-layout[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:100%;min-height:100vh;position:relative}.single-column-layout[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{width:100%;z-index:100}.single-column-layout[_ngcontent-%COMP%]   .scrollview[_ngcontent-%COMP%]   .main[_ngcontent-%COMP%]{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout[_ngcontent-%COMP%]   .fab[_ngcontent-%COMP%]{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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  <div class=\"fab\" *ngIf=\"!!uiLayout?.fab\">\n    <sdui-fab [element]=\"uiLayout.fab\"></sdui-fab>\n  </div>\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:100%;min-height:100vh;position:relative}.single-column-layout .header{width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout .fab{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}\n"] }]
-        }], propDecorators: { uiLayout: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleColumnLayoutComponent, [{
+        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  <div class=\"fab\" *ngIf=\"!!uiLayout?.fab\">\n    <sdui-fab [element]=\"uiLayout.fab\"></sdui-fab>\n  </div>\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:100%;min-height:100vh;position:relative}.single-column-layout .header{width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout .fab{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}\n"] }]
+    }], null, { uiLayout: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleColumnLayoutComponent, { className: "SingleColumnLayoutComponent", filePath: "lib/components/uilayout/single-column-layout/single-column-layout.component.ts", lineNumber: 16 }); })();
 
+function CenteredContentLayoutComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "edm-sdui-component", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.header);
+} }
+function CenteredContentLayoutComponent_div_0_edm_sdui_component_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.centered);
+} }
+function CenteredContentLayoutComponent_div_0_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "edm-sdui-component", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiComponent", ctx_r0.uiLayout.footer);
+} }
+function CenteredContentLayoutComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "edm-sdui-navigation", 2);
+    i0.ɵɵtemplate(2, CenteredContentLayoutComponent_div_0_div_2_Template, 2, 1, "div", 3);
+    i0.ɵɵelementStart(3, "div", 4);
+    i0.ɵɵtemplate(4, CenteredContentLayoutComponent_div_0_edm_sdui_component_4_Template, 1, 1, "edm-sdui-component", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, CenteredContentLayoutComponent_div_0_div_5_Template, 2, 1, "div", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("uiNavigation", ctx_r0.uiLayout.nav);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.header);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.centered));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !!(ctx_r0.uiLayout == null ? null : ctx_r0.uiLayout.footer));
+} }
 class CenteredContentLayoutComponent {
     ngOnInit() {
         console.log(this.uiLayout);
@@ -2548,16 +2736,33 @@ class CenteredContentLayoutComponent {
             console.debug('[CenteredContentLayoutComponent] Novo layout recebido:', changes['uiLayout'].currentValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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{width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
+    static { this.ɵfac = function CenteredContentLayoutComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CenteredContentLayoutComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CenteredContentLayoutComponent, selectors: [["edm-sdui-centered-content-layout"]], inputs: { uiLayout: "uiLayout" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "centered-content-layout", 4, "ngIf"], [1, "centered-content-layout"], [3, "uiNavigation"], ["class", "header", 4, "ngIf"], [1, "centered"], [3, "uiComponent", 4, "ngIf"], ["class", "footer", 4, "ngIf"], [1, "header"], [3, "uiComponent"], [1, "footer"]], template: function CenteredContentLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CenteredContentLayoutComponent_div_0_Template, 6, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", !!ctx.uiLayout);
+        } }, dependencies: [i1$1.NgIf, UINavigationComponent, UIComponentComponent], styles: ["[_nghost-%COMP%]{display:contents}.centered-content-layout[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{width:100%;z-index:100}.centered-content-layout[_ngcontent-%COMP%]   .centered[_ngcontent-%COMP%]{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{position:fixed;bottom:0;left:0;width:100%;z-index:100}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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{width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
-        }], propDecorators: { uiLayout: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CenteredContentLayoutComponent, [{
+        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{width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
+    }], null, { uiLayout: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CenteredContentLayoutComponent, { className: "CenteredContentLayoutComponent", filePath: "lib/components/uilayout/centered-content-layout/centered-content-layout.component.ts", lineNumber: 10 }); })();
 
+function NavigationControlsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵlistener("click", function NavigationControlsComponent_div_0_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.goBack()); });
+    i0.ɵɵelement(3, "img", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !i0.ɵɵpipeBind1(2, 1, ctx_r1.viewModel.canGoBack$));
+} }
 class NavigationControlsComponent {
     constructor(viewModel) {
         this.viewModel = viewModel;
@@ -2572,14 +2777,87 @@ class NavigationControlsComponent {
         console.debug('[NavigationControls] Botão de voltar clicado');
         this.viewModel.goBack();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NavigationControlsComponent, isStandalone: false, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = function NavigationControlsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavigationControlsComponent)(i0.ɵɵdirectiveInject(UIScreenViewModel)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationControlsComponent, selectors: [["edm-sdui-navigation-controls"]], standalone: false, decls: 1, vars: 1, consts: [["class", "navigation-controls", 4, "ngIf"], [1, "navigation-controls"], [1, "back-button", 3, "click", "disabled"], ["src", "assets/images/bt-back.svg", "width", "100%", "height", "40px"]], template: function NavigationControlsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, NavigationControlsComponent_div_0_Template, 4, 3, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", false);
+        } }, dependencies: [i1$1.NgIf, i1$1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:contents}.navigation-controls[_ngcontent-%COMP%]{display:flex;gap:8px}.navigation-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{opacity:.5;cursor:not-allowed}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationControlsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"] }]
-        }], ctorParameters: () => [{ type: UIScreenViewModel }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationControlsComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"] }]
+    }], () => [{ type: UIScreenViewModel }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationControlsComponent, { className: "NavigationControlsComponent", filePath: "lib/components/navigation-controls/navigation-controls.component.ts", lineNumber: 10 }); })();
 
+function UIScreenComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵelement(2, "div", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function UIScreenComponent_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 5);
+    i0.ɵɵtext(2, " Erro ao carregar a tela: ");
+    i0.ɵɵelementStart(3, "pre");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const errorMessage_r1 = ctx.ngIf;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(errorMessage_r1);
+} }
+function UIScreenComponent_ng_template_2_ng_template_2_div_0_edm_sdui_single_column_layout_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-single-column-layout", 11);
+} if (rf & 2) {
+    const uiScreen_r2 = i0.ɵɵnextContext().ngIf;
+    i0.ɵɵproperty("uiLayout", uiScreen_r2.content);
+} }
+function UIScreenComponent_ng_template_2_ng_template_2_div_0_edm_sdui_centered_content_layout_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-centered-content-layout", 11);
+} if (rf & 2) {
+    const uiScreen_r2 = i0.ɵɵnextContext().ngIf;
+    i0.ɵɵproperty("uiLayout", uiScreen_r2.content);
+} }
+function UIScreenComponent_ng_template_2_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "edm-sdui-navigation-controls", 8);
+    i0.ɵɵelementContainerStart(2, 9);
+    i0.ɵɵtemplate(3, UIScreenComponent_ng_template_2_ng_template_2_div_0_edm_sdui_single_column_layout_3_Template, 1, 1, "edm-sdui-single-column-layout", 10)(4, UIScreenComponent_ng_template_2_ng_template_2_div_0_edm_sdui_centered_content_layout_4_Template, 1, 1, "edm-sdui-centered-content-layout", 10);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const uiScreen_r2 = ctx.ngIf;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.containerClass(uiScreen_r2.config))("edmSduiView", uiScreen_r2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("edmSduiView", uiScreen_r2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngSwitch", uiScreen_r2.identifier);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngSwitchCase", ctx_r2.UIScreenIdentifier.SINGLE_COLUMN);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngSwitchCase", ctx_r2.UIScreenIdentifier.CENTERED_CONTENT);
+} }
+function UIScreenComponent_ng_template_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, UIScreenComponent_ng_template_2_ng_template_2_div_0_Template, 5, 6, "div", 6);
+    i0.ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx_r2.viewModel.uiScreen$));
+} }
+function UIScreenComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, UIScreenComponent_ng_template_2_ng_container_0_Template, 5, 1, "ng-container", 2);
+    i0.ɵɵpipe(1, "async");
+    i0.ɵɵtemplate(2, UIScreenComponent_ng_template_2_ng_template_2_Template, 2, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+} if (rf & 2) {
+    const renderScreen_r4 = i0.ɵɵreference(3);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx_r2.viewModel.error$))("ngIfElse", renderScreen_r4);
+} }
 class UIScreenComponent {
     constructor(viewModel) {
         this.viewModel = viewModel;
@@ -2593,36 +2871,83 @@ class UIScreenComponent {
             ? 'ui-screen--contained'
             : 'ui-screen--fluid';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UIScreenComponent, isStandalone: false, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<ng-container *ngIf=\"viewModel.isLoading$ | async; else loaded\">\n  <div class=\"loading-spinner\">\n    <div class=\"spinner\"></div>\n  </div>\n</ng-container>\n\n<ng-template #loaded>\n  <ng-container\n    *ngIf=\"viewModel.error$ | async as errorMessage; else renderScreen\"\n  >\n    <div class=\"error-label\">\n      Erro ao carregar a tela:\n      <pre>{{ errorMessage }}</pre>\n    </div>\n  </ng-container>\n\n  <ng-template #renderScreen>\n    <div\n      class=\"ui-screen\"\n      *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n      [ngClass]=\"containerClass(uiScreen.config)\"\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        ></edm-sdui-single-column-layout>\n\n        <edm-sdui-centered-content-layout\n          *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n          [uiLayout]=\"uiScreen.content\"\n        ></edm-sdui-centered-content-layout>\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-template>\n", styles: [":host{display:contents}.ui-screen{width:100%;min-height:100vh}.ui-screen--fluid{width:100vw}.ui-screen--contained{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box}.error-label{color:var(--input-error)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 = function UIScreenComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UIScreenComponent)(i0.ɵɵdirectiveInject(UIScreenViewModel)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UIScreenComponent, selectors: [["edm-sdui-uiscreen"]], standalone: false, decls: 4, vars: 4, consts: [["loaded", ""], ["renderScreen", ""], [4, "ngIf", "ngIfElse"], [1, "loading-spinner"], [1, "spinner"], [1, "error-label"], ["class", "ui-screen", 3, "ngClass", "edmSduiView", 4, "ngIf"], [1, "ui-screen", 3, "ngClass", "edmSduiView"], [3, "edmSduiView"], [3, "ngSwitch"], [3, "uiLayout", 4, "ngSwitchCase"], [3, "uiLayout"]], template: function UIScreenComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, UIScreenComponent_ng_container_0_Template, 3, 0, "ng-container", 2);
+            i0.ɵɵpipe(1, "async");
+            i0.ɵɵtemplate(2, UIScreenComponent_ng_template_2_Template, 4, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            const loaded_r5 = i0.ɵɵreference(3);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.viewModel.isLoading$))("ngIfElse", loaded_r5);
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i1$1.NgSwitch, i1$1.NgSwitchCase, SingleColumnLayoutComponent, CenteredContentLayoutComponent, UIViewDirective, NavigationControlsComponent, i1$1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:contents}.ui-screen[_ngcontent-%COMP%]{width:100%;min-height:100vh}.ui-screen--fluid[_ngcontent-%COMP%]{width:100vw}.ui-screen--contained[_ngcontent-%COMP%]{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box}.error-label[_ngcontent-%COMP%]{color:var(--input-error)}.loading-spinner[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner[_ngcontent-%COMP%]{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:_ngcontent-%COMP%_spin 1s linear infinite;top:50%;left:50%}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<ng-container *ngIf=\"viewModel.isLoading$ | async; else loaded\">\n  <div class=\"loading-spinner\">\n    <div class=\"spinner\"></div>\n  </div>\n</ng-container>\n\n<ng-template #loaded>\n  <ng-container\n    *ngIf=\"viewModel.error$ | async as errorMessage; else renderScreen\"\n  >\n    <div class=\"error-label\">\n      Erro ao carregar a tela:\n      <pre>{{ errorMessage }}</pre>\n    </div>\n  </ng-container>\n\n  <ng-template #renderScreen>\n    <div\n      class=\"ui-screen\"\n      *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n      [ngClass]=\"containerClass(uiScreen.config)\"\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        ></edm-sdui-single-column-layout>\n\n        <edm-sdui-centered-content-layout\n          *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n          [uiLayout]=\"uiScreen.content\"\n        ></edm-sdui-centered-content-layout>\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-template>\n", styles: [":host{display:contents}.ui-screen{width:100%;min-height:100vh}.ui-screen--fluid{width:100vw}.ui-screen--contained{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box}.error-label{color:var(--input-error)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: () => [{ type: UIScreenViewModel }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UIScreenComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<ng-container *ngIf=\"viewModel.isLoading$ | async; else loaded\">\n  <div class=\"loading-spinner\">\n    <div class=\"spinner\"></div>\n  </div>\n</ng-container>\n\n<ng-template #loaded>\n  <ng-container\n    *ngIf=\"viewModel.error$ | async as errorMessage; else renderScreen\"\n  >\n    <div class=\"error-label\">\n      Erro ao carregar a tela:\n      <pre>{{ errorMessage }}</pre>\n    </div>\n  </ng-container>\n\n  <ng-template #renderScreen>\n    <div\n      class=\"ui-screen\"\n      *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n      [ngClass]=\"containerClass(uiScreen.config)\"\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        ></edm-sdui-single-column-layout>\n\n        <edm-sdui-centered-content-layout\n          *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n          [uiLayout]=\"uiScreen.content\"\n        ></edm-sdui-centered-content-layout>\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-template>\n", styles: [":host{display:contents}.ui-screen{width:100%;min-height:100vh}.ui-screen--fluid{width:100vw}.ui-screen--contained{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box}.error-label{color:var(--input-error)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
+    }], () => [{ type: UIScreenViewModel }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UIScreenComponent, { className: "UIScreenComponent", filePath: "lib/components/uiscreen/uiscreen.component.ts", lineNumber: 12 }); })();
 
+function RowComponent_div_0_edm_sdui_component_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 3);
+} if (rf & 2) {
+    const component_r1 = ctx.$implicit;
+    i0.ɵɵproperty("uiComponent", component_r1);
+} }
+function RowComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, RowComponent_div_0_edm_sdui_component_1_Template, 1, 1, "edm-sdui-component", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("row-fixed", ctx_r1.uiComponent.element == null ? null : ctx_r1.uiComponent.element.size);
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components);
+} }
 class RowComponent {
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: RowComponent, isStandalone: false, selector: "edm-sdui-row", ngImport: i0, template: "<div\n  class=\"row-1\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n  [class.row-fixed]=\"\n    uiComponent.element?.size\"\n>\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}.row-fixed{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media (max-width: 565px){.row-fixed{max-width:none;width:auto}.row-fixed>*{flex-shrink:0;min-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", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function RowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RowComponent)(i0.ɵɵdirectiveInject('uiComponent')); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RowComponent, selectors: [["edm-sdui-row"]], standalone: false, decls: 1, vars: 1, consts: [["class", "row-1", 3, "edmSduiView", "row-fixed", 4, "ngIf"], [1, "row-1", 3, "edmSduiView"], [3, "uiComponent", 4, "ngFor", "ngForOf"], [3, "uiComponent"]], template: function RowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, RowComponent_div_0_Template, 2, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, UIComponentComponent, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.row-1[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center}.row-fixed[_ngcontent-%COMP%]{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media(max-width:565px){.row-fixed[_ngcontent-%COMP%]{max-width:none;width:auto}.row-fixed[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex-shrink:0;min-width:100%}}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div\n  class=\"row-1\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n  [class.row-fixed]=\"\n    uiComponent.element?.size\"\n>\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}.row-fixed{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media (max-width: 565px){.row-fixed{max-width:none;width:auto}.row-fixed>*{flex-shrink:0;min-width:100%}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RowComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div\n  class=\"row-1\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n  [class.row-fixed]=\"\n    uiComponent.element?.size\"\n>\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}.row-fixed{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media(max-width:565px){.row-fixed{max-width:none;width:auto}.row-fixed>*{flex-shrink:0;min-width:100%}}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RowComponent, { className: "RowComponent", filePath: "lib/components/uicomponent/row/row.component.ts", lineNumber: 10 }); })();
 
 var row_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     RowComponent: RowComponent
 });
 
+function ColumnComponent_div_0_edm_sdui_component_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 3);
+} if (rf & 2) {
+    const child_r1 = ctx.$implicit;
+    i0.ɵɵproperty("uiComponent", child_r1);
+} }
+function ColumnComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, ColumnComponent_div_0_edm_sdui_component_1_Template, 1, 1, "edm-sdui-component", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("fill", ctx_r1.shouldFill());
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components);
+} }
 class ColumnComponent {
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
@@ -2634,16 +2959,21 @@ class ColumnComponent {
         const comps = this.uiComponent?.components ?? [];
         return comps.some(c => c.type === 'SPACE' && (c.element?.grow ?? 0) > 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ColumnComponent, isStandalone: false, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" [class.fill]=\"shouldFill()\">\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;overflow:clip;flex:0 0 auto}.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0}.column.fill{flex:1 1 auto;min-height:0}@media (max-width: 565px){.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0;width:100%;max-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", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function ColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColumnComponent)(i0.ɵɵdirectiveInject('uiComponent')); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnComponent, selectors: [["edm-sdui-column"]], standalone: false, decls: 1, vars: 1, consts: [["class", "column", 3, "edmSduiView", "fill", 4, "ngIf"], [1, "column", 3, "edmSduiView"], [3, "uiComponent", 4, "ngFor", "ngForOf"], [3, "uiComponent"]], template: function ColumnComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ColumnComponent_div_0_Template, 2, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, UIComponentComponent, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.column[_ngcontent-%COMP%]{display:flex;flex-direction:column;overflow:clip;flex:0 0 auto}.row-fixed   [_nghost-%COMP%]   .column[_ngcontent-%COMP%], .row-fixed[_nghost-%COMP%]   .column[_ngcontent-%COMP%], .row-fixed   [_nghost-%COMP%]   .column[_ngcontent-%COMP%]{flex:1 1 0%;min-width:0}.column.fill[_ngcontent-%COMP%]{flex:1 1 auto;min-height:0}@media(max-width:565px){.row-fixed   [_nghost-%COMP%]   .column[_ngcontent-%COMP%], .row-fixed[_nghost-%COMP%]   .column[_ngcontent-%COMP%], .row-fixed   [_nghost-%COMP%]   .column[_ngcontent-%COMP%]{flex:1 1 0%;min-width:0;width:100%;max-width:100%}}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" [class.fill]=\"shouldFill()\">\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;overflow:clip;flex:0 0 auto}.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0}.column.fill{flex:1 1 auto;min-height:0}@media (max-width: 565px){.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0;width:100%;max-width:100%}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColumnComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" [class.fill]=\"shouldFill()\">\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;overflow:clip;flex:0 0 auto}.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0}.column.fill{flex:1 1 auto;min-height:0}@media(max-width:565px){.row-fixed :host .column,:host-context(.row-fixed) .column{flex:1 1 0%;min-width:0;width:100%;max-width:100%}}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColumnComponent, { className: "ColumnComponent", filePath: "lib/components/uicomponent/column/column.component.ts", lineNumber: 10 }); })();
 
 var column_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -2684,13 +3014,13 @@ class FontSizeMappingService {
     getMapping() {
         return this.mapping;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, providedIn: 'root' }); }
+    static { this.ɵfac = function FontSizeMappingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FontSizeMappingService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FontSizeMappingService, factory: FontSizeMappingService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FontSizeMappingService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();
 
 function getTextStyleMappingFontSize() {
     return inject(FontSizeMappingService).getMapping();
@@ -2722,6 +3052,17 @@ const textStyleMappingLineHeight = {
     [UITextStyle.FOOTNOTE]: '14px',
 };
 
+const _c0$c = ["spanElement"];
+function LabelComponent_span_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2, 0);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate((ctx_r0.uiComponent.element == null ? null : ctx_r0.uiComponent.element.label) ?? "");
+} }
 class LabelComponent {
     constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
@@ -2796,19 +3137,29 @@ class LabelComponent {
         }
         return `calc(${lineHeight} * ${lines})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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 = function LabelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LabelComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LabelComponent, selectors: [["edm-sdui-label"]], viewQuery: function LabelComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$c, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.spanElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["spanElement", ""], [3, "edmSduiView", 4, "ngIf"], [3, "edmSduiView"]], template: function LabelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, LabelComponent_span_0_Template, 3, 2, "span", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }, { type: FontSizeMappingService }], propDecorators: { spanElementRef: [{
-                type: ViewChild,
-                args: ['spanElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LabelComponent, [{
+        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"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], { spanElementRef: [{
+            type: ViewChild,
+            args: ['spanElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LabelComponent, { className: "LabelComponent", filePath: "lib/components/uicomponent/label/label.component.ts", lineNumber: 16 }); })();
 
 var label_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -2822,22 +3173,46 @@ class SpaceComponent {
     ngOnInit() {
         // console.debug('space.uiComponent: ', this.uiComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SpaceComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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 = function SpaceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SpaceComponent)(i0.ɵɵdirectiveInject('uiComponent')); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpaceComponent, selectors: [["edm-sdui-space"]], standalone: false, decls: 1, vars: 0, consts: [[1, "space"]], template: function SpaceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "div", 0);
+        } }, styles: ["[_nghost-%COMP%]{display:contents}.space[_ngcontent-%COMP%]{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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']
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpaceComponent, [{
+        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"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SpaceComponent, { className: "SpaceComponent", filePath: "lib/components/uicomponent/space/space.component.ts", lineNumber: 10 }); })();
 
 var space_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SpaceComponent: SpaceComponent
 });
 
+function ZStackComponent_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 4);
+    i0.ɵɵelement(2, "edm-sdui-component", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const child_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("uiComponent", child_r1);
+} }
+function ZStackComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2, 0);
+    i0.ɵɵtemplate(2, ZStackComponent_div_0_ng_container_2_Template, 3, 1, "ng-container", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components);
+} }
 class ZStackComponent {
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
@@ -2845,22 +3220,33 @@ class ZStackComponent {
     ngOnInit() {
         // console.debug('zstack.uiComponent: ', this.uiComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ZStackComponent, isStandalone: false, selector: "edm-sdui-zstack", ngImport: i0, template: "<div #zstackElementRef class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let child of uiComponent.components\">\n    <div class=\"zstack-child\">\n      <edm-sdui-component [uiComponent]=\"child\"></edm-sdui-component>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;overflow:clip;flex:0 0 auto}.zstack-child{grid-area:1/1;display:flex;align-items:center}\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", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function ZStackComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ZStackComponent)(i0.ɵɵdirectiveInject('uiComponent')); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ZStackComponent, selectors: [["edm-sdui-zstack"]], standalone: false, decls: 1, vars: 1, consts: [["zstackElementRef", ""], ["class", "zstack", 3, "edmSduiView", 4, "ngIf"], [1, "zstack", 3, "edmSduiView"], [4, "ngFor", "ngForOf"], [1, "zstack-child"], [3, "uiComponent"]], template: function ZStackComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ZStackComponent_div_0_Template, 3, 2, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, UIComponentComponent, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.zstack[_ngcontent-%COMP%]{display:grid;overflow:clip;flex:0 0 auto}.zstack-child[_ngcontent-%COMP%]{grid-area:1/1;display:flex;align-items:center}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZStackComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-zstack', standalone: false, template: "<div #zstackElementRef class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let child of uiComponent.components\">\n    <div class=\"zstack-child\">\n      <edm-sdui-component [uiComponent]=\"child\"></edm-sdui-component>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;overflow:clip;flex:0 0 auto}.zstack-child{grid-area:1/1;display:flex;align-items:center}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ZStackComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-zstack', standalone: false, template: "<div #zstackElementRef class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let child of uiComponent.components\">\n    <div class=\"zstack-child\">\n      <edm-sdui-component [uiComponent]=\"child\"></edm-sdui-component>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;overflow:clip;flex:0 0 auto}.zstack-child{grid-area:1/1;display:flex;align-items:center}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ZStackComponent, { className: "ZStackComponent", filePath: "lib/components/uicomponent/zstack/zstack.component.ts", lineNumber: 10 }); })();
 
 var zstack_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ZStackComponent: ZStackComponent
 });
 
+function RowDivisorComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+} }
 class RowDivisorComponent {
     constructor(uiComponent) {
         this.uiComponent = uiComponent;
@@ -2868,22 +3254,47 @@ class RowDivisorComponent {
     ngOnInit() {
         // console.debug('rowDivisor.uiComponent: ', this.uiComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowDivisorComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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 = function RowDivisorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RowDivisorComponent)(i0.ɵɵdirectiveInject('uiComponent')); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RowDivisorComponent, selectors: [["edm-sdui-row-divisor"]], standalone: false, decls: 1, vars: 1, consts: [["class", "row-divisor", 3, "edmSduiView", 4, "ngIf"], [1, "row-divisor", 3, "edmSduiView"]], template: function RowDivisorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, RowDivisorComponent_div_0_Template, 1, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.row-divisor[_ngcontent-%COMP%]{height:1px}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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']
-                }] }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RowDivisorComponent, [{
+        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"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RowDivisorComponent, { className: "RowDivisorComponent", filePath: "lib/components/uicomponent/row-divisor/row-divisor.component.ts", lineNumber: 10 }); })();
 
 var rowDivisor_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     RowDivisorComponent: RowDivisorComponent
 });
 
+const _c0$b = ["buttonElement"];
+function ButtonComponent_button_0_img_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("src", ctx_r0.getAssetPath(ctx_r0.uiComponent.element.asset), i0.ɵɵsanitizeUrl);
+} }
+function ButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 2, 0);
+    i0.ɵɵtemplate(2, ButtonComponent_button_0_img_2_Template, 1, 1, "img", 3);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.uiComponent.element.asset);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.uiComponent.element.label, "\n");
+} }
 class ButtonComponent {
     constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
@@ -2917,19 +3328,29 @@ class ButtonComponent {
     getAssetPath(asset) {
         return assetMapping[asset];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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;background-color:unset;width:fit-content}\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 = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["edm-sdui-button"]], viewQuery: function ButtonComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$b, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["buttonElement", ""], [3, "edmSduiView", 4, "ngIf"], [3, "edmSduiView"], ["alt", "", 3, "src", 4, "ngIf"], ["alt", "", 3, "src"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ButtonComponent_button_0_Template, 4, 3, "button", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}button[_ngcontent-%COMP%]{border:none;white-space:nowrap;background-color:unset;width:fit-content}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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;background-color:unset;width:fit-content}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { buttonElementRef: [{
-                type: ViewChild,
-                args: ['buttonElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
+        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;background-color:unset;width:fit-content}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], { buttonElementRef: [{
+            type: ViewChild,
+            args: ['buttonElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/uicomponent/button/button.component.ts", lineNumber: 28 }); })();
 
 var button_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3132,6 +3553,25 @@ const rankingSvgMap = {
     [UIAsset.IMG_EXPLORER_RANKING_N_10]: ranking10Svg,
 };
 
+const _c0$a = ["imgElement"];
+function ImageComponent_span_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element)("innerHTML", ctx_r0.svgContent, i0.ɵɵsanitizeHtml);
+} }
+function ImageComponent_ng_template_1_img_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 5, 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+} }
+function ImageComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ImageComponent_ng_template_1_img_0_Template, 2, 1, "img", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", ctx_r0.uiComponent);
+} }
 class ImageComponent {
     constructor(uiComponent, renderer, sanitizer) {
         this.uiComponent = uiComponent;
@@ -3141,8 +3581,9 @@ class ImageComponent {
     }
     ngOnInit() { }
     ngAfterViewInit() {
-        if (this.uiComponent?.element) {
-            this.applyElement(this.uiComponent.element);
+        const element = this.uiComponent?.element;
+        if (element) {
+            Promise.resolve().then(() => this.applyElement(element));
         }
     }
     applyElement(element) {
@@ -3170,25 +3611,39 @@ class ImageComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ImageComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ImageComponent, isStandalone: false, selector: "edm-sdui-image", viewQueries: [{ propertyName: "imgElementRef", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<span\n  *ngIf=\"svgContent; else imageElement\"\n  class=\"sdui-image-svg\"\n  [edmSduiView]=\"uiComponent.element\"\n  [innerHTML]=\"svgContent\"\n></span>\n<ng-template #imageElement>\n  <img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n</ng-template>\n", styles: [":host{display:contents}.sdui-image-svg{display:inline-block;line-height:0}.sdui-image-svg svg{display:block;width:100%;height:100%}\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 = function ImageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ImageComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i1$2.DomSanitizer)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ImageComponent, selectors: [["edm-sdui-image"]], viewQuery: function ImageComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$a, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.imgElementRef = _t.first);
+        } }, standalone: false, decls: 3, vars: 2, consts: [["imageElement", ""], ["imgElement", ""], ["class", "sdui-image-svg", 3, "edmSduiView", "innerHTML", 4, "ngIf", "ngIfElse"], [1, "sdui-image-svg", 3, "edmSduiView", "innerHTML"], [3, "edmSduiView", 4, "ngIf"], [3, "edmSduiView"]], template: function ImageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ImageComponent_span_0_Template, 1, 2, "span", 2)(1, ImageComponent_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            const imageElement_r2 = i0.ɵɵreference(2);
+            i0.ɵɵproperty("ngIf", ctx.svgContent)("ngIfElse", imageElement_r2);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.sdui-image-svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.sdui-image-svg[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{display:block;width:100%;height:100%}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ImageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-image', standalone: false, template: "<span\n  *ngIf=\"svgContent; else imageElement\"\n  class=\"sdui-image-svg\"\n  [edmSduiView]=\"uiComponent.element\"\n  [innerHTML]=\"svgContent\"\n></span>\n<ng-template #imageElement>\n  <img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n</ng-template>\n", styles: [":host{display:contents}.sdui-image-svg{display:inline-block;line-height:0}.sdui-image-svg svg{display:block;width:100%;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: i1$2.DomSanitizer }], propDecorators: { imgElementRef: [{
-                type: ViewChild,
-                args: ['imgElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-image', standalone: false, template: "<span\n  *ngIf=\"svgContent; else imageElement\"\n  class=\"sdui-image-svg\"\n  [edmSduiView]=\"uiComponent.element\"\n  [innerHTML]=\"svgContent\"\n></span>\n<ng-template #imageElement>\n  <img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n</ng-template>\n", styles: [":host{display:contents}.sdui-image-svg{display:inline-block;line-height:0}.sdui-image-svg svg{display:block;width:100%;height:100%}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: i1$2.DomSanitizer }], { imgElementRef: [{
+            type: ViewChild,
+            args: ['imgElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ImageComponent, { className: "ImageComponent", filePath: "lib/components/uicomponent/image/image.component.ts", lineNumber: 23 }); })();
 
 var image_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ImageComponent: ImageComponent
 });
 
+function SduiComponent_edm_sdui_uiscreen_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-uiscreen");
+} }
 class SduiComponent {
     constructor(route, viewModel) {
         this.route = route;
@@ -3215,22 +3670,31 @@ class SduiComponent {
         if (!hasValidParam &&
             this.initialUrl &&
             this.currentSduiUrl !== this.initialUrl) {
-            console.debug('[SduiComponent] carregando initialUrl:', this.initialUrl);
-            this.viewModel.loadUIScreen(this.initialUrl);
+            const urlToLoad = this.initialUrl;
+            console.debug('[SduiComponent] carregando initialUrl:', urlToLoad);
+            Promise.resolve().then(() => this.viewModel.loadUIScreen(urlToLoad));
         }
     }
     validateParam(paramValue) {
         return !!paramValue && paramValue.trim() !== '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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 = function SduiComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SduiComponent)(i0.ɵɵdirectiveInject(i1$3.ActivatedRoute), i0.ɵɵdirectiveInject(UIScreenViewModel)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SduiComponent, selectors: [["edm-sdui"]], inputs: { initialUrl: "initialUrl" }, standalone: false, decls: 2, vars: 1, consts: [[1, "sdui-container"], [4, "ngIf"]], template: function SduiComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, SduiComponent_edm_sdui_uiscreen_1_Template, 1, 0, "edm-sdui-uiscreen", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.currentSduiUrl);
+        } }, dependencies: [i1$1.NgIf, UIScreenComponent], styles: ["[_nghost-%COMP%]{display:contents}.sdui-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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$3.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
-                type: Input
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SduiComponent, [{
+        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"] }]
+    }], () => [{ type: i1$3.ActivatedRoute }, { type: UIScreenViewModel }], { initialUrl: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SduiComponent, { className: "SduiComponent", filePath: "lib/sdui.component.ts", lineNumber: 14 }); })();
 
 const defaultRoutes = [{ path: 'sdui', component: SduiComponent }];
 class SduiRoutingModule {
@@ -3243,18 +3707,31 @@ class SduiRoutingModule {
             providers: [],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, imports: [i1$3.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
+    static { this.ɵfac = function SduiRoutingModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SduiRoutingModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SduiRoutingModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(defaultRoutes)],
-                    exports: [RouterModule],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SduiRoutingModule, [{
+        type: NgModule,
+        args: [{
+                imports: [RouterModule.forChild(defaultRoutes)],
+                exports: [RouterModule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SduiRoutingModule, { imports: [i1$3.RouterModule], exports: [RouterModule] }); })();
 
+const _c0$9 = ["tagElement"];
+const _c1$3 = ["tagNameElement"];
+function TagComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3, 0)(2, "span", 4, 1);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate((ctx_r0.uiComponent.element == null ? null : ctx_r0.uiComponent.element.label) ?? "");
+} }
 class TagComponent {
     constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
@@ -3287,22 +3764,33 @@ class TagComponent {
         }
         this.renderer.setStyle(this.tagElementRef.nativeElement, 'height', sizeMappingHeight[UISize.ASSET_8]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TagComponent, isStandalone: false, selector: "edm-sdui-tag", 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;display:flex;align-items:center}\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 = function TagComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TagComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagComponent, selectors: [["edm-sdui-tag"]], viewQuery: function TagComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$9, 5)(_c1$3, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagNameElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["tagElement", ""], ["tagNameElement", ""], ["class", "tag", 3, "edmSduiView", 4, "ngIf"], [1, "tag", 3, "edmSduiView"], [1, "tag-name"]], template: function TagComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TagComponent_div_0_Template, 5, 2, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.tag[_ngcontent-%COMP%]{padding:4px 8px;display:flex;align-items:center}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-tag', 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;display:flex;align-items:center}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { tagElementRef: [{
-                type: ViewChild,
-                args: ['tagElement']
-            }], tagNameElementRef: [{
-                type: ViewChild,
-                args: ['tagNameElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-tag', 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;display:flex;align-items:center}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], { tagElementRef: [{
+            type: ViewChild,
+            args: ['tagElement']
+        }], tagNameElementRef: [{
+            type: ViewChild,
+            args: ['tagNameElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagComponent, { className: "TagComponent", filePath: "lib/components/uicomponent/tag/tag.component.ts", lineNumber: 16 }); })();
 
 var tag_component$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3399,14 +3887,29 @@ class ScrollSpyService {
         }
         return found;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollSpyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollSpyService, providedIn: 'root' }); }
+    static { this.ɵfac = function ScrollSpyService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ScrollSpyService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ScrollSpyService, factory: ScrollSpyService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollSpyService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollSpyService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
 
+const _c0$8 = ["tagElement"];
+const _c1$2 = ["tagNameElement"];
+function TagsRowTagComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3, 0);
+    i0.ɵɵlistener("click", function TagsRowTagComponent_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTagClick()); });
+    i0.ɵɵelementStart(2, "span", 4, 1);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate((ctx_r1.uiComponent.element == null ? null : ctx_r1.uiComponent.element.label) ?? "");
+} }
 class TagsRowTagComponent {
     static { this.scrollSpyInitialized = false; }
     static { this.scrollSpy$ = null; }
@@ -3661,28 +4164,52 @@ class TagsRowTagComponent {
             TagsRowTagComponent.scrollSpyContainer = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagsRowTagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }, { token: ScrollSpyService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TagsRowTagComponent, isStandalone: false, selector: "edm-sdui-tags-row-tag", viewQueries: [{ propertyName: "tagElementRef", first: true, predicate: ["tagElement"], descendants: true }, { propertyName: "tagNameElementRef", first: true, predicate: ["tagNameElement"], descendants: true }], ngImport: i0, template: "<div class=\"row-tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" (click)=\"onTagClick()\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>\n", styles: [":host{display:contents}.row-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--tag-explorer-aux);cursor:pointer;font-size:16px;flex-shrink:0}.row-tag:hover{background-color:var(--bt-tag-explorer-on)}.row-tag--selected{border-color:var(--tag-explorer-highlight);background-color:var(--bt-tag-explorer-on);background-origin:border-box}.tag-name{font-weight:600;color:var(--font-bt-tag-explorer-on);font-size:15px;line-height:17.25px}\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 = function TagsRowTagComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TagsRowTagComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService), i0.ɵɵdirectiveInject(ScrollSpyService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagsRowTagComponent, selectors: [["edm-sdui-tags-row-tag"]], viewQuery: function TagsRowTagComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$8, 5)(_c1$2, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagNameElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["tagElement", ""], ["tagNameElement", ""], ["class", "row-tag", 3, "edmSduiView", "click", 4, "ngIf"], [1, "row-tag", 3, "click", "edmSduiView"], [1, "tag-name"]], template: function TagsRowTagComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TagsRowTagComponent_div_0_Template, 5, 2, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.row-tag[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--tag-explorer-aux);cursor:pointer;font-size:16px;flex-shrink:0}.row-tag[_ngcontent-%COMP%]:hover{background-color:var(--bt-tag-explorer-on)}.row-tag--selected[_ngcontent-%COMP%]{border-color:var(--tag-explorer-highlight);background-color:var(--bt-tag-explorer-on);background-origin:border-box}.tag-name[_ngcontent-%COMP%]{font-weight:600;color:var(--font-bt-tag-explorer-on);font-size:15px;line-height:17.25px}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagsRowTagComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-tags-row-tag', template: "<div class=\"row-tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" (click)=\"onTagClick()\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>\n", styles: [":host{display:contents}.row-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--tag-explorer-aux);cursor:pointer;font-size:16px;flex-shrink:0}.row-tag:hover{background-color:var(--bt-tag-explorer-on)}.row-tag--selected{border-color:var(--tag-explorer-highlight);background-color:var(--bt-tag-explorer-on);background-origin:border-box}.tag-name{font-weight:600;color:var(--font-bt-tag-explorer-on);font-size:15px;line-height:17.25px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }, { type: ScrollSpyService }], propDecorators: { tagElementRef: [{
-                type: ViewChild,
-                args: ['tagElement']
-            }], tagNameElementRef: [{
-                type: ViewChild,
-                args: ['tagNameElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagsRowTagComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-tags-row-tag', template: "<div class=\"row-tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\" (click)=\"onTagClick()\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>\n", styles: [":host{display:contents}.row-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--tag-explorer-aux);cursor:pointer;font-size:16px;flex-shrink:0}.row-tag:hover{background-color:var(--bt-tag-explorer-on)}.row-tag--selected{border-color:var(--tag-explorer-highlight);background-color:var(--bt-tag-explorer-on);background-origin:border-box}.tag-name{font-weight:600;color:var(--font-bt-tag-explorer-on);font-size:15px;line-height:17.25px}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }, { type: ScrollSpyService }], { tagElementRef: [{
+            type: ViewChild,
+            args: ['tagElement']
+        }], tagNameElementRef: [{
+            type: ViewChild,
+            args: ['tagNameElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagsRowTagComponent, { className: "TagsRowTagComponent", filePath: "lib/components/uicomponent/tags-row/tag/tag.component.ts", lineNumber: 18 }); })();
 
 var tag_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     TagsRowTagComponent: TagsRowTagComponent
 });
 
+const _c0$7 = ["inputElement"];
+function SearchBarComponent_input_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 6, 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element)("disableClick", true);
+} }
+function SearchBarComponent_img_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "img", 7, 2);
+    i0.ɵɵlistener("click", function SearchBarComponent_img_3_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.inputElementRef == null ? null : ctx_r0.inputElementRef.nativeElement.value = ""); });
+    i0.ɵɵelementEnd();
+} }
 class SearchBarComponent {
     constructor(actionService, uiComponent, renderer, fontSizeMappingService) {
         this.actionService = actionService;
@@ -3762,25 +4289,46 @@ class SearchBarComponent {
             this.renderer.appendChild(document.head, styleEl);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchBarComponent, isStandalone: false, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<img\n  #icSearchElement\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  #btCloseElement\n  *ngIf=\"this.inputElementRef?.nativeElement?.value.trim()\"\n  (click)=\"this.inputElementRef?.nativeElement.value = ''\"\n  class=\"search-bar-close-icon\"\n  src=\"assets/images/bt-close-comment.svg\"\n\n>\n", styles: [".search-bar{width:100%;line-height:1.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 = function SearchBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchBarComponent)(i0.ɵɵdirectiveInject(UIActionService), i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchBarComponent, selectors: [["edm-sdui-search-bar"]], viewQuery: function SearchBarComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$7, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElementRef = _t.first);
+        } }, standalone: false, decls: 4, vars: 2, consts: [["icSearchElement", ""], ["inputElement", ""], ["btCloseElement", ""], ["src", "assets/images/ic-search.svg", 1, "search-bar-icon"], ["class", "search-bar", 3, "edmSduiView", "disableClick", 4, "ngIf"], ["class", "search-bar-close-icon", "src", "assets/images/bt-close-comment.svg", 3, "click", 4, "ngIf"], [1, "search-bar", 3, "edmSduiView", "disableClick"], ["src", "assets/images/bt-close-comment.svg", 1, "search-bar-close-icon", 3, "click"]], template: function SearchBarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "img", 3, 0);
+            i0.ɵɵtemplate(2, SearchBarComponent_input_2_Template, 2, 2, "input", 4)(3, SearchBarComponent_img_3_Template, 2, 0, "img", 5);
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.inputElementRef == null ? null : ctx.inputElementRef.nativeElement == null ? null : ctx.inputElementRef.nativeElement.value.trim());
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: [".search-bar[_ngcontent-%COMP%]{width:100%;line-height:1.5rem;background-color:var(--bg-search)}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<img\n  #icSearchElement\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  #btCloseElement\n  *ngIf=\"this.inputElementRef?.nativeElement?.value.trim()\"\n  (click)=\"this.inputElementRef?.nativeElement.value = ''\"\n  class=\"search-bar-close-icon\"\n  src=\"assets/images/bt-close-comment.svg\"\n\n>\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search)}\n"] }]
-        }], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
-                type: ViewChild,
-                args: ['inputElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchBarComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<img\n  #icSearchElement\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  #btCloseElement\n  *ngIf=\"this.inputElementRef?.nativeElement?.value.trim()\"\n  (click)=\"this.inputElementRef?.nativeElement.value = ''\"\n  class=\"search-bar-close-icon\"\n  src=\"assets/images/bt-close-comment.svg\"\n\n>\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search)}\n"] }]
+    }], () => [{ type: UIActionService }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], { inputElementRef: [{
+            type: ViewChild,
+            args: ['inputElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchBarComponent, { className: "SearchBarComponent", filePath: "lib/components/uicomponent/search-bar/search-bar.component.ts", lineNumber: 23 }); })();
 
 var searchBar_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SearchBarComponent: SearchBarComponent
 });
 
+const _c0$6 = ["inputElement"];
+function SearchBarDismissComponent_input_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 5, 0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element)("disableClick", true);
+} }
 class SearchBarDismissComponent {
     constructor(actionService, uiComponent, renderer, router, fontSizeMappingService) {
         this.actionService = actionService;
@@ -3895,19 +4443,35 @@ class SearchBarDismissComponent {
             this.router.navigate(['/']); // fallback
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarDismissComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1$3.Router }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchBarDismissComponent, isStandalone: false, selector: "edm-sdui-search-bar-dismiss", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex w-100\" (click)=\"clearInput()\">\n  <img\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  class=\"search-bar-close-icon cursor-pointer\"\n  src=\"assets/images/bt-close-comment.svg\"\n>\n</div>\n\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}\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 = function SearchBarDismissComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchBarDismissComponent)(i0.ɵɵdirectiveInject(UIActionService), i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i1$3.Router), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchBarDismissComponent, selectors: [["edm-sdui-search-bar-dismiss"]], viewQuery: function SearchBarDismissComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$6, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElementRef = _t.first);
+        } }, standalone: false, decls: 4, vars: 1, consts: [["inputElement", ""], [1, "flex", "w-100", 3, "click"], ["src", "assets/images/ic-search.svg", 1, "search-bar-icon"], ["class", "search-bar", 3, "edmSduiView", "disableClick", 4, "ngIf"], ["src", "assets/images/bt-close-comment.svg", 1, "search-bar-close-icon", "cursor-pointer"], [1, "search-bar", 3, "edmSduiView", "disableClick"]], template: function SearchBarDismissComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵlistener("click", function SearchBarDismissComponent_Template_div_click_0_listener() { return ctx.clearInput(); });
+            i0.ɵɵelement(1, "img", 2);
+            i0.ɵɵtemplate(2, SearchBarDismissComponent_input_2_Template, 2, 2, "input", 3);
+            i0.ɵɵelement(3, "img", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: [".search-bar[_ngcontent-%COMP%]{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarDismissComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-search-bar-dismiss', template: "<div class=\"flex w-100\" (click)=\"clearInput()\">\n  <img\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  class=\"search-bar-close-icon cursor-pointer\"\n  src=\"assets/images/bt-close-comment.svg\"\n>\n</div>\n\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
-                type: ViewChild,
-                args: ['inputElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchBarDismissComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-search-bar-dismiss', template: "<div class=\"flex w-100\" (click)=\"clearInput()\">\n  <img\n  class=\"search-bar-icon\"\n  src=\"assets/images/ic-search.svg\"\n>\n<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n<img\n  class=\"search-bar-close-icon cursor-pointer\"\n  src=\"assets/images/bt-close-comment.svg\"\n>\n</div>\n\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}\n"] }]
+    }], () => [{ type: UIActionService }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: FontSizeMappingService }], { inputElementRef: [{
+            type: ViewChild,
+            args: ['inputElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchBarDismissComponent, { className: "SearchBarDismissComponent", filePath: "lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.ts", lineNumber: 25 }); })();
 
 var searchBarDismiss_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3957,13 +4521,13 @@ class SduiTranslationService {
             this.translations['pt']?.[context]?.[key] ??
             key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, providedIn: 'root' }); }
+    static { this.ɵfac = function SduiTranslationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SduiTranslationService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SduiTranslationService, factory: SduiTranslationService.ɵfac, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SduiTranslationService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();
 
 var UIContentType;
 (function (UIContentType) {
@@ -3976,6 +4540,27 @@ var UIContentType;
     UIContentType["HTML"] = "html";
 })(UIContentType || (UIContentType = {}));
 
+const _c0$5 = ["iconElementRef"];
+const _c1$1 = ["labelElementRef"];
+const _c2$1 = ["containerElementRef"];
+function MediaTypeComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 4, 2);
+} }
+function MediaTypeComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 5, 2);
+} }
+function MediaTypeComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 6, 2);
+} }
+function MediaTypeComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 7, 2);
+} }
+function MediaTypeComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 8, 2);
+} }
+function MediaTypeComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 8, 2);
+} }
 class MediaTypeComponent {
     constructor(uiComponent, renderer, translator, fontSizeMappingService) {
         this.uiComponent = uiComponent;
@@ -4013,25 +4598,59 @@ class MediaTypeComponent {
         const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
         this.renderer.setStyle(labelEl, 'line-height', lineHeight);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: SduiTranslationService }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MediaTypeComponent, isStandalone: false, selector: "edm-sdui-media-type", viewQueries: [{ propertyName: "iconElementRef", first: true, predicate: ["iconElementRef"], descendants: true }, { propertyName: "labelElementRef", first: true, predicate: ["labelElementRef"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerElementRef"], descendants: true }], ngImport: i0, template: "<div #containerElementRef class=\"media-container\">\n  @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.HTML)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.FILE)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.POLL)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }); }
+    static { this.ɵfac = function MediaTypeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MediaTypeComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(SduiTranslationService), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MediaTypeComponent, selectors: [["edm-sdui-media-type"]], viewQuery: function MediaTypeComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$5, 5)(_c1$1, 5)(_c2$1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.iconElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerElementRef = _t.first);
+        } }, standalone: false, decls: 11, vars: 7, consts: [["containerElementRef", ""], ["labelElementRef", ""], ["iconElementRef", ""], [1, "media-container"], ["src", "/assets/images/ic-play-list.svg", 1, "icons-svg-list"], ["src", "/assets/images/ic-text-list.svg", 1, "icons-svg-list"], ["src", "/assets/images/ic-audio-list.svg", 1, "icons-svg-list"], ["src", "/assets/images/ic-file.svg", 1, "icons-svg-list"], ["src", "/assets/images/ic-quiz-list.svg", 1, "icons-svg-list"]], template: function MediaTypeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 3, 0);
+            i0.ɵɵconditionalCreate(2, MediaTypeComponent_Conditional_2_Template, 2, 0, "img", 4);
+            i0.ɵɵconditionalCreate(3, MediaTypeComponent_Conditional_3_Template, 2, 0, "img", 5);
+            i0.ɵɵconditionalCreate(4, MediaTypeComponent_Conditional_4_Template, 2, 0, "img", 6);
+            i0.ɵɵconditionalCreate(5, MediaTypeComponent_Conditional_5_Template, 2, 0, "img", 7);
+            i0.ɵɵconditionalCreate(6, MediaTypeComponent_Conditional_6_Template, 2, 0, "img", 8);
+            i0.ɵɵconditionalCreate(7, MediaTypeComponent_Conditional_7_Template, 2, 0, "img", 8);
+            i0.ɵɵelementStart(8, "span", null, 1);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.VIDEO ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.HTML ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.AUDIO ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.FILE ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.QUIZ ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.uiComponent.element == null ? null : ctx.uiComponent.element.contentType) === ctx.contetType.POLL ? 7 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.label);
+        } }, styles: ["[_nghost-%COMP%]{display:contents}.media-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n  @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.HTML)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.FILE)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.POLL)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: SduiTranslationService }, { type: FontSizeMappingService }], propDecorators: { iconElementRef: [{
-                type: ViewChild,
-                args: ['iconElementRef']
-            }], labelElementRef: [{
-                type: ViewChild,
-                args: ['labelElementRef']
-            }], containerElementRef: [{
-                type: ViewChild,
-                args: ['containerElementRef']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MediaTypeComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n  @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.HTML)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.FILE)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.POLL)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n  <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: SduiTranslationService }, { type: FontSizeMappingService }], { iconElementRef: [{
+            type: ViewChild,
+            args: ['iconElementRef']
+        }], labelElementRef: [{
+            type: ViewChild,
+            args: ['labelElementRef']
+        }], containerElementRef: [{
+            type: ViewChild,
+            args: ['containerElementRef']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MediaTypeComponent, { className: "MediaTypeComponent", filePath: "lib/components/uicomponent/media-type/media-type.component.ts", lineNumber: 22 }); })();
 
 var mediaType_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4055,24 +4674,55 @@ class PickerItemComponent {
         }
         this.selected.emit(this.label);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, deps: [{ token: 'uiComponent' }, { token: UIActionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerItemComponent, isStandalone: false, selector: "edm-sdui-picker-item", outputs: { selected: "selected" }, ngImport: i0, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n  {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = function PickerItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PickerItemComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(UIActionService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PickerItemComponent, selectors: [["edm-sdui-picker-item"]], outputs: { selected: "selected" }, standalone: false, decls: 2, vars: 1, consts: [[1, "picker-item", 3, "click"]], template: function PickerItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function PickerItemComponent_Template_button_click_0_listener() { return ctx.onClick(); });
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.label, "\n");
+        } }, styles: [".picker-item[_ngcontent-%COMP%]{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item[_ngcontent-%COMP%]:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}"], changeDetection: 0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-picker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n  {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: UIActionService }], propDecorators: { selected: [{
-                type: Output
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickerItemComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-picker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n  {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: UIActionService }], { selected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PickerItemComponent, { className: "PickerItemComponent", filePath: "lib/components/uicomponent/picker-item/picker-item.component.ts", lineNumber: 12 }); })();
 
 var pickerItem_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     PickerItemComponent: PickerItemComponent
 });
 
+function PickerComponent_ul_5_li_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickerComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li");
+    i0.ɵɵtemplate(1, PickerComponent_ul_5_li_1_ng_container_1_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r1.pickerItemComponent)("ngComponentOutletInjector", ctx_r1.createInjector(item_r1));
+} }
+function PickerComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul");
+    i0.ɵɵtemplate(1, PickerComponent_ul_5_li_1_Template, 2, 2, "li", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components)("ngForTrackBy", ctx_r1.trackByFn);
+} }
 class PickerComponent {
     constructor(uiComponent, injector, elementRef) {
         this.uiComponent = uiComponent;
@@ -4111,25 +4761,85 @@ class PickerComponent {
             this.open = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerComponent, isStandalone: false, selector: "edm-sdui-picker", host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"picker\">\n  <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n    {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n    </span></button>\n  <ul *ngIf=\"open\">\n    <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n    </li>\n  </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = function PickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PickerComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PickerComponent, selectors: [["edm-sdui-picker"]], hostBindings: function PickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function PickerComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
+        } }, standalone: false, decls: 6, vars: 3, consts: [[1, "picker"], [3, "click"], [1, "material-symbols-outlined"], [4, "ngIf"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [4, "ngComponentOutlet", "ngComponentOutletInjector"]], template: function PickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
+            i0.ɵɵlistener("click", function PickerComponent_Template_button_click_1_listener() { return ctx.open = !ctx.open; });
+            i0.ɵɵtext(2);
+            i0.ɵɵelementStart(3, "span", 2);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(5, PickerComponent_ul_5_Template, 2, 2, "ul", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1("", ctx.selectedLabel, " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.open ? "keyboard_arrow_up" : "keyboard_arrow_down", " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.open);
+        } }, dependencies: [i1$1.NgComponentOutlet, i1$1.NgForOf, i1$1.NgIf], styles: [".picker[_ngcontent-%COMP%]{position:relative;display:inline-block}.picker[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-left:8px}.picker[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{display:contents;padding:0}"], changeDetection: 0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picker\">\n  <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n    {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n    </span></button>\n  <ul *ngIf=\"open\">\n    <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n    </li>\n  </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickerComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'edm-sdui-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picker\">\n  <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n    {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n    </span></button>\n  <ul *ngIf=\"open\">\n    <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n    </li>\n  </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Injector }, { type: i0.ElementRef }], { onDocumentClick: [{
+            type: HostListener,
+            args: ['document:click', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PickerComponent, { className: "PickerComponent", filePath: "lib/components/uicomponent/picker/picker.component.ts", lineNumber: 12 }); })();
 
 var picker_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     PickerComponent: PickerComponent
 });
 
+const _c0$4 = ["scrollableRowElement"];
+function ScrollableRowComponent_div_0_edm_sdui_component_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 7);
+} if (rf & 2) {
+    const component_r3 = ctx.$implicit;
+    i0.ɵɵproperty("uiComponent", component_r3);
+} }
+function ScrollableRowComponent_div_0_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function ScrollableRowComponent_div_0_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.prev()); });
+    i0.ɵɵtext(1, " \u2190 ");
+    i0.ɵɵelementEnd();
+} }
+function ScrollableRowComponent_div_0_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function ScrollableRowComponent_div_0_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.next()); });
+    i0.ɵɵtext(1, " \u2192 ");
+    i0.ɵɵelementEnd();
+} }
+function ScrollableRowComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3, 0);
+    i0.ɵɵlistener("scroll", function ScrollableRowComponent_div_0_Template_div_scroll_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTrackScroll()); });
+    i0.ɵɵtemplate(3, ScrollableRowComponent_div_0_edm_sdui_component_3_Template, 1, 1, "edm-sdui-component", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, ScrollableRowComponent_div_0_button_4_Template, 2, 0, "button", 5)(5, ScrollableRowComponent_div_0_button_5_Template, 2, 0, "button", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("can-scroll", ctx_r1.canScroll)("track-scrolled", ctx_r1.canPrev)("track-at-end", ctx_r1.canScroll && !ctx_r1.canNext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.canScroll && ctx_r1.canPrev);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.canScroll && ctx_r1.canNext);
+} }
 class ScrollableRowComponent {
     constructor(uiComponent, renderer, zone) {
         this.uiComponent = uiComponent;
@@ -4242,25 +4952,52 @@ class ScrollableRowComponent {
             scrollContainer.scrollLeft = scrollLeft - walk;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableRowComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScrollableRowComponent, isStandalone: false, selector: "edm-sdui-scrollable-row", viewQueries: [{ propertyName: "scrollableRowElementRef", first: true, predicate: ["scrollableRowElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"scrollable-row-shell\"\n  [class.can-scroll]=\"canScroll\"\n  [class.track-scrolled]=\"canPrev\"\n  [class.track-at-end]=\"canScroll && !canNext\"\n  *ngIf=\"uiComponent\"\n>\n  <div\n    #scrollableRowElement\n    [edmSduiView]=\"uiComponent.element\"\n    class=\"scrollable-row\"\n    (scroll)=\"onTrackScroll()\"\n  >\n    <edm-sdui-component\n      *ngFor=\"let component of uiComponent.components\"\n      [uiComponent]=\"component\"\n    >\n    </edm-sdui-component>\n  </div>\n\n  <button\n    *ngIf=\"canScroll && canPrev\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--prev\"\n    (click)=\"prev()\"\n    aria-label=\"Anterior\"\n  >\n    &#8592;\n  </button>\n  <button\n    *ngIf=\"canScroll && canNext\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--next\"\n    (click)=\"next()\"\n    aria-label=\"Pr\u00F3ximo\"\n  >\n    &#8594;\n  </button>\n</div>\n", styles: [":host{display:contents}.scrollable-row-shell{position:relative;width:100%}.scrollable-row-shell:before,.scrollable-row-shell:after{content:\"\";position:absolute;top:0;bottom:0;width:clamp(1.5rem,4vw,2.625rem);pointer-events:none;z-index:4;opacity:0;transition:opacity .2s ease}.scrollable-row-shell:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell.can-scroll:after{opacity:1}.scrollable-row-shell.track-scrolled:before{opacity:1}.scrollable-row-shell.track-at-end:after{opacity:0}.scrollable-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer;scroll-behavior:smooth;scroll-padding-left:var(--sdui-content-inset-left, 0px);scroll-padding-right:var(--sdui-content-inset-right, 0px)}.scrollable-row::-webkit-scrollbar{display:none}.scrollable-row>*{flex-shrink:0}.scrollable-row-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.34);background:#070a10c7;color:#f4f6fb;font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .18s ease,background-color .2s ease,border-color .2s ease}.scrollable-row-nav:hover,.scrollable-row-nav:focus{background:#121622e6;border-color:#ffffff8a;outline:none}.scrollable-row-nav--prev{left:-.75rem}.scrollable-row-nav--next{right:-.75rem}:host-context(.rounded) .scrollable-row-nav{border-radius:3.75rem}:host-context(.square) .scrollable-row-nav{border-radius:10px}::ng-deep .column:has(.scrollable-row-shell){overflow:visible}@media (max-width: 767px){.scrollable-row-nav{display:none}}\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", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function ScrollableRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ScrollableRowComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.NgZone)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollableRowComponent, selectors: [["edm-sdui-scrollable-row"]], viewQuery: function ScrollableRowComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$4, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollableRowElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["scrollableRowElement", ""], ["class", "scrollable-row-shell", 3, "can-scroll", "track-scrolled", "track-at-end", 4, "ngIf"], [1, "scrollable-row-shell"], [1, "scrollable-row", 3, "scroll", "edmSduiView"], [3, "uiComponent", 4, "ngFor", "ngForOf"], ["type", "button", "class", "scrollable-row-nav scrollable-row-nav--prev", "aria-label", "Anterior", 3, "click", 4, "ngIf"], ["type", "button", "class", "scrollable-row-nav scrollable-row-nav--next", "aria-label", "Pr\u00F3ximo", 3, "click", 4, "ngIf"], [3, "uiComponent"], ["type", "button", "aria-label", "Anterior", 1, "scrollable-row-nav", "scrollable-row-nav--prev", 3, "click"], ["type", "button", "aria-label", "Pr\u00F3ximo", 1, "scrollable-row-nav", "scrollable-row-nav--next", 3, "click"]], template: function ScrollableRowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ScrollableRowComponent_div_0_Template, 6, 10, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, UIComponentComponent, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.scrollable-row-shell[_ngcontent-%COMP%]{position:relative;width:100%}.scrollable-row-shell[_ngcontent-%COMP%]:before, .scrollable-row-shell[_ngcontent-%COMP%]:after{content:\"\";position:absolute;top:0;bottom:0;width:clamp(1.5rem,4vw,2.625rem);pointer-events:none;z-index:4;opacity:0;transition:opacity .2s ease}.scrollable-row-shell[_ngcontent-%COMP%]:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell[_ngcontent-%COMP%]:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell.can-scroll[_ngcontent-%COMP%]:after{opacity:1}.scrollable-row-shell.track-scrolled[_ngcontent-%COMP%]:before{opacity:1}.scrollable-row-shell.track-at-end[_ngcontent-%COMP%]:after{opacity:0}.scrollable-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer;scroll-behavior:smooth;scroll-padding-left:var(--sdui-content-inset-left, 0px);scroll-padding-right:var(--sdui-content-inset-right, 0px)}.scrollable-row[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.scrollable-row[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex-shrink:0}.scrollable-row-nav[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.34);border-radius:9999px;background:#070a10c7;color:#f4f6fb;font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .18s ease,background-color .2s ease,border-color .2s ease}.scrollable-row-nav[_ngcontent-%COMP%]:hover, .scrollable-row-nav[_ngcontent-%COMP%]:focus{background:#121622e6;border-color:#ffffff8a;outline:none}.scrollable-row-nav--prev[_ngcontent-%COMP%]{left:-.75rem}.scrollable-row-nav--next[_ngcontent-%COMP%]{right:-.75rem}  .column:has(.scrollable-row-shell){overflow:visible}@media(max-width:767px){.scrollable-row-nav[_ngcontent-%COMP%]{display:none}}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-scrollable-row', standalone: false, template: "<div\n  class=\"scrollable-row-shell\"\n  [class.can-scroll]=\"canScroll\"\n  [class.track-scrolled]=\"canPrev\"\n  [class.track-at-end]=\"canScroll && !canNext\"\n  *ngIf=\"uiComponent\"\n>\n  <div\n    #scrollableRowElement\n    [edmSduiView]=\"uiComponent.element\"\n    class=\"scrollable-row\"\n    (scroll)=\"onTrackScroll()\"\n  >\n    <edm-sdui-component\n      *ngFor=\"let component of uiComponent.components\"\n      [uiComponent]=\"component\"\n    >\n    </edm-sdui-component>\n  </div>\n\n  <button\n    *ngIf=\"canScroll && canPrev\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--prev\"\n    (click)=\"prev()\"\n    aria-label=\"Anterior\"\n  >\n    &#8592;\n  </button>\n  <button\n    *ngIf=\"canScroll && canNext\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--next\"\n    (click)=\"next()\"\n    aria-label=\"Pr\u00F3ximo\"\n  >\n    &#8594;\n  </button>\n</div>\n", styles: [":host{display:contents}.scrollable-row-shell{position:relative;width:100%}.scrollable-row-shell:before,.scrollable-row-shell:after{content:\"\";position:absolute;top:0;bottom:0;width:clamp(1.5rem,4vw,2.625rem);pointer-events:none;z-index:4;opacity:0;transition:opacity .2s ease}.scrollable-row-shell:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell.can-scroll:after{opacity:1}.scrollable-row-shell.track-scrolled:before{opacity:1}.scrollable-row-shell.track-at-end:after{opacity:0}.scrollable-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer;scroll-behavior:smooth;scroll-padding-left:var(--sdui-content-inset-left, 0px);scroll-padding-right:var(--sdui-content-inset-right, 0px)}.scrollable-row::-webkit-scrollbar{display:none}.scrollable-row>*{flex-shrink:0}.scrollable-row-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.34);background:#070a10c7;color:#f4f6fb;font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .18s ease,background-color .2s ease,border-color .2s ease}.scrollable-row-nav:hover,.scrollable-row-nav:focus{background:#121622e6;border-color:#ffffff8a;outline:none}.scrollable-row-nav--prev{left:-.75rem}.scrollable-row-nav--next{right:-.75rem}:host-context(.rounded) .scrollable-row-nav{border-radius:3.75rem}:host-context(.square) .scrollable-row-nav{border-radius:10px}::ng-deep .column:has(.scrollable-row-shell){overflow:visible}@media (max-width: 767px){.scrollable-row-nav{display:none}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { scrollableRowElementRef: [{
-                type: ViewChild,
-                args: ['scrollableRowElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollableRowComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-scrollable-row', standalone: false, template: "<div\n  class=\"scrollable-row-shell\"\n  [class.can-scroll]=\"canScroll\"\n  [class.track-scrolled]=\"canPrev\"\n  [class.track-at-end]=\"canScroll && !canNext\"\n  *ngIf=\"uiComponent\"\n>\n  <div\n    #scrollableRowElement\n    [edmSduiView]=\"uiComponent.element\"\n    class=\"scrollable-row\"\n    (scroll)=\"onTrackScroll()\"\n  >\n    <edm-sdui-component\n      *ngFor=\"let component of uiComponent.components\"\n      [uiComponent]=\"component\"\n    >\n    </edm-sdui-component>\n  </div>\n\n  <button\n    *ngIf=\"canScroll && canPrev\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--prev\"\n    (click)=\"prev()\"\n    aria-label=\"Anterior\"\n  >\n    &#8592;\n  </button>\n  <button\n    *ngIf=\"canScroll && canNext\"\n    type=\"button\"\n    class=\"scrollable-row-nav scrollable-row-nav--next\"\n    (click)=\"next()\"\n    aria-label=\"Pr\u00F3ximo\"\n  >\n    &#8594;\n  </button>\n</div>\n", styles: [":host{display:contents}.scrollable-row-shell{position:relative;width:100%}.scrollable-row-shell:before,.scrollable-row-shell:after{content:\"\";position:absolute;top:0;bottom:0;width:clamp(1.5rem,4vw,2.625rem);pointer-events:none;z-index:4;opacity:0;transition:opacity .2s ease}.scrollable-row-shell:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.scrollable-row-shell.can-scroll:after{opacity:1}.scrollable-row-shell.track-scrolled:before{opacity:1}.scrollable-row-shell.track-at-end:after{opacity:0}.scrollable-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer;scroll-behavior:smooth;scroll-padding-left:var(--sdui-content-inset-left, 0px);scroll-padding-right:var(--sdui-content-inset-right, 0px)}.scrollable-row::-webkit-scrollbar{display:none}.scrollable-row>*{flex-shrink:0}.scrollable-row-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.34);border-radius:9999px;background:#070a10c7;color:#f4f6fb;font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:opacity .18s ease,background-color .2s ease,border-color .2s ease}.scrollable-row-nav:hover,.scrollable-row-nav:focus{background:#121622e6;border-color:#ffffff8a;outline:none}.scrollable-row-nav--prev{left:-.75rem}.scrollable-row-nav--next{right:-.75rem}::ng-deep .column:has(.scrollable-row-shell){overflow:visible}@media(max-width:767px){.scrollable-row-nav{display:none}}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: i0.NgZone }], { scrollableRowElementRef: [{
+            type: ViewChild,
+            args: ['scrollableRowElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ScrollableRowComponent, { className: "ScrollableRowComponent", filePath: "lib/components/uicomponent/scrollable-row/scrollable-row.component.ts", lineNumber: 21 }); })();
 
 var scrollableRow_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ScrollableRowComponent: ScrollableRowComponent
 });
 
+const _c0$3 = ["scrollableColumnElement"];
+function ScrollableColumnComponent_div_0_edm_sdui_component_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "edm-sdui-component", 4);
+} if (rf & 2) {
+    const component_r1 = ctx.$implicit;
+    i0.ɵɵproperty("uiComponent", component_r1);
+} }
+function ScrollableColumnComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2, 0);
+    i0.ɵɵtemplate(2, ScrollableColumnComponent_div_0_edm_sdui_component_2_Template, 1, 1, "edm-sdui-component", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r1.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.uiComponent.components);
+} }
 class ScrollableColumnComponent {
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
@@ -4275,25 +5012,58 @@ class ScrollableColumnComponent {
     }
     applyElement(element) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableColumnComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScrollableColumnComponent, isStandalone: false, selector: "edm-sdui-scrollable-column", viewQueries: [{ propertyName: "scrollableColumnElementRef", first: true, predicate: ["scrollableColumnElement"], descendants: true }], ngImport: i0, template: "<div\n  #scrollableColumnElement\n  [edmSduiView]=\"uiComponent.element\"\n  class=\"scrollable-column\"\n  *ngIf=\"uiComponent\"\n>\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}.scrollable-column{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-top:var(--sdui-content-inset-top, 0px);scroll-padding-bottom:var(--sdui-content-inset-bottom, 0px)}.scrollable-column::-webkit-scrollbar{display:none}.scrollable-column>*{flex-shrink:0}\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", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function ScrollableColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ScrollableColumnComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollableColumnComponent, selectors: [["edm-sdui-scrollable-column"]], viewQuery: function ScrollableColumnComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$3, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollableColumnElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["scrollableColumnElement", ""], ["class", "scrollable-column", 3, "edmSduiView", 4, "ngIf"], [1, "scrollable-column", 3, "edmSduiView"], [3, "uiComponent", 4, "ngFor", "ngForOf"], [3, "uiComponent"]], template: function ScrollableColumnComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ScrollableColumnComponent_div_0_Template, 3, 2, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, UIComponentComponent, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.scrollable-column[_ngcontent-%COMP%]{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-top:var(--sdui-content-inset-top, 0px);scroll-padding-bottom:var(--sdui-content-inset-bottom, 0px)}.scrollable-column[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.scrollable-column[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex-shrink:0}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-scrollable-column', standalone: false, template: "<div\n  #scrollableColumnElement\n  [edmSduiView]=\"uiComponent.element\"\n  class=\"scrollable-column\"\n  *ngIf=\"uiComponent\"\n>\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}.scrollable-column{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-top:var(--sdui-content-inset-top, 0px);scroll-padding-bottom:var(--sdui-content-inset-bottom, 0px)}.scrollable-column::-webkit-scrollbar{display:none}.scrollable-column>*{flex-shrink:0}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }], propDecorators: { scrollableColumnElementRef: [{
-                type: ViewChild,
-                args: ['scrollableColumnElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollableColumnComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-scrollable-column', standalone: false, template: "<div\n  #scrollableColumnElement\n  [edmSduiView]=\"uiComponent.element\"\n  class=\"scrollable-column\"\n  *ngIf=\"uiComponent\"\n>\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}.scrollable-column{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-top:var(--sdui-content-inset-top, 0px);scroll-padding-bottom:var(--sdui-content-inset-bottom, 0px)}.scrollable-column::-webkit-scrollbar{display:none}.scrollable-column>*{flex-shrink:0}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }], { scrollableColumnElementRef: [{
+            type: ViewChild,
+            args: ['scrollableColumnElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ScrollableColumnComponent, { className: "ScrollableColumnComponent", filePath: "lib/components/uicomponent/scrollable-column/scrollable-column.component.ts", lineNumber: 23 }); })();
 
 var scrollableColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ScrollableColumnComponent: ScrollableColumnComponent
 });
 
+const _c0$2 = ["profileButtonElement"];
+const _c1 = ["profileButtonLabelElement"];
+const _c2 = ["profileButtonImageElement"];
+function ProfileButtonComponent_button_0_img_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 7, 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("src", ctx_r0.getAssetPath(ctx_r0.uiComponent.element.asset), i0.ɵɵsanitizeUrl);
+} }
+function ProfileButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 4, 0);
+    i0.ɵɵtemplate(2, ProfileButtonComponent_button_0_img_2_Template, 2, 1, "img", 5);
+    i0.ɵɵelementStart(3, "span", 6, 1);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.uiComponent.element.asset);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.uiComponent.element.label);
+} }
 class ProfileButtonComponent {
     constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
@@ -4379,31 +5149,52 @@ class ProfileButtonComponent {
     getAssetPath(asset) {
         return assetMapping[asset];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProfileButtonComponent, isStandalone: false, selector: "edm-sdui-profile-button", viewQueries: [{ propertyName: "profileButtonElementRef", first: true, predicate: ["profileButtonElement"], descendants: true }, { propertyName: "profileButtonLabelElementRef", first: true, predicate: ["profileButtonLabelElement"], descendants: true }, { propertyName: "profileButtonImageElementRef", first: true, predicate: ["profileButtonImageElement"], descendants: true }], ngImport: i0, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n  <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n  <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button .profile-label.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}\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 = function ProfileButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileButtonComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FontSizeMappingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileButtonComponent, selectors: [["edm-sdui-profile-button"]], viewQuery: function ProfileButtonComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$2, 5)(_c1, 5)(_c2, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileButtonElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileButtonLabelElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileButtonImageElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["profileButtonElement", ""], ["profileButtonLabelElement", ""], ["profileButtonImageElement", ""], ["class", "profile-button", 3, "edmSduiView", 4, "ngIf"], [1, "profile-button", 3, "edmSduiView"], ["alt", "Profile", "class", "profile-image", 3, "src", 4, "ngIf"], [1, "profile-label"], ["alt", "Profile", 1, "profile-image", 3, "src"]], template: function ProfileButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ProfileButtonComponent_button_0_Template, 6, 3, "button", 3);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.profile-button[_ngcontent-%COMP%]{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button[_ngcontent-%COMP%]:hover{background-color:#0000000d;cursor:pointer}.profile-button[_ngcontent-%COMP%]   .profile-image[_ngcontent-%COMP%]{width:24px;height:24px}.profile-button[_ngcontent-%COMP%]   .profile-label[_ngcontent-%COMP%]{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button[_ngcontent-%COMP%]   .profile-label.truncate[_ngcontent-%COMP%]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-profile-button', standalone: false, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n  <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n  <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button .profile-label.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { profileButtonElementRef: [{
-                type: ViewChild,
-                args: ['profileButtonElement']
-            }], profileButtonLabelElementRef: [{
-                type: ViewChild,
-                args: ['profileButtonLabelElement']
-            }], profileButtonImageElementRef: [{
-                type: ViewChild,
-                args: ['profileButtonImageElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-profile-button', standalone: false, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n  <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n  <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button .profile-label.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], { profileButtonElementRef: [{
+            type: ViewChild,
+            args: ['profileButtonElement']
+        }], profileButtonLabelElementRef: [{
+            type: ViewChild,
+            args: ['profileButtonLabelElement']
+        }], profileButtonImageElementRef: [{
+            type: ViewChild,
+            args: ['profileButtonImageElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileButtonComponent, { className: "ProfileButtonComponent", filePath: "lib/components/uicomponent/profile-button/profile-button.component.ts", lineNumber: 25 }); })();
 
 var profileButton_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ProfileButtonComponent: ProfileButtonComponent
 });
 
+const _c0$1 = ["progressFillElement"];
+function ProgressBarComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "div", 3, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("edmSduiView", ctx_r0.uiComponent.element);
+} }
 class ProgressBarComponent {
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
@@ -4427,25 +5218,62 @@ class ProgressBarComponent {
             this.renderer.setStyle(this.progressFillElementRef.nativeElement, 'background-color', color);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProgressBarComponent, isStandalone: false, selector: "edm-sdui-progress-bar", viewQueries: [{ propertyName: "progressFillElementRef", first: true, predicate: ["progressFillElement"], descendants: true }], ngImport: i0, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n  <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\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 = function ProgressBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProgressBarComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProgressBarComponent, selectors: [["edm-sdui-progress-bar"]], viewQuery: function ProgressBarComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.progressFillElementRef = _t.first);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["progressFillElement", ""], ["class", "progress-bar-container", 3, "edmSduiView", 4, "ngIf"], [1, "progress-bar-container", 3, "edmSduiView"], [1, "progress-bar-fill"]], template: function ProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ProgressBarComponent_div_0_Template, 3, 1, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:contents}.progress-bar-container[_ngcontent-%COMP%]{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container[_ngcontent-%COMP%]   .progress-bar-fill[_ngcontent-%COMP%]{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container[_ngcontent-%COMP%]   .progress-bar-label[_ngcontent-%COMP%]{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-progress-bar', standalone: false, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n  <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }], propDecorators: { progressFillElementRef: [{
-                type: ViewChild,
-                args: ['progressFillElement']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressBarComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-progress-bar', standalone: false, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n  <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Renderer2 }], { progressFillElementRef: [{
+            type: ViewChild,
+            args: ['progressFillElement']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressBarComponent, { className: "ProgressBarComponent", filePath: "lib/components/uicomponent/progress-bar/progress-bar.component.ts", lineNumber: 23 }); })();
 
 var progressBar_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ProgressBarComponent: ProgressBarComponent
 });
 
+const _c0 = ["tagsRowElement"];
+function TagsRowComponent_div_0_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TagsRowComponent_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TagsRowComponent_div_0_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const tag_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r2.tagComponent)("ngComponentOutletInjector", ctx_r2.createInjector(tag_r1, i_r2));
+} }
+function TagsRowComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2, 0);
+    i0.ɵɵtemplate(2, TagsRowComponent_div_0_ng_container_2_Template, 2, 2, "ng-container", 3);
+    i0.ɵɵelement(3, "span", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("tags-row-fixed", ctx_r2.isFixed);
+    i0.ɵɵproperty("edmSduiView", ctx_r2.uiComponent.element);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.tags)("ngForTrackBy", ctx_r2.trackByLabel);
+} }
 class TagsRowComponent {
     constructor(uiComponent, injector, hostRef, cdr, renderer) {
         this.uiComponent = uiComponent;
@@ -4592,31 +5420,46 @@ class TagsRowComponent {
         const height = el.getBoundingClientRect().height;
         this.hostRef.nativeElement.style.setProperty('--tags-row-bottom', `${value + height}px`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagsRowComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TagsRowComponent, isStandalone: false, selector: "edm-sdui-tags-row", host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "class.tags-row--fixed": "this.isFixed", "class.tags-row--can-fix": "this.canFix", "style.min-height.px": "this.hostMinHeight" } }, viewQueries: [{ propertyName: "tagsRowRef", first: true, predicate: ["tagsRowElement"], descendants: true }], ngImport: i0, template: "<div class=\"tags-row\" #tagsRowElement [class.tags-row-fixed]=\"isFixed\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let tag of tags; let i = index; trackBy: trackByLabel\">\n    <ng-container\n      *ngComponentOutlet=\"tagComponent; injector: createInjector(tag, i)\"\n    ></ng-container>\n  </ng-container>\n  <span class=\"tags-row-spacer\" aria-hidden=\"true\"></span>\n</div>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;margin-top:var(--sdui-header-margin-top, 12px)}.tags-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);background-color:inherit;justify-content:flex-start;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--sdui-tags-row-padding-x, 16px);scroll-padding-right:var(--sdui-tags-row-padding-x, 16px);scrollbar-width:none;padding-bottom:8px!important}:host .tags-row>*{flex:0 0 auto}.tags-row-spacer{flex:0 0 var(--sdui-tags-row-padding-x, 16px);min-width:var(--sdui-tags-row-padding-x, 16px);height:1px;pointer-events:none}:host.tags-row--fixed{box-sizing:border-box}:host.tags-row--fixed .tags-row{position:fixed;top:var(--sdui-tags-row-top, 78px);left:var(--sdui-tags-row-left, 32px);right:0;z-index:120;transition:top .16s ease;will-change:top;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}@media (max-width: 565px){:host.tags-row--fixed .tags-row{left:var(--sdui-tags-row-left-mobile, 0);top:var(--sdui-tags-row-top-mobile, var(--sdui-tags-row-top, 78px));padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}}:host.tags-row--can-fix:before{content:\"\";position:fixed;top:0;left:0;right:0;height:var(--tags-row-bottom, 120px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background-color:color-mix(in srgb,var(--bg) 60%,transparent);pointer-events:none;z-index:119}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { 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: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = function TagsRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TagsRowComponent)(i0.ɵɵdirectiveInject('uiComponent'), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagsRowComponent, selectors: [["edm-sdui-tags-row"]], viewQuery: function TagsRowComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagsRowRef = _t.first);
+        } }, hostVars: 6, hostBindings: function TagsRowComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("scroll", function TagsRowComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("min-height", ctx.hostMinHeight, "px");
+            i0.ɵɵclassProp("tags-row--fixed", ctx.isFixed)("tags-row--can-fix", ctx.canFix);
+        } }, standalone: false, decls: 1, vars: 1, consts: [["tagsRowElement", ""], ["class", "tags-row", 3, "tags-row-fixed", "edmSduiView", 4, "ngIf"], [1, "tags-row", 3, "edmSduiView"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["aria-hidden", "true", 1, "tags-row-spacer"], [4, "ngComponentOutlet", "ngComponentOutletInjector"]], template: function TagsRowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TagsRowComponent_div_0_Template, 4, 5, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.uiComponent);
+        } }, dependencies: [i1$1.NgComponentOutlet, i1$1.NgForOf, i1$1.NgIf, UIViewDirective], styles: ["[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;margin-top:var(--sdui-header-margin-top, 12px)}.tags-row[_ngcontent-%COMP%]{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);background-color:inherit;justify-content:flex-start;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--sdui-tags-row-padding-x, 16px);scroll-padding-right:var(--sdui-tags-row-padding-x, 16px);scrollbar-width:none;padding-bottom:8px!important}[_nghost-%COMP%]   .tags-row[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:0 0 auto}.tags-row-spacer[_ngcontent-%COMP%]{flex:0 0 var(--sdui-tags-row-padding-x, 16px);min-width:var(--sdui-tags-row-padding-x, 16px);height:1px;pointer-events:none}.tags-row--fixed[_nghost-%COMP%]{box-sizing:border-box}.tags-row--fixed[_nghost-%COMP%]   .tags-row[_ngcontent-%COMP%]{position:fixed;top:var(--sdui-tags-row-top, 78px);left:var(--sdui-tags-row-left, 32px);right:0;z-index:120;transition:top .16s ease;will-change:top;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}@media(max-width:565px){.tags-row--fixed[_nghost-%COMP%]   .tags-row[_ngcontent-%COMP%]{left:var(--sdui-tags-row-left-mobile, 0);top:var(--sdui-tags-row-top-mobile, var(--sdui-tags-row-top, 78px));padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}}.tags-row--can-fix[_nghost-%COMP%]:before{content:\"\";position:fixed;top:0;left:0;right:0;height:var(--tags-row-bottom, 120px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background-color:color-mix(in srgb,var(--bg) 60%,transparent);pointer-events:none;z-index:119}"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagsRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'edm-sdui-tags-row', standalone: false, template: "<div class=\"tags-row\" #tagsRowElement [class.tags-row-fixed]=\"isFixed\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let tag of tags; let i = index; trackBy: trackByLabel\">\n    <ng-container\n      *ngComponentOutlet=\"tagComponent; injector: createInjector(tag, i)\"\n    ></ng-container>\n  </ng-container>\n  <span class=\"tags-row-spacer\" aria-hidden=\"true\"></span>\n</div>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;margin-top:var(--sdui-header-margin-top, 12px)}.tags-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);background-color:inherit;justify-content:flex-start;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--sdui-tags-row-padding-x, 16px);scroll-padding-right:var(--sdui-tags-row-padding-x, 16px);scrollbar-width:none;padding-bottom:8px!important}:host .tags-row>*{flex:0 0 auto}.tags-row-spacer{flex:0 0 var(--sdui-tags-row-padding-x, 16px);min-width:var(--sdui-tags-row-padding-x, 16px);height:1px;pointer-events:none}:host.tags-row--fixed{box-sizing:border-box}:host.tags-row--fixed .tags-row{position:fixed;top:var(--sdui-tags-row-top, 78px);left:var(--sdui-tags-row-left, 32px);right:0;z-index:120;transition:top .16s ease;will-change:top;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}@media (max-width: 565px){:host.tags-row--fixed .tags-row{left:var(--sdui-tags-row-left-mobile, 0);top:var(--sdui-tags-row-top-mobile, var(--sdui-tags-row-top, 78px));padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}}:host.tags-row--can-fix:before{content:\"\";position:fixed;top:0;left:0;right:0;height:var(--tags-row-bottom, 120px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background-color:color-mix(in srgb,var(--bg) 60%,transparent);pointer-events:none;z-index:119}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['uiComponent']
-                }] }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { isFixed: [{
-                type: HostBinding,
-                args: ['class.tags-row--fixed']
-            }], canFix: [{
-                type: HostBinding,
-                args: ['class.tags-row--can-fix']
-            }], hostMinHeight: [{
-                type: HostBinding,
-                args: ['style.min-height.px']
-            }], tagsRowRef: [{
-                type: ViewChild,
-                args: ['tagsRowElement']
-            }], onWindowScroll: [{
-                type: HostListener,
-                args: ['window:scroll']
-            }] } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagsRowComponent, [{
+        type: Component,
+        args: [{ selector: 'edm-sdui-tags-row', standalone: false, template: "<div class=\"tags-row\" #tagsRowElement [class.tags-row-fixed]=\"isFixed\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <ng-container *ngFor=\"let tag of tags; let i = index; trackBy: trackByLabel\">\n    <ng-container\n      *ngComponentOutlet=\"tagComponent; injector: createInjector(tag, i)\"\n    ></ng-container>\n  </ng-container>\n  <span class=\"tags-row-spacer\" aria-hidden=\"true\"></span>\n</div>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;margin-top:var(--sdui-header-margin-top, 12px)}.tags-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);background-color:inherit;justify-content:flex-start;box-sizing:border-box;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--sdui-tags-row-padding-x, 16px);scroll-padding-right:var(--sdui-tags-row-padding-x, 16px);scrollbar-width:none;padding-bottom:8px!important}:host .tags-row>*{flex:0 0 auto}.tags-row-spacer{flex:0 0 var(--sdui-tags-row-padding-x, 16px);min-width:var(--sdui-tags-row-padding-x, 16px);height:1px;pointer-events:none}:host.tags-row--fixed{box-sizing:border-box}:host.tags-row--fixed .tags-row{position:fixed;top:var(--sdui-tags-row-top, 78px);left:var(--sdui-tags-row-left, 32px);right:0;z-index:120;transition:top .16s ease;will-change:top;padding:6px 0;padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}@media(max-width:565px){:host.tags-row--fixed .tags-row{left:var(--sdui-tags-row-left-mobile, 0);top:var(--sdui-tags-row-top-mobile, var(--sdui-tags-row-top, 78px));padding-left:var(--sdui-tags-row-padding-x, 16px);padding-right:var(--sdui-tags-row-padding-x, 32px)}}:host.tags-row--can-fix:before{content:\"\";position:fixed;top:0;left:0;right:0;height:var(--tags-row-bottom, 120px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background-color:color-mix(in srgb,var(--bg) 60%,transparent);pointer-events:none;z-index:119}\n"] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: ['uiComponent']
+            }] }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], { isFixed: [{
+            type: HostBinding,
+            args: ['class.tags-row--fixed']
+        }], canFix: [{
+            type: HostBinding,
+            args: ['class.tags-row--can-fix']
+        }], hostMinHeight: [{
+            type: HostBinding,
+            args: ['style.min-height.px']
+        }], tagsRowRef: [{
+            type: ViewChild,
+            args: ['tagsRowElement']
+        }], onWindowScroll: [{
+            type: HostListener,
+            args: ['window:scroll']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagsRowComponent, { className: "TagsRowComponent", filePath: "lib/components/uicomponent/tags-row/tags-row.component.ts", lineNumber: 25 }); })();
 
 var tagsRow_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4642,90 +5485,91 @@ class SduiModule {
     static forRouting(config) {
         return SduiRoutingModule.forChild(config?.routePath);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, declarations: [
-            // UIComposite
-            UIScreenComponent,
-            UINavigationComponent,
-            FabComponent,
-            // Layout
-            SingleColumnLayoutComponent,
-            CenteredContentLayoutComponent,
-            // UIComponents
-            UIComponentComponent,
-            RowComponent,
-            RowDivisorComponent,
-            ColumnComponent,
-            ZStackComponent,
-            LabelComponent,
-            SpaceComponent,
-            ButtonComponent,
-            ImageComponent,
-            TagComponent,
-            TagsRowTagComponent,
-            TagsRowComponent,
-            SearchBarComponent,
-            SearchBarDismissComponent,
-            MediaTypeComponent,
-            PickerComponent,
-            PickerItemComponent,
-            ScrollableRowComponent,
-            ScrollableColumnComponent,
-            ProfileButtonComponent,
-            ProgressBarComponent,
-            // diretivas
-            UIViewDirective,
-            // navegação
-            NavigationControlsComponent,
-            // componente base da lib
-            SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, imports: [CommonModule, RouterModule] }); }
+    static { this.ɵfac = function SduiModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SduiModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SduiModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        // UIComposite
-                        UIScreenComponent,
-                        UINavigationComponent,
-                        FabComponent,
-                        // Layout
-                        SingleColumnLayoutComponent,
-                        CenteredContentLayoutComponent,
-                        // UIComponents
-                        UIComponentComponent,
-                        RowComponent,
-                        RowDivisorComponent,
-                        ColumnComponent,
-                        ZStackComponent,
-                        LabelComponent,
-                        SpaceComponent,
-                        ButtonComponent,
-                        ImageComponent,
-                        TagComponent,
-                        TagsRowTagComponent,
-                        TagsRowComponent,
-                        SearchBarComponent,
-                        SearchBarDismissComponent,
-                        MediaTypeComponent,
-                        PickerComponent,
-                        PickerItemComponent,
-                        ScrollableRowComponent,
-                        ScrollableColumnComponent,
-                        ProfileButtonComponent,
-                        ProgressBarComponent,
-                        // diretivas
-                        UIViewDirective,
-                        // navegação
-                        NavigationControlsComponent,
-                        // componente base da lib
-                        SduiComponent,
-                    ],
-                    imports: [CommonModule, RouterModule],
-                    exports: [SduiComponent],
-                    providers: [],
-                }]
-        }] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SduiModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    // UIComposite
+                    UIScreenComponent,
+                    UINavigationComponent,
+                    FabComponent,
+                    // Layout
+                    SingleColumnLayoutComponent,
+                    CenteredContentLayoutComponent,
+                    // UIComponents
+                    UIComponentComponent,
+                    RowComponent,
+                    RowDivisorComponent,
+                    ColumnComponent,
+                    ZStackComponent,
+                    LabelComponent,
+                    SpaceComponent,
+                    ButtonComponent,
+                    ImageComponent,
+                    TagComponent,
+                    TagsRowTagComponent,
+                    TagsRowComponent,
+                    SearchBarComponent,
+                    SearchBarDismissComponent,
+                    MediaTypeComponent,
+                    PickerComponent,
+                    PickerItemComponent,
+                    ScrollableRowComponent,
+                    ScrollableColumnComponent,
+                    ProfileButtonComponent,
+                    ProgressBarComponent,
+                    // diretivas
+                    UIViewDirective,
+                    // navegação
+                    NavigationControlsComponent,
+                    // componente base da lib
+                    SduiComponent,
+                ],
+                imports: [CommonModule, RouterModule],
+                exports: [SduiComponent],
+                providers: [],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SduiModule, { declarations: [
+        // UIComposite
+        UIScreenComponent,
+        UINavigationComponent,
+        FabComponent,
+        // Layout
+        SingleColumnLayoutComponent,
+        CenteredContentLayoutComponent,
+        // UIComponents
+        UIComponentComponent,
+        RowComponent,
+        RowDivisorComponent,
+        ColumnComponent,
+        ZStackComponent,
+        LabelComponent,
+        SpaceComponent,
+        ButtonComponent,
+        ImageComponent,
+        TagComponent,
+        TagsRowTagComponent,
+        TagsRowComponent,
+        SearchBarComponent,
+        SearchBarDismissComponent,
+        MediaTypeComponent,
+        PickerComponent,
+        PickerItemComponent,
+        ScrollableRowComponent,
+        ScrollableColumnComponent,
+        ProfileButtonComponent,
+        ProgressBarComponent,
+        // diretivas
+        UIViewDirective,
+        // navegação
+        NavigationControlsComponent,
+        // componente base da lib
+        SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); })();
 
 /*
  * Public API Surface of sdui