@edm-sdui/sdui 1.0.15 → 1.0.17

package/fesm2022/edm-sdui-sdui.mjs

@@ -1,12 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, Directive, HostListener, inject, ViewChild, NgModule, EventEmitter, ChangeDetectionStrategy, Output } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, EventEmitter, Output, Directive, HostListener, inject, ViewChild, NgModule, ChangeDetectionStrategy } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$2 from '@angular/router';
+import * as i1$3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { map, BehaviorSubject, finalize, catchError, of } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { tap } from 'rxjs/operators';
+import * as i1$2 from '@angular/platform-browser';
 
 var UIScreenIdentifier;
 (function (UIScreenIdentifier) {
@@ -401,11 +402,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class UINavigationComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav-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 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UINavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"] }]
+            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 h2{text-align:center}\n"] }]
         }], propDecorators: { uiNavigation: [{
                 type: Input
             }] } });
@@ -945,10 +946,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class ModalComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.title = '';
+        this.closed = new EventEmitter();
+    }
+    get safeUrl() {
+        return this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
+    }
+    close() {
+        this.closed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\" (click)=\"close()\">\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-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}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-modal', standalone: true, template: "<div class=\"edm-modal-backdrop\" (click)=\"close()\">\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-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}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { url: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+class ModalService {
+    constructor(injector, appRef, cfr) {
+        this.injector = injector;
+        this.appRef = appRef;
+        this.cfr = cfr;
+    }
+    open(url, title = '') {
+        const factory = this.cfr.resolveComponentFactory(ModalComponent);
+        const componentRef = factory.create(this.injector);
+        componentRef.instance.url = url;
+        componentRef.instance.title = title;
+        componentRef.instance.closed.subscribe(() => {
+            this.appRef.detachView(componentRef.hostView);
+            componentRef.destroy();
+        });
+        this.appRef.attachView(componentRef.hostView);
+        const domElem = componentRef.hostView.rootNodes[0];
+        document.body.appendChild(domElem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }] });
+
 class UIActionService {
-    constructor(router, actionHandlers) {
+    constructor(router, actionHandlers, modalService) {
         this.router = router;
         this.actionHandlers = actionHandlers;
+        this.modalService = modalService;
     }
     execute(action) {
         if (!action || !action.type)
@@ -986,6 +1041,12 @@ class UIActionService {
                 if (action.url) {
                     window.open(action.url, '_blank');
                 }
+                break;
+            case UIActionType.WEBVIEW_URL:
+                if (action.url) {
+                    const modal = this.modalService.open(action.url);
+                }
+                break;
             // Outros tipos de ação podem ser adicionados aqui
         }
     }
@@ -1056,13 +1117,13 @@ class UIActionService {
         }
         return false; // nenhum dos casos especiais foi tratado
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, deps: [{ token: i1$2.Router }, { token: UIActionHandlersService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, deps: [{ token: i1$3.Router }, { token: UIActionHandlersService }, { token: ModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: UIActionHandlersService }] });
+        }], ctorParameters: () => [{ type: i1$3.Router }, { type: UIActionHandlersService }, { type: ModalService }] });
 
 class UIViewDirective {
     constructor(elementRef, renderer, router, actionService, screenViewModel) {
@@ -1169,37 +1230,22 @@ class UIViewDirective {
         }
     }
     applyRadius(uiRadius) {
-        let circle = false;
         if (uiRadius.topLeft) {
             const radius = radiusMapping[uiRadius.topLeft];
-            if (uiRadius.topLeft === UIRadiusLevel.R50) {
-                circle = true;
-            }
             this.renderer.setStyle(this.elementRef.nativeElement, 'border-top-left-radius', radius);
         }
         if (uiRadius.topRight) {
             const radius = radiusMapping[uiRadius.topRight];
-            if (uiRadius.topRight === UIRadiusLevel.R50) {
-                circle = true;
-            }
             this.renderer.setStyle(this.elementRef.nativeElement, 'border-top-right-radius', radius);
         }
         if (uiRadius.bottomLeft) {
             const radius = radiusMapping[uiRadius.bottomLeft];
-            if (uiRadius.bottomLeft === UIRadiusLevel.R50) {
-                circle = true;
-            }
             this.renderer.setStyle(this.elementRef.nativeElement, 'border-bottom-left-radius', radius);
         }
         if (uiRadius.bottomRight) {
             const radius = radiusMapping[uiRadius.bottomRight];
-            if (uiRadius.bottomRight === UIRadiusLevel.R50) {
-                circle = true;
-            }
             this.renderer.setStyle(this.elementRef.nativeElement, 'border-bottom-right-radius', radius);
         }
-        if (!circle)
-            this.renderer.setStyle(this.elementRef.nativeElement, 'overflow', 'hidden');
     }
     applySpacing(uiSpacing) {
         if (uiSpacing.spacing) {
@@ -1246,7 +1292,7 @@ class UIViewDirective {
             this.actionService.execute(this.edmSduiView.action);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$2.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: UIViewDirective, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIViewDirective, decorators: [{
@@ -1255,7 +1301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[edmSduiView]',
                     standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$2.Router }, { type: UIActionService }, { type: UIScreenViewModel, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: UIActionService }, { type: UIScreenViewModel, decorators: [{
                     type: Optional
                 }] }], propDecorators: { edmSduiView: [{
                 type: Input
@@ -1331,11 +1377,11 @@ class ColumnComponent {
         // console.debug('column.uiComponent: ', this.uiComponent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnComponent, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnComponent, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column}\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"] }]
+            args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
@@ -2386,6 +2432,17 @@ const sizeMappingWidth = {
     [UISize.ASSET_8]: '24px',
 };
 
+var UIAspectType;
+(function (UIAspectType) {
+    UIAspectType["FILL"] = "fill";
+    UIAspectType["FIT"] = "fit";
+})(UIAspectType || (UIAspectType = {}));
+
+const aspectMapping = {
+    [UIAspectType.FILL]: 'cover',
+    [UIAspectType.FIT]: 'contain',
+};
+
 class ImageComponent {
     constructor(uiComponent, renderer) {
         this.uiComponent = uiComponent;
@@ -2410,12 +2467,9 @@ class ImageComponent {
             const width = sizeMappingWidth[element.size];
             this.renderer.setStyle(this.imgElementRef.nativeElement, 'height', height);
             this.renderer.setStyle(this.imgElementRef.nativeElement, 'width', width);
-            if (element.size === UISize.THUMB_2) {
-                this.renderer.setStyle(this.imgElementRef.nativeElement, 'object-fit', 'contain');
-            }
         }
         if (element.aspect) {
-            this.renderer.setStyle(this.imgElementRef.nativeElement, 'object-fit', element.aspect);
+            this.renderer.setStyle(this.imgElementRef.nativeElement, 'object-fit', aspectMapping[element.aspect]);
         }
         if (element.aspectRatio) {
             this.renderer.setStyle(this.imgElementRef.nativeElement, 'aspect-ratio', element.aspectRatio);
@@ -2473,13 +2527,13 @@ class SduiComponent {
     validateParam(paramValue) {
         return !!paramValue && paramValue.trim() !== '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: SduiComponent, selector: "edm-sdui", inputs: { initialUrl: "initialUrl" }, ngImport: i0, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIScreenComponent, selector: "edm-sdui-uiscreen" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui', standalone: false, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
+        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
                 type: Input
             }] } });
 
@@ -2495,7 +2549,7 @@ class SduiRoutingModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, imports: [i1$3.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiRoutingModule, decorators: [{
@@ -2772,7 +2826,7 @@ class SearchBarDismissComponent {
             this.router.navigate(['/']); // fallback
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarDismissComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1$2.Router }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: SearchBarDismissComponent, 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarDismissComponent, decorators: [{
@@ -2781,7 +2835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }, { type: i1$2.Router }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
+                }] }, { type: i0.Renderer2 }, { type: i1$3.Router }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
                 type: ViewChild,
                 args: ['inputElement']
             }] } });