@edm-sdui/sdui 1.0.5 → 1.0.7

package/fesm2022/edm-sdui-sdui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, Directive, HostListener, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, Directive, HostListener, inject, ViewChild, NgModule, EventEmitter, Output } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$2 from '@angular/router';
@@ -43,6 +43,7 @@ var UIComponentType;
 })(UIComponentType || (UIComponentType = {}));
 
 const SDUI_BASE_URL = new InjectionToken('SDUI_BASE_URL');
+const SDUI_FONT_ADJUST = new InjectionToken('SDUI_FONT_ADJUST');
 
 function resolveSduiUrl(rawUrl, baseUrl = '') {
     let finalUrl = rawUrl;
@@ -55,15 +56,14 @@ function resolveSduiUrl(rawUrl, baseUrl = '') {
         finalUrl = decodeURIComponent(extractedUrl);
     }
     if (!finalUrl.startsWith('http')) {
-        if (baseUrl.endsWith('/') && finalUrl.startsWith('/')) {
-            finalUrl = baseUrl + finalUrl.substring(1); // remove uma barra
-        }
-        else if (!baseUrl.endsWith('/') && !finalUrl.startsWith('/')) {
-            finalUrl = `${baseUrl}/${finalUrl}`; // adiciona barra
-        }
-        else {
-            finalUrl = `${baseUrl}${finalUrl}`; // um dos dois já tem barra
-        }
+        const cleanedBaseUrl = baseUrl.replace(/\/+$/, '');
+        const cleanedFinalUrl = finalUrl.replace(/^\/+/, '');
+        finalUrl = `${cleanedBaseUrl}/${cleanedFinalUrl}`;
+        console.debug('baseUrl:', baseUrl);
+        console.debug('finalUrl:', finalUrl);
+        console.debug('cleanedBaseUrl:', cleanedBaseUrl);
+        console.debug('cleanedFinalUrl:', cleanedFinalUrl);
+        console.debug('finalUrl:', finalUrl);
     }
     return finalUrl;
 }
@@ -270,6 +270,7 @@ class UIScreenViewModel {
             }
             else {
                 console.debug('[UIScreenViewModel] nova screen nula!');
+                this.errorSubject.next('Não foi possível carregar o conteúdo.');
             }
         });
     }
@@ -288,6 +289,10 @@ class UIScreenViewModel {
             this.updateCanGoBack();
             this.loadUIScreenInternal(previousUrl);
         }
+        else {
+            this.canGoBackSubject.next(true);
+            window.history.back();
+        }
     }
     /**
      * Verifica se é possível voltar
@@ -320,14 +325,14 @@ const componentMapping = {
     [UIComponentType.VIDEO_PLAYER_HLS]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
     [UIComponentType.VIDEO_PLAYER_WEB]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
     // componentes visuais media
-    [UIComponentType.MEDIA_TYPE]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
+    [UIComponentType.MEDIA_TYPE]: () => Promise.resolve().then(function () { return mediaType_component; }).then((m) => m.MediaTypeComponent),
     [UIComponentType.MEDIA_CONTENT]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
     // search
     [UIComponentType.SEARCH_BAR]: () => Promise.resolve().then(function () { return searchBar_component; }).then((m) => m.SearchBarComponent),
-    [UIComponentType.SEARCH_BAR_DISMISS]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
+    [UIComponentType.SEARCH_BAR_DISMISS]: () => Promise.resolve().then(function () { return searchBarDismiss_component; }).then((m) => m.SearchBarDismissComponent),
     // picker
-    [UIComponentType.PICKER]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
-    [UIComponentType.PICKER_ITEM]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
+    [UIComponentType.PICKER]: () => Promise.resolve().then(function () { return picker_component; }).then((m) => m.PickerComponent),
+    [UIComponentType.PICKER_ITEM]: () => Promise.resolve().then(function () { return pickerItem_component; }).then((m) => m.PickerItemComponent),
     // tag
     [UIComponentType.TAG]: () => Promise.resolve().then(function () { return tag_component; }).then((m) => m.TagComponent),
 };
@@ -355,27 +360,32 @@ class UIComponentComponent {
             this.cdr.markForCheck();
         });
         this.componentInjector = Injector.create({
-            providers: [{ provide: 'uiComponent', useValue: current }],
+            providers: [
+                { provide: 'uiComponent', useValue: current },
+                { provide: 'translateLabel', useValue: this.translateLabel }
+            ],
             parent: this.injector,
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIComponentComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIComponentComponent, selector: "edm-sdui-component", inputs: { uiComponent: "uiComponent" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"componentToRender\">\n  <ng-container\n    *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n  ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIComponentComponent, 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"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIComponentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'edm-sdui-component', standalone: false, template: "<ng-container *ngIf=\"componentToRender\">\n  <ng-container\n    *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n  ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { uiComponent: [{
                 type: Input
+            }], translateLabel: [{
+                type: Input
             }] } });
 
 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\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+    static { this.ɵ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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UINavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"] }]
+            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"] }]
         }], propDecorators: { uiNavigation: [{
                 type: Input
             }] } });
@@ -387,11 +397,11 @@ class SingleColumnLayoutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width: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}\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-single-column-layout', standalone: false, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
+            args: [{ selector: 'edm-sdui-single-column-layout', standalone: false, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width: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}\n"] }]
         }], propDecorators: { uiLayout: [{
                 type: Input
             }] } });
@@ -403,7 +413,7 @@ class CenteredContentLayoutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
             type: Component,
@@ -443,7 +453,7 @@ var UIColor;
     UIColor["FONT_TAG"] = "font_tag";
     UIColor["FONT_LIVE"] = "font_live";
     UIColor["QUIZ_SELECT"] = "quiz_select";
-    UIColor["MAIN1"] = "main1";
+    UIColor["MAIN1"] = "main_1";
     UIColor["AUX"] = "aux";
     UIColor["VOTE_OFF"] = "vote_off";
     UIColor["BG_VOTE"] = "bg_vote";
@@ -471,7 +481,7 @@ var UIColor;
     UIColor["BG_SURVEY"] = "bg_survey";
     UIColor["BG_LIVE"] = "bg_live";
     UIColor["BG_VIEW_LIVE"] = "bg_view_live";
-    UIColor["MAIN2"] = "main2";
+    UIColor["MAIN2"] = "main_2";
     UIColor["BT_TAG_ON"] = "bt_tag_on";
     UIColor["TEXT_COLOR"] = "text_color";
     UIColor["TEXT_STORY"] = "text_story";
@@ -559,133 +569,133 @@ var UIColor;
 })(UIColor || (UIColor = {}));
 
 const colorMapping = {
-    [UIColor.ALERT]: '$alert',
-    [UIColor.BG_TAG]: '$bg-tag',
-    [UIColor.ACTINDCOLOR]: '$actindcolor',
-    [UIColor.TEXT_WEB]: '$text-web',
-    [UIColor.TEXT_RANKING_HIGHLIGHT]: '$text-ranking-highlight',
-    [UIColor.RANKING_HIGHLIGHT]: '$ranking-highlight',
-    [UIColor.TEXT_RANKING_MAIN]: '$text-ranking-main',
-    [UIColor.TEXT_RANKING_AUX]: '$text-ranking-aux',
-    [UIColor.BT_SELECT_ACTIVITY]: '$bt-select-activity',
-    [UIColor.FONT_BT]: '$font-bt',
-    [UIColor.FONT_BT_PRICE]: '$font-bt-price',
-    [UIColor.FONT_TAG]: '$font-tag',
-    [UIColor.FONT_LIVE]: '$font-live',
-    [UIColor.QUIZ_SELECT]: '$quiz-select',
-    [UIColor.MAIN1]: '$main-1',
-    [UIColor.AUX]: '$aux',
-    [UIColor.VOTE_OFF]: '$vote-off',
-    [UIColor.BG_VOTE]: '$bg-vote',
-    [UIColor.VOTE_ON]: '$vote-on',
-    [UIColor.STORY_OFF]: '$story-off',
-    [UIColor.STORY_ON]: '$story-on',
-    [UIColor.FONT_ACTIONS]: '$font-actions',
-    [UIColor.FONT_SEARCH_OFF]: '$font-search-off',
-    [UIColor.FONT_SEARCH_ON]: '$font-search-on',
-    [UIColor.SLIDER_OFF]: '$slider-off',
-    [UIColor.SLIDER_ON]: '$slider-on',
-    [UIColor.PROGRESS_VIEW_OFF]: '$progress-view-off',
-    [UIColor.PROGRESS_VIEW_RANKING_OFF]: '$progress-view-ranking-off',
-    [UIColor.PROGRESS_STORY_OFF]: '$progress-story-off',
-    [UIColor.PROGRESS_STORY_ON]: '$progress-story-on',
-    [UIColor.PROGRESS_VIEW_ON]: '$progress-view-on',
-    [UIColor.FONT_DISABLED]: '$font-disabled',
-    [UIColor.BT_TAB_OFF]: '$bt-tab-off',
-    [UIColor.BG]: '$bg',
-    [UIColor.FONT_BT_PROGRAM]: '$font-bt-program',
-    [UIColor.BG_RANKING]: '$bg-ranking',
-    [UIColor.BG_STORY]: '$bg-story',
-    [UIColor.BG_NEW_COMMENT]: '$bg-new-comment',
-    [UIColor.SHADOW]: '$shadow',
-    [UIColor.BG_SURVEY]: '$bg-survey',
-    [UIColor.BG_LIVE]: '$bg-live',
-    [UIColor.BG_VIEW_LIVE]: '$bg-view-live',
-    [UIColor.MAIN2]: '$main-2',
-    [UIColor.BT_TAG_ON]: '$bt-tag-on',
-    [UIColor.TEXT_COLOR]: '$text-color',
-    [UIColor.TEXT_STORY]: '$text-story',
-    [UIColor.BT_REGISTER]: '$bt-register',
-    [UIColor.BT_SHADOW_PROFILE]: '$bt-shadow-profile',
-    [UIColor.FONT_REGISTER]: '$font-register',
-    [UIColor.FONT_BT_MAIN]: '$font-bt-main',
-    [UIColor.FONT_BT_QUIZ]: '$font-bt-quiz',
-    [UIColor.FONT_BT_VIEW]: '$font-bt-view',
-    [UIColor.FONT_BT_TAG_OFF]: '$font-bt-tag-off',
-    [UIColor.FONT_BT_TAG_ON]: '$font-bt-tag-on',
-    [UIColor.ATTENTION_COLOR]: '$attention-color',
-    [UIColor.QUIZ_ERROR]: '$quiz-error',
-    [UIColor.BG_NAV]: '$bg-nav',
-    [UIColor.BT_OPEN_E_CLOSE]: '$bt-open-e-close',
-    [UIColor.IC_TYPE_CLASS]: '$ic-type-class',
-    [UIColor.IC_TYPE_LIVE]: '$ic-type-live',
-    [UIColor.IC_TYPE_DISABLED]: '$ic-type-disabled',
-    [UIColor.BT_DOWNLOAD]: '$bt-download',
-    [UIColor.BT_DISABLED]: '$bt-disabled',
-    [UIColor.BT_DISABLED_HOME]: '$bt-disabled-home',
-    [UIColor.BT_CHECK_OFF]: '$bt-check-off',
-    [UIColor.ACTIONS_OFF]: '$actions-off',
-    [UIColor.BT_PROGRAM]: '$bt-program',
-    [UIColor.PLAYER_CONTROLS]: '$player-controls',
-    [UIColor.RATING_OFF]: '$rating-off',
-    [UIColor.RATING_ON]: '$rating-on',
-    [UIColor.ACTIONS_ON]: '$actions-on',
-    [UIColor.TAG_VIP_HIGHLIGHT]: '$tag-vip-highlight',
-    [UIColor.BT_CHECK_ON]: '$bt-check-on',
-    [UIColor.BT_TAB_ON]: '$bt-tab-on',
-    [UIColor.BT_VIEW_DEG1]: '$bt-view-deg1',
-    [UIColor.LINE_DIVISER]: '$line-diviser',
-    [UIColor.BG_SEC]: '$bg-sec',
-    [UIColor.BG_SEARCH]: '$bg-search',
-    [UIColor.FONT_PRICE]: '$font-price',
-    [UIColor.BT_LIKE_ON]: '$bt-like-on',
-    [UIColor.BG_CARD]: '$bg-card',
-    [UIColor.BT_TAG_OFF]: '$bt-tag-off',
-    [UIColor.BT_TAG_VIP]: '$bt-tag-vip',
-    [UIColor.BT_PROFILE]: '$bt-profile',
-    [UIColor.BT_PRICE_DEG1]: '$bt-price-deg1',
-    [UIColor.BT_PRICE_DEG2]: '$bt-price-deg2',
-    [UIColor.BT_LIKE_OFF]: '$bt-like-off',
-    [UIColor.BT_LOCK]: '$bt-lock',
-    [UIColor.BT_TRASH]: '$bt-trash',
-    [UIColor.BG_COMMENT]: '$bg-comment',
-    [UIColor.BG_POST]: '$bg-post',
-    [UIColor.BT_HIGHLIGHT]: '$bt-highlight',
-    [UIColor.ATTENTION_BADGE]: '$attention-badge',
-    [UIColor.BT_BORDER_PROFILE]: '$bt-border-profile',
-    [UIColor.BT_MAIN_DEG1]: '$bt-main-deg1',
-    [UIColor.BT_MAIN_DEG2]: '$bt-main-deg2',
-    [UIColor.BT_VIEW_DEG2]: '$bt-view-deg2',
-    [UIColor.BG_MODULO]: '$bg-modulo',
-    [UIColor.BG_MODULO_RANKING]: '$bg-modulo-ranking',
-    [UIColor.QUIZ_RIGHT]: '$quiz-right',
-    [UIColor.BT_BANNER_MAIN]: '$bt-banner-main',
-    [UIColor.FONT_BT_BANNER]: '$font-bt-banner',
-    [UIColor.BT_BANNER]: '$bt-banner',
-    [UIColor.FONT_BT_BANNER_MAIN]: '$font-bt-banner-main',
-    [UIColor.BORDER_BANNER]: '$border-banner',
-    [UIColor.INPUT_ERROR]: '$input-error',
-    [UIColor.BT_BACK]: '$bt-back',
-    [UIColor.TEXT_COMMENT_SEC]: '$text-comment-sec',
-    [UIColor.BT_IA_DEG1]: '$bt-ia-deg1',
-    [UIColor.BT_IA_DEG2]: '$bt-ia-deg2',
-    [UIColor.NORMAL]: '$normal',
-    [UIColor.BG_CLIPS]: '$bg-clips',
-    [UIColor.FONT_CLIPS]: '$font-clips',
-    [UIColor.BG_MASK_0]: '$bg-mask-0',
-    [UIColor.BG_MASK_80]: '$bg-mask-80',
-    [UIColor.BG_MASK_20]: '$bg-mask-20',
-    [UIColor.TEXT_CHALLENGE_AUX]: '$text-challenge-aux',
-    [UIColor.TEXT_CHALLENGE_HIGHLIGHT]: '$text-challenge-highlight',
-    [UIColor.BG_CHALLENGE]: '$bg-challenge',
-    [UIColor.BG_MODULO_CHALLENGE]: '$bg-modulo-challenge',
-    [UIColor.CHALLENGE_HIGHLIGHT]: '$challenge-highlight',
-    [UIColor.BT_CHALLENGE]: '$bt-challenge',
-    [UIColor.FONT_BT_CHALLENGE]: '$font-bt-challenge',
-    [UIColor.CHALLENGE_OFF]: '$challenge-off',
-    [UIColor.TEXT_CHALLENGE_DISABLED]: '$text-challenge-disabled',
-    [UIColor.TEXT_CHALLENGE_MAIN]: '$text-challenge-main',
-    [UIColor.CHALLENGE_WAY]: '$challenge-way',
+    [UIColor.ALERT]: 'var(--alert)',
+    [UIColor.BG_TAG]: 'var(--bg-tag)',
+    [UIColor.ACTINDCOLOR]: 'var(--actindcolor)',
+    [UIColor.TEXT_WEB]: 'var(--text-web)',
+    [UIColor.TEXT_RANKING_HIGHLIGHT]: 'var(--text-ranking-highlight)',
+    [UIColor.RANKING_HIGHLIGHT]: 'var(--ranking-highlight)',
+    [UIColor.TEXT_RANKING_MAIN]: 'var(--text-ranking-main)',
+    [UIColor.TEXT_RANKING_AUX]: 'var(--text-ranking-aux)',
+    [UIColor.BT_SELECT_ACTIVITY]: 'var(--bt-select-activity)',
+    [UIColor.FONT_BT]: 'var(--font-bt)',
+    [UIColor.FONT_BT_PRICE]: 'var(--font-bt-price)',
+    [UIColor.FONT_TAG]: 'var(--font-tag)',
+    [UIColor.FONT_LIVE]: 'var(--font-live)',
+    [UIColor.QUIZ_SELECT]: 'var(--quiz-select)',
+    [UIColor.MAIN1]: 'var(--main-1)',
+    [UIColor.AUX]: 'var(--aux)',
+    [UIColor.VOTE_OFF]: 'var(--vote-off)',
+    [UIColor.BG_VOTE]: 'var(--bg-vote)',
+    [UIColor.VOTE_ON]: 'var(--vote-on)',
+    [UIColor.STORY_OFF]: 'var(--story-off)',
+    [UIColor.STORY_ON]: 'var(--story-on)',
+    [UIColor.FONT_ACTIONS]: 'var(--font-actions)',
+    [UIColor.FONT_SEARCH_OFF]: 'var(--font-search-off)',
+    [UIColor.FONT_SEARCH_ON]: 'var(--font-search-on)',
+    [UIColor.SLIDER_OFF]: 'var(--slider-off)',
+    [UIColor.SLIDER_ON]: 'var(--slider-on)',
+    [UIColor.PROGRESS_VIEW_OFF]: 'var(--progress-view-off)',
+    [UIColor.PROGRESS_VIEW_RANKING_OFF]: 'var(--progress-view-ranking-off)',
+    [UIColor.PROGRESS_STORY_OFF]: 'var(--progress-story-off)',
+    [UIColor.PROGRESS_STORY_ON]: 'var(--progress-story-on)',
+    [UIColor.PROGRESS_VIEW_ON]: 'var(--progress-view-on)',
+    [UIColor.FONT_DISABLED]: 'var(--font-disabled)',
+    [UIColor.BT_TAB_OFF]: 'var(--bt-tab-off)',
+    [UIColor.BG]: 'var(--bg)',
+    [UIColor.FONT_BT_PROGRAM]: 'var(--font-bt-program)',
+    [UIColor.BG_RANKING]: 'var(--bg-ranking)',
+    [UIColor.BG_STORY]: 'var(--bg-story)',
+    [UIColor.BG_NEW_COMMENT]: 'var(--bg-new-comment)',
+    [UIColor.SHADOW]: 'var(--shadow)',
+    [UIColor.BG_SURVEY]: 'var(--bg-survey)',
+    [UIColor.BG_LIVE]: 'var(--bg-live)',
+    [UIColor.BG_VIEW_LIVE]: 'var(--bg-view-live)',
+    [UIColor.MAIN2]: 'var(--main-2)',
+    [UIColor.BT_TAG_ON]: 'var(--bt-tag-on)',
+    [UIColor.TEXT_COLOR]: 'var(--text-color)',
+    [UIColor.TEXT_STORY]: 'var(--text-story)',
+    [UIColor.BT_REGISTER]: 'var(--bt-register)',
+    [UIColor.BT_SHADOW_PROFILE]: 'var(--bt-shadow-profile)',
+    [UIColor.FONT_REGISTER]: 'var(--font-register)',
+    [UIColor.FONT_BT_MAIN]: 'var(--font-bt-main)',
+    [UIColor.FONT_BT_QUIZ]: 'var(--font-bt-quiz)',
+    [UIColor.FONT_BT_VIEW]: 'var(--font-bt-view)',
+    [UIColor.FONT_BT_TAG_OFF]: 'var(--font-bt-tag-off)',
+    [UIColor.FONT_BT_TAG_ON]: 'var(--font-bt-tag-on)',
+    [UIColor.ATTENTION_COLOR]: 'var(--attention-color)',
+    [UIColor.QUIZ_ERROR]: 'var(--quiz-error)',
+    [UIColor.BG_NAV]: 'var(--bg-nav)',
+    [UIColor.BT_OPEN_E_CLOSE]: 'var(--bt-open-e-close)',
+    [UIColor.IC_TYPE_CLASS]: 'var(--ic-type-class)',
+    [UIColor.IC_TYPE_LIVE]: 'var(--ic-type-live)',
+    [UIColor.IC_TYPE_DISABLED]: 'var(--ic-type-disabled)',
+    [UIColor.BT_DOWNLOAD]: 'var(--bt-download)',
+    [UIColor.BT_DISABLED]: 'var(--bt-disabled)',
+    [UIColor.BT_DISABLED_HOME]: 'var(--bt-disabled-home)',
+    [UIColor.BT_CHECK_OFF]: 'var(--bt-check-off)',
+    [UIColor.ACTIONS_OFF]: 'var(--actions-off)',
+    [UIColor.BT_PROGRAM]: 'var(--bt-program)',
+    [UIColor.PLAYER_CONTROLS]: 'var(--player-controls)',
+    [UIColor.RATING_OFF]: 'var(--rating-off)',
+    [UIColor.RATING_ON]: 'var(--rating-on)',
+    [UIColor.ACTIONS_ON]: 'var(--actions-on)',
+    [UIColor.TAG_VIP_HIGHLIGHT]: 'var(--tag-vip-highlight)',
+    [UIColor.BT_CHECK_ON]: 'var(--bt-check-on)',
+    [UIColor.BT_TAB_ON]: 'var(--bt-tab-on)',
+    [UIColor.BT_VIEW_DEG1]: 'var(--bt-view-deg1)',
+    [UIColor.LINE_DIVISER]: 'var(--line-diviser)',
+    [UIColor.BG_SEC]: 'var(--bg-sec)',
+    [UIColor.BG_SEARCH]: 'var(--bg-search)',
+    [UIColor.FONT_PRICE]: 'var(--font-price)',
+    [UIColor.BT_LIKE_ON]: 'var(--bt-like-on)',
+    [UIColor.BG_CARD]: 'var(--bg-card)',
+    [UIColor.BT_TAG_OFF]: 'var(--bt-tag-off)',
+    [UIColor.BT_TAG_VIP]: 'var(--bt-tag-vip)',
+    [UIColor.BT_PROFILE]: 'var(--bt-profile)',
+    [UIColor.BT_PRICE_DEG1]: 'var(--bt-price-deg1)',
+    [UIColor.BT_PRICE_DEG2]: 'var(--bt-price-deg2)',
+    [UIColor.BT_LIKE_OFF]: 'var(--bt-like-off)',
+    [UIColor.BT_LOCK]: 'var(--bt-lock)',
+    [UIColor.BT_TRASH]: 'var(--bt-trash)',
+    [UIColor.BG_COMMENT]: 'var(--bg-comment)',
+    [UIColor.BG_POST]: 'var(--bg-post)',
+    [UIColor.BT_HIGHLIGHT]: 'var(--bt-highlight)',
+    [UIColor.ATTENTION_BADGE]: 'var(--attention-badge)',
+    [UIColor.BT_BORDER_PROFILE]: 'var(--bt-border-profile)',
+    [UIColor.BT_MAIN_DEG1]: 'var(--bt-main-deg1)',
+    [UIColor.BT_MAIN_DEG2]: 'var(--bt-main-deg2)',
+    [UIColor.BT_VIEW_DEG2]: 'var(--bt-view-deg2)',
+    [UIColor.BG_MODULO]: 'var(--bg-modulo)',
+    [UIColor.BG_MODULO_RANKING]: 'var(--bg-modulo-ranking)',
+    [UIColor.QUIZ_RIGHT]: 'var(--quiz-right)',
+    [UIColor.BT_BANNER_MAIN]: 'var(--bt-banner-main)',
+    [UIColor.FONT_BT_BANNER]: 'var(--font-bt-banner)',
+    [UIColor.BT_BANNER]: 'var(--bt-banner)',
+    [UIColor.FONT_BT_BANNER_MAIN]: 'var(--font-bt-banner-main)',
+    [UIColor.BORDER_BANNER]: 'var(--border-banner)',
+    [UIColor.INPUT_ERROR]: 'var(--input-error)',
+    [UIColor.BT_BACK]: 'var(--bt-back)',
+    [UIColor.TEXT_COMMENT_SEC]: 'var(--text-comment-sec)',
+    [UIColor.BT_IA_DEG1]: 'var(--bt-ia-deg1)',
+    [UIColor.BT_IA_DEG2]: 'var(--bt-ia-deg2)',
+    [UIColor.NORMAL]: 'var(--normal)',
+    [UIColor.BG_CLIPS]: 'var(--bg-clips)',
+    [UIColor.FONT_CLIPS]: 'var(--font-clips)',
+    [UIColor.BG_MASK_0]: 'var(--bg-mask-0)',
+    [UIColor.BG_MASK_80]: 'var(--bg-mask-80)',
+    [UIColor.BG_MASK_20]: 'var(--bg-mask-20)',
+    [UIColor.TEXT_CHALLENGE_AUX]: 'var(--text-challenge-aux)',
+    [UIColor.TEXT_CHALLENGE_HIGHLIGHT]: 'var(--text-challenge-highlight)',
+    [UIColor.BG_CHALLENGE]: 'var(--bg-challenge)',
+    [UIColor.BG_MODULO_CHALLENGE]: 'var(--bg-modulo-challenge)',
+    [UIColor.CHALLENGE_HIGHLIGHT]: 'var(--challenge-highlight)',
+    [UIColor.BT_CHALLENGE]: 'var(--bt-challenge)',
+    [UIColor.FONT_BT_CHALLENGE]: 'var(--font-bt-challenge)',
+    [UIColor.CHALLENGE_OFF]: 'var(--challenge-off)',
+    [UIColor.TEXT_CHALLENGE_DISABLED]: 'var(--text-challenge-disabled)',
+    [UIColor.TEXT_CHALLENGE_MAIN]: 'var(--text-challenge-main)',
+    [UIColor.CHALLENGE_WAY]: 'var(--challenge-way)',
 };
 
 var UIPaddingLevel;
@@ -764,8 +774,20 @@ class UIActionService {
     execute(action) {
         if (!action || !action.type)
             return;
+        console.log(action);
         switch (action.type) {
             case UIActionType.INTERNAL_URL:
+                if (action.url && isSduiUrl(action.url)) {
+                    const resolved = resolveSduiUrl(action.url);
+                    this.router.navigate([], {
+                        queryParams: { [SDUI_URL_PARAM]: resolved },
+                        queryParamsHandling: 'merge',
+                    });
+                }
+                else {
+                    this.handleCustomNavigation(action.url || '');
+                }
+                break;
             case UIActionType.RELOAD_INTERNAL_URL:
                 if (action.url) {
                     console.debug('[UIActionService] Navigating to:', action.url);
@@ -784,6 +806,37 @@ class UIActionService {
             // Outros tipos de ação podem ser adicionados aqui
         }
     }
+    handleCustomNavigation(url) {
+        if (url.includes('timeline/')) {
+            const broken = url.split('timeline/')[1];
+            this.router.navigate(['comunidade', 'postagem', broken], { queryParams: { from: 'sdui' } });
+            return true;
+        }
+        if (url.includes('live/')) {
+            const broken = url.split('live/')[1];
+            this.router.navigate(['comunidade', 'postagem', 'live', broken], { queryParams: { from: 'sdui' } });
+            return true;
+        }
+        if (url.includes('lesson/')) {
+            const lessonId = url.split('lesson/')[1];
+            const productId = url.includes('product/') ? url.split('product/')[1].split('/')[0] : null;
+            if (productId) {
+                this.router.navigate(['produtos', productId, 'aula', lessonId], { queryParams: { from: 'sdui' } });
+                return true;
+            }
+        }
+        if (url.includes('product/')) {
+            const productId = url.split('product/')[1];
+            this.router.navigate(['produtos', productId], { queryParams: { from: 'sdui' } });
+            return true;
+        }
+        if (url.includes('posts/')) {
+            const postId = url.split('posts/')[1];
+            this.router.navigate(['comunidade', 'postagem', postId], { queryParams: { from: 'sdui' } });
+            return true;
+        }
+        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 }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
 }
@@ -934,11 +987,11 @@ class NavigationControlsComponent {
         this.viewModel.goBack();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <span class=\"material-icons\">arrow_back</span>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"], dependencies: [{ kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <span class=\"material-icons\">arrow_back</span>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"] }]
+            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 }] });
 
 class UIScreenComponent {
@@ -947,11 +1000,11 @@ class UIScreenComponent {
         this.UIScreenIdentifier = UIScreenIdentifier;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIScreenComponent, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UIScreenComponent, 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      [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:100vw;min-height:100vh}.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UIScreenComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"] }]
+            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      [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:100vw;min-height:100vh}.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 }] });
 
 class RowComponent {
@@ -959,14 +1012,13 @@ class RowComponent {
         this.uiComponent = uiComponent;
     }
     ngOnInit() {
-        // console.debug('row.uiComponent: ', this.uiComponent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowComponent, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RowComponent, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$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: RowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"] }]
+            args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
@@ -985,7 +1037,7 @@ 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"] }, { 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;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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
@@ -1015,24 +1067,68 @@ var UITextStyle;
     UITextStyle["FOOTNOTE"] = "footnote";
 })(UITextStyle || (UITextStyle = {}));
 
-const textStyleMappingFontSize = {
-    [UITextStyle.BODY]: '16px',
-    [UITextStyle.LARGE_TITLE]: '35px',
-    [UITextStyle.TITLE_1]: '21px',
-    [UITextStyle.TITLE_2]: '16px',
-    [UITextStyle.TITLE_3]: '16px',
-    [UITextStyle.CALLOUT]: '19px',
-    [UITextStyle.HEADLINE]: '18px',
-    [UITextStyle.SUBHEADLINE]: '16px',
-    [UITextStyle.CAPTION_1]: '14px',
-    [UITextStyle.CAPTION_2]: '13px',
-    [UITextStyle.FOOTNOTE]: '12px',
+class FontSizeMappingService {
+    constructor() {
+        this.baseFontSize = inject(SDUI_FONT_ADJUST, { optional: true }) ?? 0;
+        this.mapping = {
+            caption_2: `${12 + this.baseFontSize}px`,
+            caption_1: `${14 + this.baseFontSize}px`,
+            body: `${16 + this.baseFontSize}px`,
+            title_2: `${24 + this.baseFontSize}px`,
+            title_1: `${28 + this.baseFontSize}px`,
+            callout: `${28 + this.baseFontSize}px`,
+            headline: `${32 + this.baseFontSize}px`,
+            large_title: `${40 + this.baseFontSize}px`,
+            subheadline: `${24 + this.baseFontSize}px`,
+            footnote: `${16 + this.baseFontSize}px`,
+        };
+    }
+    getMapping() {
+        return this.mapping;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FontSizeMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FontSizeMappingService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FontSizeMappingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+function getTextStyleMappingFontSize() {
+    return inject(FontSizeMappingService).getMapping();
+}
+const textStyleMappingFontWeight = {
+    [UITextStyle.BODY]: 'regular',
+    [UITextStyle.LARGE_TITLE]: 'bold',
+    [UITextStyle.TITLE_1]: 'bold',
+    [UITextStyle.TITLE_2]: 'bold',
+    [UITextStyle.TITLE_3]: 'bold',
+    [UITextStyle.CALLOUT]: 'regular',
+    [UITextStyle.HEADLINE]: 'bold',
+    [UITextStyle.SUBHEADLINE]: 'bold',
+    [UITextStyle.CAPTION_1]: 'regular',
+    [UITextStyle.CAPTION_2]: 'regular',
+    [UITextStyle.FOOTNOTE]: 'regular',
+};
+const textStyleMappingLineHeight = {
+    [UITextStyle.BODY]: '24px',
+    [UITextStyle.LARGE_TITLE]: '37px',
+    [UITextStyle.TITLE_1]: '23px',
+    [UITextStyle.TITLE_2]: '23px',
+    [UITextStyle.TITLE_3]: '23px',
+    [UITextStyle.CALLOUT]: '22px',
+    [UITextStyle.HEADLINE]: '20px',
+    [UITextStyle.SUBHEADLINE]: '18px',
+    [UITextStyle.CAPTION_1]: '16px',
+    [UITextStyle.CAPTION_2]: '15px',
+    [UITextStyle.FOOTNOTE]: '13px',
 };
 
 class LabelComponent {
-    constructor(uiComponent, renderer) {
+    constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
+        this.fontSizeMappingService = fontSizeMappingService;
     }
     ngOnInit() {
         // console.debug('label.uiComponent: ', this.uiComponent);
@@ -1048,17 +1144,27 @@ class LabelComponent {
             this.renderer.setStyle(this.spanElementRef.nativeElement, 'color', color);
         }
         if (element.textStyle) {
+            const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
             const fontSize = textStyleMappingFontSize[element.textStyle];
+            const fontWeight = textStyleMappingFontWeight[element.textStyle];
+            //TODO: Substituir por classe no futuro.
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-weight', fontWeight);
             this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
         }
         const maxLines = element.maxLines ?? 1;
-        // TODO: - definir o maxLines do Span
+        if (element.maxLines) {
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'display', '-webkit-box');
+            this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-box-orient', 'vertical');
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'overflow', 'hidden');
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-overflow', 'ellipsis');
+            this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-line-clamp', maxLines);
+        }
         if (element.opacity) {
             const opacity = element.opacity;
             this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: LabelComponent, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n  uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
@@ -1067,7 +1173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }], propDecorators: { spanElementRef: [{
+                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { spanElementRef: [{
                 type: ViewChild,
                 args: ['spanElement']
             }] } });
@@ -1108,7 +1214,7 @@ class ZStackComponent {
         // console.debug('zstack.uiComponent: ', this.uiComponent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ZStackComponent, selector: "edm-sdui-zstack", ngImport: i0, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ZStackComponent, selector: "edm-sdui-zstack", ngImport: i0, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ZStackComponent, decorators: [{
             type: Component,
@@ -1502,363 +1608,364 @@ var UIAsset;
 })(UIAsset || (UIAsset = {}));
 
 const assetMapping = {
-    [UIAsset.BG_ASSINATURAS]: 'assets/bg-assinaturas.webp',
-    [UIAsset.BG_CHALLENGE_ACTIVITY_FINAL]: 'assets/bg-challenge-activity-final.webp',
-    [UIAsset.BG_LIGHT]: 'assets/bg-light.webp',
-    [UIAsset.BG_LOGIN]: 'assets/bg-login.webp',
-    [UIAsset.BG_POST]: 'assets/bg-post.webp',
-    [UIAsset.BG_QUIZ_FINAL]: 'assets/bg-quiz-final.webp',
-    [UIAsset.BG_RATING_PROGRAM]: 'assets/bg-rating-program.webp',
-    [UIAsset.BG_SPLASH]: 'assets/bg-splash.webp',
-    [UIAsset.BG_STORY]: 'assets/bg-story.webp',
-    [UIAsset.BG_SURVEY]: 'assets/bg-survey.webp',
-    [UIAsset.BT_ABOUT_ACTIONS_OFF]: 'assets/bt-about-actions-off.webp',
-    [UIAsset.BT_ANONYMOUS_COMMENT_OFF]: 'assets/bt-anonymous-comment-off.webp',
-    [UIAsset.BT_ANONYMOUS_COMMENT_ON]: 'assets/bt-anonymous-comment-on.webp',
-    [UIAsset.BT_BACK]: 'assets/bt-back.webp',
-    [UIAsset.BT_BACK_LIVE]: 'assets/bt-back-live.webp',
-    [UIAsset.BT_BACK_NEW]: 'assets/bt-back-new.webp',
-    [UIAsset.BT_BACK_PLAYER]: 'assets/bt-back-player.webp',
-    [UIAsset.BT_BACK_STORY]: 'assets/bt-back-story.webp',
-    [UIAsset.BT_CANCEL_LIST]: 'assets/bt-cancel-list.webp',
-    [UIAsset.BT_CAPTURE_PHOTO]: 'assets/bt-capture-photo.webp',
-    [UIAsset.BT_CAPTURE_VIDEO]: 'assets/bt-capture-video.webp',
-    [UIAsset.BT_CAPTURE_VIDEO_LINE]: 'assets/bt-capture-video-line.webp',
-    [UIAsset.BT_CERTIFICATION_ACTIONS_OFF]: 'assets/bt-certification-actions-off.webp',
-    [UIAsset.BT_CERTIFICATION_ACTIONS_ON]: 'assets/bt-certification-actions-on.webp',
-    [UIAsset.BT_CHECK_ACTION_OFF]: 'assets/bt-check-action-off.webp',
-    [UIAsset.BT_CHECK_ACTION_ON]: 'assets/bt-check-action-on.webp',
-    [UIAsset.BT_CHECK_FIX_OFF]: 'assets/bt-check-fix-off.webp',
-    [UIAsset.BT_CHECK_OFF]: 'assets/bt-check-off.webp',
-    [UIAsset.BT_CHECK_ON]: 'assets/bt-check-on.webp',
-    [UIAsset.BT_CHECK_TERMS_OFF]: 'assets/bt-check-terms-off.webp',
-    [UIAsset.BT_CHECK_TERMS_ON]: 'assets/bt-check-terms-on.webp',
-    [UIAsset.BT_CLIPS_TAB]: 'assets/bt-clips-tab.webp',
-    [UIAsset.BT_CLIPS_TAB_ON]: 'assets/bt-clips-tab-on.webp',
-    [UIAsset.BT_CLOSE]: 'assets/bt-close.webp',
-    [UIAsset.BT_CLOSE_COMMENT]: 'assets/bt-close-comment.webp',
-    [UIAsset.BT_CLOSE_FULL_IMAGE]: 'assets/bt-close-full-image.webp',
-    [UIAsset.BT_CLOSE_LIST]: 'assets/bt-close-list.webp',
-    [UIAsset.BT_CLOSE_LIVE]: 'assets/bt-close-live.webp',
-    [UIAsset.BT_CLOSE_RATING]: 'assets/bt-close-rating.webp',
-    [UIAsset.BT_CLOSE_SCREEN_PLAYER]: 'assets/bt-close-screen-player.webp',
-    [UIAsset.BT_CLOSE_STORY]: 'assets/bt-close-story.webp',
-    [UIAsset.BT_CLOSE_TAGS]: 'assets/bt-close-tags.webp',
-    [UIAsset.BT_COMMENT_OFF]: 'assets/bt-comment-off.webp',
-    [UIAsset.BT_COMMENT_ON]: 'assets/bt-comment-on.webp',
-    [UIAsset.BT_COMUNIDADE_TAB]: 'assets/bt-comunidade-tab.webp',
-    [UIAsset.BT_COMUNIDADE_TAB_ON]: 'assets/bt-comunidade-tab-on.webp',
-    [UIAsset.BT_CONFIG_NAVBAR]: 'assets/bt-config-navbar.webp',
-    [UIAsset.BT_CONFIG_PLAYER]: 'assets/bt-config-player.webp',
-    [UIAsset.BT_DELETE_STORY]: 'assets/bt-delete-story.webp',
-    [UIAsset.BT_DISABLED]: 'assets/bt-disabled.webp',
-    [UIAsset.BT_DOWNLOAD_ACTION_OFF]: 'assets/bt-download-action-off.webp',
-    [UIAsset.BT_DOWNLOAD_LIST]: 'assets/bt-download-list.webp',
-    [UIAsset.BT_DOWNLOAD_NAV]: 'assets/bt-download-nav.webp',
-    [UIAsset.BT_DOWNLOAD_TAB]: 'assets/bt-download-tab.webp',
-    [UIAsset.BT_DOWNLOAD_TAB_ON]: 'assets/bt-download-tab-on.webp',
-    [UIAsset.BT_EVALUATION_ACTION]: 'assets/bt-evaluation-action.webp',
-    [UIAsset.BT_EVALUATION_ACTION_OFF]: 'assets/bt-evaluation-action-off.webp',
-    [UIAsset.BT_EVALUATION_ACTION_ON]: 'assets/bt-evaluation-action-on.webp',
-    [UIAsset.BT_FAV_ACTIONS_OFF]: 'assets/bt-fav-actions-off.webp',
-    [UIAsset.BT_FAV_ACTIONS_ON]: 'assets/bt-fav-actions-on.webp',
-    [UIAsset.BT_FAV_OFF]: 'assets/bt-fav-off.webp',
-    [UIAsset.BT_FAV_ON]: 'assets/bt-fav-on.webp',
-    [UIAsset.BT_FILE]: 'assets/bt-file.webp',
-    [UIAsset.BT_FULL_SCREEN_PLAYER]: 'assets/bt-full-screen-player.webp',
-    [UIAsset.BT_GALLERY]: 'assets/bt-gallery.webp',
-    [UIAsset.BT_INFO]: 'assets/bt-info.webp',
-    [UIAsset.BT_LIKE_COMMENT]: 'assets/bt-like-comment.webp',
-    [UIAsset.BT_LIKE_COMMENT_ON]: 'assets/bt-like-comment-on.webp',
-    [UIAsset.BT_LIKE_LIVE]: 'assets/bt-like-live.webp',
-    [UIAsset.BT_LIKE_LIVE_ON]: 'assets/bt-like-live-on.webp',
-    [UIAsset.BT_LIKE_OFF]: 'assets/bt-like-off.webp',
-    [UIAsset.BT_LIKE_ON]: 'assets/bt-like-on.webp',
-    [UIAsset.BT_LINK_GENERIC]: 'assets/bt-link-generic.webp',
-    [UIAsset.BT_LOCK]: 'assets/bt-lock.webp',
-    [UIAsset.BT_LOGOUT]: 'assets/bt-logout.webp',
-    [UIAsset.BT_MATERIAL]: 'assets/bt-material.webp',
-    [UIAsset.BT_MATERIALS_ACTIONS_OFF]: 'assets/bt-materials-actions-off.webp',
-    [UIAsset.BT_MENU]: 'assets/bt-menu.webp',
-    [UIAsset.BT_MY_LIST_ACTION_OFF]: 'assets/bt-my-list-action-off.webp',
-    [UIAsset.BT_MY_LIST_ACTION_ON]: 'assets/bt-my-list-action-on.webp',
-    [UIAsset.BT_MY_LIST_NAV_OFF]: 'assets/bt-my-list-nav-off.webp',
-    [UIAsset.BT_MY_LIST_NAV_ON]: 'assets/bt-my-list-nav-on.webp',
-    [UIAsset.BT_NEW_STORY]: 'assets/bt-new-story.webp',
-    [UIAsset.BT_NEXT]: 'assets/bt-next.webp',
-    [UIAsset.BT_NEXT_ACTIONS]: 'assets/bt-next-actions.webp',
-    [UIAsset.BT_NEXT_CHALLENGE]: 'assets/bt-next-challenge.webp',
-    [UIAsset.BT_NEXT_CLIPS]: 'assets/bt-next-clips.webp',
-    [UIAsset.BT_NEXT_MAIN]: 'assets/bt-next-main.webp',
-    [UIAsset.BT_NOTE_ACTIONS_OFF]: 'assets/bt-note-actions-off.webp',
-    [UIAsset.BT_NOTE_ACTIONS_ON]: 'assets/bt-note-actions-on.webp',
-    [UIAsset.BT_NOTIFICATION]: 'assets/bt-notification.webp',
-    [UIAsset.BT_NOTIFICATION_ON]: 'assets/bt-notification-on.webp',
-    [UIAsset.BT_NOTIFICATIONS_TAB]: 'assets/bt-notifications-tab.webp',
-    [UIAsset.BT_OPEN]: 'assets/bt-open.webp',
-    [UIAsset.BT_OPEN_LIST]: 'assets/bt-open-list.webp',
-    [UIAsset.BT_OPEN_LIST_AUDIO]: 'assets/bt-open-list-audio.webp',
-    [UIAsset.BT_OPORTUNIDADES_TAB]: 'assets/bt-oportunidades-tab.webp',
-    [UIAsset.BT_OPORTUNIDADES_TAB_ON]: 'assets/bt-oportunidades-tab-on.webp',
-    [UIAsset.BT_OPTIONS]: 'assets/bt-options.webp',
-    [UIAsset.BT_PAUSE_VIEW_AUDIO]: 'assets/bt-pause-view-audio.webp',
-    [UIAsset.BT_PAUSE_VIEW_CLIPS]: 'assets/bt-pause-view-clips.webp',
-    [UIAsset.BT_PERFIL]: 'assets/bt-perfil.webp',
-    [UIAsset.BT_PERFIL_TAB]: 'assets/bt-perfil-tab.webp',
-    [UIAsset.BT_PHOTO_COMMENT]: 'assets/bt-photo-comment.webp',
-    [UIAsset.BT_PIMP_PLAYER]: 'assets/bt-pimp-player.webp',
-    [UIAsset.BT_PLAY_VIEW_AUDIO]: 'assets/bt-play-view-audio.webp',
-    [UIAsset.BT_PLAY_VIEW_CLIPS]: 'assets/bt-play-view-clips.webp',
-    [UIAsset.BT_POST]: 'assets/bt-post.webp',
-    [UIAsset.BT_RATING_OFF]: 'assets/bt-rating-off.webp',
-    [UIAsset.BT_RATING_ON]: 'assets/bt-rating-on.webp',
-    [UIAsset.BT_RESTART_ACTIONS_OFF]: 'assets/bt-restart-actions-off.webp',
-    [UIAsset.BT_SEARCH]: 'assets/bt-search.webp',
-    [UIAsset.BT_SEEK]: 'assets/bt-seek.webp',
-    [UIAsset.BT_SELFIE]: 'assets/bt-selfie.webp',
-    [UIAsset.BT_SEND_OFF]: 'assets/bt-send-off.webp',
-    [UIAsset.BT_SEND_ON]: 'assets/bt-send-on.webp',
-    [UIAsset.BT_SHARE_LIVE]: 'assets/bt-share-live.webp',
-    [UIAsset.BT_SHARE_POST_OFF]: 'assets/bt-share-post-off.webp',
-    [UIAsset.BT_SPEED_PLAYER]: 'assets/bt-speed-player.webp',
-    [UIAsset.BT_TEXT_STORIES]: 'assets/bt-text-stories.webp',
-    [UIAsset.BT_TIME24_STORY]: 'assets/bt-time24-story.webp',
-    [UIAsset.BT_TIME48_STORY]: 'assets/bt-time48-story.webp',
-    [UIAsset.BT_TIME72_STORY]: 'assets/bt-time72-story.webp',
-    [UIAsset.BT_TRASH]: 'assets/bt-trash.webp',
-    [UIAsset.BT_TV]: 'assets/bt-tv.webp',
-    [UIAsset.BT_TV_ON]: 'assets/bt-tv-on.webp',
-    [UIAsset.BT_TV_ON_LIST]: 'assets/bt-tv-on-list.webp',
-    [UIAsset.BT_TV_ON_MAIN]: 'assets/bt-tv-on-main.webp',
-    [UIAsset.BT_VIDEO_HELP_PLAYER]: 'assets/bt-video-help-player.webp',
-    [UIAsset.IC_ACTIVITE]: 'assets/ic-activite.webp',
-    [UIAsset.IC_ACTIVITY]: 'assets/ic-activity.webp',
-    [UIAsset.IC_ACTIVITY_MY_APP]: 'assets/ic-activity-my-app.webp',
-    [UIAsset.IC_AI_STAR]: 'assets/ic-ai-star.webp',
-    [UIAsset.IC_AI_TAG]: 'assets/ic-ai-tag.webp',
-    [UIAsset.IC_ALERT_NEW_POST]: 'assets/ic-alert-new-post.webp',
-    [UIAsset.IC_ALERT_NOTIFICATION]: 'assets/ic-alert-notification.webp',
-    [UIAsset.IC_ANONYMOUS_POST]: 'assets/ic-anonymous-post.webp',
-    [UIAsset.IC_ATTENTION]: 'assets/ic-attention.webp',
-    [UIAsset.IC_ATTENTION_RULES]: 'assets/ic-attention-rules.webp',
-    [UIAsset.IC_AUDIO_CLIPS]: 'assets/ic-audio-clips.webp',
-    [UIAsset.IC_AUDIO_LIST]: 'assets/ic-audio-list.webp',
-    [UIAsset.IC_AUDIO_LIST_DISABLED]: 'assets/ic-audio-list-disabled.webp',
-    [UIAsset.IC_AVATAR]: 'assets/ic-avatar.webp',
-    [UIAsset.IC_AVATAR_COMMENT]: 'assets/ic-avatar-comment.webp',
-    [UIAsset.IC_AVATAR_LIVE]: 'assets/ic-avatar-live.webp',
-    [UIAsset.IC_AVATAR_RANKING_LIST]: 'assets/ic-avatar-ranking-list.webp',
-    [UIAsset.IC_AVATAR_RANKING_ONE]: 'assets/ic-avatar-ranking-one.webp',
-    [UIAsset.IC_AVATAR_RANKING_TWO]: 'assets/ic-avatar-ranking-two.webp',
-    [UIAsset.IC_AVATAR_REGISTER]: 'assets/ic-avatar-register.webp',
-    [UIAsset.IC_CERTIFICATION]: 'assets/ic-certification.webp',
-    [UIAsset.IC_CERTIFICATION_MAIN]: 'assets/ic-certification-main.webp',
-    [UIAsset.IC_CERTIFICATION_MY_APP]: 'assets/ic-certification-my-app.webp',
-    [UIAsset.IC_CHALLENGE_PTS]: 'assets/ic-challenge-pts.webp',
-    [UIAsset.IC_CHALLENGE_PTS_DETAIL]: 'assets/ic-challenge-pts-detail.webp',
-    [UIAsset.IC_CHALLENGE_PTS_LIST]: 'assets/ic-challenge-pts-list.webp',
-    [UIAsset.IC_CHALLENGE_PTS_LIST_DISABLED]: 'assets/ic-challenge-pts-list-disabled.webp',
-    [UIAsset.IC_CHALLENGE_RANKING]: 'assets/ic-challenge-ranking.webp',
-    [UIAsset.IC_CHECK]: 'assets/ic-check.webp',
-    [UIAsset.IC_CHROMECAST]: 'assets/ic-chromecast.webp',
-    [UIAsset.IC_CLIP_EMPTY]: 'assets/ic-clip-empty.webp',
-    [UIAsset.IC_CONTACT]: 'assets/ic-contact.webp',
-    [UIAsset.IC_DADOS_CHECK]: 'assets/ic-dados-check.webp',
-    [UIAsset.IC_DELETE_ACCOUNT]: 'assets/ic-delete-account.webp',
-    [UIAsset.IC_DISABLED_LESSON]: 'assets/ic-disabled-lesson.webp',
-    [UIAsset.IC_DOWNLOAD_EMPTY]: 'assets/ic-download-empty.webp',
-    [UIAsset.IC_DOWNLOAD_MY_APP]: 'assets/ic-download-my-app.webp',
-    [UIAsset.IC_DOWNLOADS_LIST]: 'assets/ic-downloads-list.webp',
-    [UIAsset.IC_EMAIL]: 'assets/ic-email.webp',
-    [UIAsset.IC_EMPTY_CLASS]: 'assets/ic-empty-class.webp',
-    [UIAsset.IC_ERROR]: 'assets/ic-error.webp',
-    [UIAsset.IC_ERROR_CHALLENGE]: 'assets/ic-error-challenge.webp',
-    [UIAsset.IC_FILE]: 'assets/ic-file.webp',
-    [UIAsset.IC_FILE_CLIPS]: 'assets/ic-file-clips.webp',
-    [UIAsset.IC_FILE_DISABLED]: 'assets/ic-file-disabled.webp',
-    [UIAsset.IC_FIX_POST]: 'assets/ic-fix-post.webp',
-    [UIAsset.IC_FLAG_END]: 'assets/ic-flag-end.webp',
-    [UIAsset.IC_FLAG_START]: 'assets/ic-flag-start.webp',
-    [UIAsset.IC_FULL_IMAGE]: 'assets/ic-full-image.webp',
-    [UIAsset.IC_LEVEL_ONE]: 'assets/ic-level-one.webp',
-    [UIAsset.IC_LEVEL_ONE_PROFILE]: 'assets/ic-level-one-profile.webp',
-    [UIAsset.IC_LEVEL_THREE]: 'assets/ic-level-three.webp',
-    [UIAsset.IC_LEVEL_TWO]: 'assets/ic-level-two.webp',
-    [UIAsset.IC_LINK_CLIPS]: 'assets/ic-link-clips.webp',
-    [UIAsset.IC_LINK_GENERIC]: 'assets/ic-link-generic.webp',
-    [UIAsset.IC_LINK_LIST]: 'assets/ic-link-list.webp',
-    [UIAsset.IC_LINK_LIST_DISABLED]: 'assets/ic-link-list-disabled.webp',
-    [UIAsset.IC_LIVE_WAITING]: 'assets/ic-live-waiting.webp',
-    [UIAsset.IC_LOCK]: 'assets/ic-lock.webp',
-    [UIAsset.IC_LOCK_CHECK]: 'assets/ic-lock-check.webp',
-    [UIAsset.IC_LOCK_LESSON]: 'assets/ic-lock-lesson.webp',
-    [UIAsset.IC_MY_LIST]: 'assets/ic-my-list.webp',
-    [UIAsset.IC_MY_LIST_EMPTY]: 'assets/ic-my-list-empty.webp',
-    [UIAsset.IC_MY_LIST_MY_APP]: 'assets/ic-my-list-my-app.webp',
-    [UIAsset.IC_MY_SHOP]: 'assets/ic-my-shop.webp',
-    [UIAsset.IC_MY_SHOP_MY_APP]: 'assets/ic-my-shop-my-app.webp',
-    [UIAsset.IC_MY_VOTE]: 'assets/ic-my-vote.webp',
-    [UIAsset.IC_NOT_FOUND]: 'assets/ic-not-found.webp',
-    [UIAsset.IC_NOTE]: 'assets/ic-note.webp',
-    [UIAsset.IC_NOTE_MY_APP]: 'assets/ic-note-my-app.webp',
-    [UIAsset.IC_NOTIFICATION_EMPTY]: 'assets/ic-notification-empty.webp',
-    [UIAsset.IC_NOTIFICATION_MY_APP]: 'assets/ic-notification-my-app.webp',
-    [UIAsset.IC_NOTIFICATION_MY_APP_ON]: 'assets/ic-notification-my-app-on.webp',
-    [UIAsset.IC_NOTIFICATION_OFF]: 'assets/ic-notification-off.webp',
-    [UIAsset.IC_NOTIFICATION_ON]: 'assets/ic-notification-on.webp',
-    [UIAsset.IC_POST_EMPTY]: 'assets/ic-post-empty.webp',
-    [UIAsset.IC_PAUSE_VIEW]: 'assets/ic-pause-view.webp',
-    [UIAsset.IC_PAUSE_VIEW_AUDIO]: 'assets/ic-pause-view-audio.webp',
-    [UIAsset.IC_PAUSE_VIEW_SOUND]: 'assets/ic-pause-view-sound.webp',
-    [UIAsset.IC_PERGUNTAS]: 'assets/ic-perguntas.webp',
-    [UIAsset.IC_PIN_CARD]: 'assets/ic-pin-card.webp',
-    [UIAsset.IC_PLAY_CLIPS]: 'assets/ic-play-clips.webp',
-    [UIAsset.IC_PLAY_LIST]: 'assets/ic-play-list.webp',
-    [UIAsset.IC_PLAY_LIST_DISABLED]: 'assets/ic-play-list-disabled.webp',
-    [UIAsset.IC_PLAY_VIEW]: 'assets/ic-play-view.webp',
-    [UIAsset.IC_PLAY_VIEW_AUDIO]: 'assets/ic-play-view-audio.webp',
-    [UIAsset.IC_PLAY_VIEW_SOUND]: 'assets/ic-play-view-sound.webp',
-    [UIAsset.IC_POLITICS]: 'assets/ic-politics.webp',
-    [UIAsset.IC_POST]: 'assets/ic-post.webp',
-    [UIAsset.IC_POST_AUDIO]: 'assets/ic-post-audio.webp',
-    [UIAsset.IC_POST_IMAGE]: 'assets/ic-post-image.webp',
-    [UIAsset.IC_POST_TEXT]: 'assets/ic-post-text.webp',
-    [UIAsset.IC_POST_VIDEO]: 'assets/ic-post-video.webp',
-    [UIAsset.IC_POST_VIDEO_FULL]: 'assets/ic-post-video-full.webp',
-    [UIAsset.IC_PTS]: 'assets/ic-pts.webp',
-    [UIAsset.IC_QUIZ_CLIPS]: 'assets/ic-quiz-clips.webp',
-    [UIAsset.IC_QUIZ_FINAL]: 'assets/ic-quiz-final.webp',
-    [UIAsset.IC_QUIZ_LIST]: 'assets/ic-quiz-list.webp',
-    [UIAsset.IC_QUIZ_LIST_DISABLED]: 'assets/ic-quiz-list-disabled.webp',
-    [UIAsset.IC_RANKING_LOCK]: 'assets/ic-ranking-lock.webp',
-    [UIAsset.IC_RANKING_N1]: 'assets/ic-ranking-n1.webp',
-    [UIAsset.IC_RANKING_N2]: 'assets/ic-ranking-n2.webp',
-    [UIAsset.IC_RANKING_N3]: 'assets/ic-ranking-n3.webp',
-    [UIAsset.IC_RATING_LIST]: 'assets/ic-rating-list.webp',
-    [UIAsset.IC_RATING_LIST_DISABLED]: 'assets/ic-rating-list-disabled.webp',
-    [UIAsset.IC_RATING_PROGRAM]: 'assets/ic-rating-program.webp',
-    [UIAsset.IC_SEARCH]: 'assets/ic-search.webp',
-    [UIAsset.IC_SEARCH_EMPTY]: 'assets/ic-search-empty.webp',
-    [UIAsset.IC_SHOP]: 'assets/ic-shop.webp',
-    [UIAsset.IC_SHOP_MY_APP]: 'assets/ic-shop-my-app.webp',
-    [UIAsset.IC_SMARTTV]: 'assets/ic-smarttv.webp',
-    [UIAsset.IC_SPEED]: 'assets/ic-speed.webp',
-    [UIAsset.IC_STATUS_CHALLENGE_WAIT]: 'assets/ic-status-challenge-wait.webp',
-    [UIAsset.IC_STORY_CHECK]: 'assets/ic-story-check.webp',
-    [UIAsset.IC_SUBSCRIBE]: 'assets/ic-subscribe.webp',
-    [UIAsset.IC_SUBSCRIBE_MY_APP]: 'assets/ic-subscribe-my-app.webp',
-    [UIAsset.IC_TAG_CHALLENGE]: 'assets/ic-tag-challenge.webp',
-    [UIAsset.IC_TAG_RANKING]: 'assets/ic-tag-ranking.webp',
-    [UIAsset.IC_TAG_RANKING_MAIN]: 'assets/ic-tag-ranking-main.webp',
-    [UIAsset.IC_TAG_VIP]: 'assets/ic-tag-vip.webp',
-    [UIAsset.IC_TERMS]: 'assets/ic-terms.webp',
-    [UIAsset.IC_TEXT_CLIPS]: 'assets/ic-text-clips.webp',
-    [UIAsset.IC_TEXT_LIST]: 'assets/ic-text-list.webp',
-    [UIAsset.IC_TEXT_LIST_DISABLED]: 'assets/ic-text-list-disabled.webp',
-    [UIAsset.IC_TV]: 'assets/ic-tv.webp',
-    [UIAsset.IC_TV_MIRROR]: 'assets/ic-tv-mirror.webp',
-    [UIAsset.IC_TYPE_FILE]: 'assets/ic-type-file.webp',
-    [UIAsset.IC_TYPE_TEXT]: 'assets/ic-type-text.webp',
-    [UIAsset.IC_VERIFIED]: 'assets/ic-verified.webp',
-    [UIAsset.IC_VERIFIED_COMMENT]: 'assets/ic-verified-comment.webp',
-    [UIAsset.IC_VIEW]: 'assets/ic-view.webp',
-    [UIAsset.IC_VIEW_LIVE]: 'assets/ic-view-live.webp',
-    [UIAsset.IC_VIEW_STORY]: 'assets/ic-view-story.webp',
-    [UIAsset.IC_VOTE]: 'assets/ic-vote.webp',
-    [UIAsset.IMG]: 'assets/img.webp',
-    [UIAsset.IMG_AVATAR_STORY]: 'assets/img-avatar-story.webp',
-    [UIAsset.IMG_AVATAR_STORY_VIEW]: 'assets/img-avatar-story-view.webp',
-    [UIAsset.IMG_BG_ASSINATURAS]: 'assets/img-bg-assinaturas.webp',
-    [UIAsset.IMG_BG_PAINEL]: 'assets/img-bg-painel.webp',
-    [UIAsset.IMG_BT_APPLESTORE]: 'assets/img-bt-applestore.webp',
-    [UIAsset.IMG_BT_GOOGLEPLAY]: 'assets/img-bt-googleplay.webp',
-    [UIAsset.IMG_CAPA_VIDEO]: 'assets/img-capa-video.webp',
-    [UIAsset.IMG_CHECKOUT_DESKTOP]: 'assets/img-checkout-desktop.webp',
-    [UIAsset.IMG_CHECKOUT_MOBILE]: 'assets/img-checkout-mobile.webp',
-    [UIAsset.IMG_CHECKOUT_RIGHT]: 'assets/img-checkout-right.webp',
-    [UIAsset.IMG_CLASS_FILE]: 'assets/img-class-file.webp',
-    [UIAsset.IMG_COMUNIDADE]: 'assets/img-comunidade.webp',
-    [UIAsset.IMG_FAV]: 'assets/img-fav.webp',
-    [UIAsset.IMG_LOGO]: 'assets/img-logo.webp',
-    [UIAsset.IMG_LOGO_EMAIL]: 'assets/img-logo-email.webp',
-    [UIAsset.IMG_LOGO_HORIZ]: 'assets/img-logo-horiz.webp',
-    [UIAsset.IMG_LOGO_LOGIN]: 'assets/img-logo-login.webp',
-    [UIAsset.IMG_LOGO_NAV]: 'assets/img-logo-nav.webp',
-    [UIAsset.IMG_LOGO_NORMAL]: 'assets/img-logo-normal.webp',
-    [UIAsset.IMG_LOGO_PAYMENT]: 'assets/img-logo-payment.webp',
-    [UIAsset.IMG_MASK_AUDIO_BLUR]: 'assets/img-mask-audio-blur.webp',
-    [UIAsset.IMG_MASK_BANNER_BLUR]: 'assets/img-mask-banner-blur.webp',
-    [UIAsset.IMG_MASK_BANNER_MAIN]: 'assets/img-mask-banner-main.webp',
-    [UIAsset.IMG_MASK_CAST_LIST]: 'assets/img-mask-cast-list.webp',
-    [UIAsset.IMG_MASK_CATEGORY_HIGHLIGHT]: 'assets/img-mask-category-highlight.webp',
-    [UIAsset.IMG_MASK_CHALLENGE_ACTIVITY]: 'assets/img-mask-challenge-activity.webp',
-    [UIAsset.IMG_MASK_FILE]: 'assets/img-mask-file.webp',
-    [UIAsset.IMG_MASK_LIVE]: 'assets/img-mask-live.webp',
-    [UIAsset.IMG_MASK_LIVE_TOP]: 'assets/img-mask-live-top.webp',
-    [UIAsset.IMG_MASK_LIVE_WAITING]: 'assets/img-mask-live-waiting.webp',
-    [UIAsset.IMG_MASK_MAIN_BANNERS]: 'assets/img-mask-main-banners.webp',
-    [UIAsset.IMG_MASK_PROFILE]: 'assets/img-mask-profile.webp',
-    [UIAsset.IMG_MASK_PROGRAM]: 'assets/img-mask-program.webp',
-    [UIAsset.IMG_MASK_RATING]: 'assets/img-mask-rating.webp',
-    [UIAsset.IMG_MASK_SOUND_BLUR]: 'assets/img-mask-sound-blur.webp',
-    [UIAsset.IMG_PLACEHOLDER_CAST]: 'assets/img-placeholder-cast.webp',
-    [UIAsset.IMG_PLACEHOLDER_FILE]: 'assets/img-placeholder-file.webp',
-    [UIAsset.IMG_PLACEHOLDER_LEVEL]: 'assets/img-placeholder-level.webp',
-    [UIAsset.IMG_PLACEHOLDER_MAIN]: 'assets/img-placeholder-main.webp',
-    [UIAsset.IMG_PLACEHOLDER_MEUS_VIDEOS]: 'assets/img-placeholder-meus-videos.webp',
-    [UIAsset.IMG_PLACEHOLDER_NOTIFICATION]: 'assets/img-placeholder-notification.webp',
-    [UIAsset.IMG_PLACEHOLDER_POST_IMAGEM]: 'assets/img-placeholder-post-imagem.webp',
-    [UIAsset.IMG_PLACEHOLDER_POST_VIP]: 'assets/img-placeholder-post-vip.webp',
-    [UIAsset.IMG_PLACEHOLDER_PROGRAM]: 'assets/img-placeholder-program.webp',
-    [UIAsset.IMG_PLACEHOLDER_RANKING]: 'assets/img-placeholder-ranking.webp',
-    [UIAsset.IMG_PLACEHOLDER_STORY]: 'assets/img-placeholder-story.webp',
-    [UIAsset.IMG_PLACEHOLDER_TEXT]: 'assets/img-placeholder-text.webp',
-    [UIAsset.IMG_PLACEHOLDER_VIDEO_MAIN]: 'assets/img-placeholder-video-main.webp',
-    [UIAsset.IMG_SHARE_WHATSAPP]: 'assets/img-share-whatsapp.webp',
-    [UIAsset.IMG_SYMBOL80]: 'assets/img-symbol80.webp',
-    [UIAsset.IMG_THUMB_HORIZ]: 'assets/img-thumb-horiz.webp',
-    [UIAsset.IMG_THUMB_PROG_VERT]: 'assets/img-thumb-prog-vert.webp',
-    [UIAsset.IMG_THUMB_PROG_VERT1]: 'assets/img-thumb-prog-vert1.webp',
-    [UIAsset.IMG_THUMB_PROG_VERT2]: 'assets/img-thumb-prog-vert2.webp',
-    [UIAsset.IMG_THUMB_PROG_VERT3]: 'assets/img-thumb-prog-vert3.webp',
-    [UIAsset.MASK_DETAIL]: 'assets/mask-detail.webp',
-    [UIAsset.MASK_DETAIL_CERTIFICATION]: 'assets/mask-detail-certification.webp',
-    [UIAsset.MASK_DETAIL_CHALLENGE]: 'assets/mask-detail-challenge.webp',
-    [UIAsset.MASK_DETAIL_POST_VIP]: 'assets/mask-detail-post-vip.webp',
-    [UIAsset.MASK_DETAIL_RANKING]: 'assets/mask-detail-ranking.webp',
-    [UIAsset.MASK_IMG_CARROSEL]: 'assets/mask-img-carrosel.webp',
-    [UIAsset.MASK_IMG_MAIN]: 'assets/mask-img-main.webp',
-    [UIAsset.MASK_IMG_TOP_STORY]: 'assets/mask-img-top-story.webp',
-    [UIAsset.MASK_NEXT_CLASS]: 'assets/mask-next-class.webp',
-    [UIAsset.REPEAT_BACK]: 'assets/repeat-back.webp',
-    [UIAsset.REPEAT_BACK_SOUND]: 'assets/repeat-back-sound.webp',
-    [UIAsset.REPEAT_FRONT]: 'assets/repeat-front.webp',
-    [UIAsset.REPEAT_FRONT_SOUND]: 'assets/repeat-front-sound.webp',
-    [UIAsset.SPACE_GRAY]: 'assets/space-gray.webp',
-    [UIAsset.VIDEO_REPEAT_BACK]: 'assets/video-repeat-back.webp',
-    [UIAsset.VIDEO_REPEAT_FRONT]: 'assets/video-repeat-front.webp',
-    [UIAsset.WAY_LEFT_END_OFF]: 'assets/way-left-end-off.webp',
-    [UIAsset.WAY_LEFT_END_ON]: 'assets/way-left-end-on.webp',
-    [UIAsset.WAY_ONE_OFF]: 'assets/way-one-off.webp',
-    [UIAsset.WAY_ONE_ON]: 'assets/way-one-on.webp',
-    [UIAsset.WAY_RIGHT_END_OFF]: 'assets/way-right-end-off.webp',
-    [UIAsset.WAY_RIGHT_END_ON]: 'assets/way-right-end-on.webp',
-    [UIAsset.WAY_START_OFF]: 'assets/way-start-off.webp',
-    [UIAsset.WAY_START_ON]: 'assets/way-start-on.webp',
-    [UIAsset.WAY_TASK_OFF]: 'assets/way-task-off.webp',
-    [UIAsset.WAY_TASK_ON]: 'assets/way-task-on.webp',
-    [UIAsset.WAY_TWO_OFF]: 'assets/way-two-off.webp',
-    [UIAsset.WAY_TWO_ON]: 'assets/way-two-on.webp',
-    [UIAsset.IC_COMMENT_SEARCH_LIST]: 'assets/ic-comment-search-list.webp',
-    [UIAsset.IC_LIKE_SEARCH_LIST]: 'assets/ic-like-search-list.webp',
-    [UIAsset.IC_SHARE_SEARCH_LIST]: 'assets/ic-share-search-list.webp',
-    [UIAsset.IC_LAST_SEARCH]: 'assets/ic-last-search.webp',
+    [UIAsset.BG_ASSINATURAS]: 'assets/images/bg-assinaturas.webp',
+    [UIAsset.BG_CHALLENGE_ACTIVITY_FINAL]: 'assets/images/bg-challenge-activity-final.webp',
+    [UIAsset.BG_LIGHT]: 'assets/images/bg-light.webp',
+    [UIAsset.BG_LOGIN]: 'assets/images/bg-login.webp',
+    [UIAsset.BG_POST]: 'assets/images/bg-post.webp',
+    [UIAsset.BG_QUIZ_FINAL]: 'assets/images/bg-quiz-final.webp',
+    [UIAsset.BG_RATING_PROGRAM]: 'assets/images/bg-rating-program.webp',
+    [UIAsset.BG_SPLASH]: 'assets/images/bg-splash.webp',
+    [UIAsset.BG_STORY]: 'assets/images/bg-story.webp',
+    [UIAsset.BG_SURVEY]: 'assets/images/bg-survey.webp',
+    [UIAsset.BT_ABOUT_ACTIONS_OFF]: 'assets/images/bt-about-actions-off.svg',
+    [UIAsset.BT_ANONYMOUS_COMMENT_OFF]: 'assets/images/bt-anonymous-comment-off.svg',
+    [UIAsset.BT_ANONYMOUS_COMMENT_ON]: 'assets/images/bt-anonymous-comment-on.svg',
+    [UIAsset.BT_BACK]: 'assets/images/bt-back.svg',
+    [UIAsset.BT_BACK_LIVE]: 'assets/images/bt-back-live.svg',
+    [UIAsset.BT_BACK_NEW]: 'assets/images/bt-back-new.svg',
+    [UIAsset.BT_BACK_PLAYER]: 'assets/images/bt-back-player.svg',
+    [UIAsset.BT_BACK_STORY]: 'assets/images/bt-back-story.svg',
+    [UIAsset.BT_CANCEL_LIST]: 'assets/images/bt-cancel-list.svg',
+    [UIAsset.BT_CAPTURE_PHOTO]: 'assets/images/bt-capture-photo.svg',
+    [UIAsset.BT_CAPTURE_VIDEO]: 'assets/images/bt-capture-video.svg',
+    [UIAsset.BT_CAPTURE_VIDEO_LINE]: 'assets/images/bt-capture-video-line.svg',
+    [UIAsset.BT_CERTIFICATION_ACTIONS_OFF]: 'assets/images/bt-certification-actions-off.svg',
+    [UIAsset.BT_CERTIFICATION_ACTIONS_ON]: 'assets/images/bt-certification-actions-on.svg',
+    [UIAsset.BT_CHECK_ACTION_OFF]: 'assets/images/bt-check-action-off.svg',
+    [UIAsset.BT_CHECK_ACTION_ON]: 'assets/images/bt-check-action-on.svg',
+    [UIAsset.BT_CHECK_FIX_OFF]: 'assets/images/bt-check-fix-off.svg',
+    [UIAsset.BT_CHECK_OFF]: 'assets/images/bt-check-off.svg',
+    [UIAsset.BT_CHECK_ON]: 'assets/images/bt-check-on.svg',
+    [UIAsset.BT_CHECK_TERMS_OFF]: 'assets/images/bt-check-terms-off.svg',
+    [UIAsset.BT_CHECK_TERMS_ON]: 'assets/images/bt-check-terms-on.svg',
+    [UIAsset.BT_CLIPS_TAB]: 'assets/images/bt-clips-tab.svg',
+    [UIAsset.BT_CLIPS_TAB_ON]: 'assets/images/bt-clips-tab-on.svg',
+    [UIAsset.BT_CLOSE]: 'assets/images/bt-close.svg',
+    [UIAsset.BT_CLOSE_COMMENT]: 'assets/images/bt-close-comment.svg',
+    [UIAsset.BT_CLOSE_FULL_IMAGE]: 'assets/images/bt-close-full-image.svg',
+    [UIAsset.BT_CLOSE_LIST]: 'assets/images/bt-close-list.svg',
+    [UIAsset.BT_CLOSE_LIVE]: 'assets/images/bt-close-live.svg',
+    [UIAsset.BT_CLOSE_RATING]: 'assets/images/bt-close-rating.svg',
+    [UIAsset.BT_CLOSE_SCREEN_PLAYER]: 'assets/images/bt-close-screen-player.svg',
+    [UIAsset.BT_CLOSE_STORY]: 'assets/images/bt-close-story.svg',
+    [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_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',
+    [UIAsset.BT_CONFIG_PLAYER]: 'assets/images/bt-config-player.svg',
+    [UIAsset.BT_DELETE_STORY]: 'assets/images/bt-delete-story.svg',
+    [UIAsset.BT_DISABLED]: 'assets/images/bt-disabled.svg',
+    [UIAsset.BT_DOWNLOAD_ACTION_OFF]: 'assets/images/bt-download-action-off.svg',
+    [UIAsset.BT_DOWNLOAD_LIST]: 'assets/images/bt-download-list.svg',
+    [UIAsset.BT_DOWNLOAD_NAV]: 'assets/images/bt-download-nav.svg',
+    [UIAsset.BT_DOWNLOAD_TAB]: 'assets/images/bt-download-tab.svg',
+    [UIAsset.BT_DOWNLOAD_TAB_ON]: 'assets/images/bt-download-tab-on.svg',
+    [UIAsset.BT_EVALUATION_ACTION]: 'assets/images/bt-evaluation-action.svg',
+    [UIAsset.BT_EVALUATION_ACTION_OFF]: 'assets/images/bt-evaluation-action-off.svg',
+    [UIAsset.BT_EVALUATION_ACTION_ON]: 'assets/images/bt-evaluation-action-on.svg',
+    [UIAsset.BT_FAV_ACTIONS_OFF]: 'assets/images/bt-fav-actions-off.svg',
+    [UIAsset.BT_FAV_ACTIONS_ON]: 'assets/images/bt-fav-actions-on.svg',
+    [UIAsset.BT_FAV_OFF]: 'assets/images/bt-fav-off.svg',
+    [UIAsset.BT_FAV_ON]: 'assets/images/bt-fav-on.svg',
+    [UIAsset.BT_FILE]: 'assets/images/bt-file.svg',
+    [UIAsset.BT_FULL_SCREEN_PLAYER]: 'assets/images/bt-full-screen-player.svg',
+    [UIAsset.BT_GALLERY]: 'assets/images/bt-gallery.svg',
+    [UIAsset.BT_INFO]: 'assets/images/bt-info.svg',
+    [UIAsset.BT_LIKE_COMMENT]: 'assets/images/bt-like-comment.svg',
+    [UIAsset.BT_LIKE_COMMENT_ON]: 'assets/images/bt-like-comment-on.svg',
+    [UIAsset.BT_LIKE_LIVE]: 'assets/images/bt-like-live.svg',
+    [UIAsset.BT_LIKE_LIVE_ON]: 'assets/images/bt-like-live-on.svg',
+    [UIAsset.BT_LIKE_OFF]: 'assets/images/bt-like-off.svg',
+    [UIAsset.BT_LIKE_ON]: 'assets/images/bt-like-on.svg',
+    [UIAsset.BT_LINK_GENERIC]: 'assets/images/bt-link-generic.svg',
+    [UIAsset.BT_LOCK]: 'assets/images/bt-lock.svg',
+    [UIAsset.BT_LOGOUT]: 'assets/images/bt-logout.svg',
+    [UIAsset.BT_MATERIAL]: 'assets/images/bt-material.svg',
+    [UIAsset.BT_MATERIALS_ACTIONS_OFF]: 'assets/images/bt-materials-actions-off.svg',
+    [UIAsset.BT_MENU]: 'assets/images/bt-menu.svg',
+    [UIAsset.BT_MY_LIST_ACTION_OFF]: 'assets/images/bt-my-list-action-off.svg',
+    [UIAsset.BT_MY_LIST_ACTION_ON]: 'assets/images/bt-my-list-action-on.svg',
+    [UIAsset.BT_MY_LIST_NAV_OFF]: 'assets/images/bt-my-list-nav-off.svg',
+    [UIAsset.BT_MY_LIST_NAV_ON]: 'assets/images/bt-my-list-nav-on.svg',
+    [UIAsset.BT_NEW_STORY]: 'assets/images/bt-new-story.svg',
+    [UIAsset.BT_NEXT]: 'assets/images/bt-next.svg',
+    [UIAsset.BT_NEXT_ACTIONS]: 'assets/images/bt-next-actions.svg',
+    [UIAsset.BT_NEXT_CHALLENGE]: 'assets/images/bt-next-challenge.svg',
+    [UIAsset.BT_NEXT_CLIPS]: 'assets/images/bt-next-clips.svg',
+    [UIAsset.BT_NEXT_MAIN]: 'assets/images/bt-next-main.svg',
+    [UIAsset.BT_NOTE_ACTIONS_OFF]: 'assets/images/bt-note-actions-off.svg',
+    [UIAsset.BT_NOTE_ACTIONS_ON]: 'assets/images/bt-note-actions-on.svg',
+    [UIAsset.BT_NOTIFICATION]: 'assets/images/bt-notification.svg',
+    [UIAsset.BT_NOTIFICATION_ON]: 'assets/images/bt-notification-on.svg',
+    [UIAsset.BT_NOTIFICATIONS_TAB]: 'assets/images/bt-notifications-tab.svg',
+    [UIAsset.BT_OPEN]: 'assets/images/bt-open.svg',
+    [UIAsset.BT_OPEN_LIST]: 'assets/images/bt-open-list.svg',
+    [UIAsset.BT_OPEN_LIST_AUDIO]: 'assets/images/bt-open-list-audio.svg',
+    [UIAsset.BT_OPORTUNIDADES_TAB]: 'assets/images/bt-oportunidades-tab.svg',
+    [UIAsset.BT_OPORTUNIDADES_TAB_ON]: 'assets/images/bt-oportunidades-tab-on.svg',
+    [UIAsset.BT_OPTIONS]: 'assets/images/bt-options.svg',
+    [UIAsset.BT_PAUSE_VIEW_AUDIO]: 'assets/images/bt-pause-view-audio.svg',
+    [UIAsset.BT_PAUSE_VIEW_CLIPS]: 'assets/images/bt-pause-view-clips.svg',
+    [UIAsset.BT_PERFIL]: 'assets/images/bt-perfil.svg',
+    [UIAsset.BT_PERFIL_TAB]: 'assets/images/bt-perfil-tab.svg',
+    [UIAsset.BT_PHOTO_COMMENT]: 'assets/images/bt-photo-comment.svg',
+    [UIAsset.BT_PIMP_PLAYER]: 'assets/images/bt-pimp-player.svg',
+    [UIAsset.BT_PLAY_VIEW_AUDIO]: 'assets/images/bt-play-view-audio.svg',
+    [UIAsset.BT_PLAY_VIEW_CLIPS]: 'assets/images/bt-play-view-clips.svg',
+    [UIAsset.BT_POST]: 'assets/images/bt-post.svg',
+    [UIAsset.BT_RATING_OFF]: 'assets/images/bt-rating-off.svg',
+    [UIAsset.BT_RATING_ON]: 'assets/images/bt-rating-on.svg',
+    [UIAsset.BT_RESTART_ACTIONS_OFF]: 'assets/images/bt-restart-actions-off.svg',
+    [UIAsset.BT_SEARCH]: 'assets/images/bt-search.svg',
+    [UIAsset.BT_SEEK]: 'assets/images/bt-seek.svg',
+    [UIAsset.BT_SELFIE]: 'assets/images/bt-selfie.svg',
+    [UIAsset.BT_SEND_OFF]: 'assets/images/bt-send-off.svg',
+    [UIAsset.BT_SEND_ON]: 'assets/images/bt-send-on.svg',
+    [UIAsset.BT_SHARE_LIVE]: 'assets/images/bt-share-live.svg',
+    [UIAsset.BT_SHARE_POST_OFF]: 'assets/images/bt-share-post-off.svg',
+    [UIAsset.BT_SPEED_PLAYER]: 'assets/images/bt-speed-player.svg',
+    [UIAsset.BT_TEXT_STORIES]: 'assets/images/bt-text-stories.svg',
+    [UIAsset.BT_TIME24_STORY]: 'assets/images/bt-time24-story.svg',
+    [UIAsset.BT_TIME48_STORY]: 'assets/images/bt-time48-story.svg',
+    [UIAsset.BT_TIME72_STORY]: 'assets/images/bt-time72-story.svg',
+    [UIAsset.BT_TRASH]: 'assets/images/bt-trash.svg',
+    [UIAsset.BT_TV]: 'assets/images/bt-tv.svg',
+    [UIAsset.BT_TV_ON]: 'assets/images/bt-tv-on.svg',
+    [UIAsset.BT_TV_ON_LIST]: 'assets/images/bt-tv-on-list.svg',
+    [UIAsset.BT_TV_ON_MAIN]: 'assets/images/bt-tv-on-main.svg',
+    [UIAsset.BT_VIDEO_HELP_PLAYER]: 'assets/images/bt-video-help-player.svg',
+    [UIAsset.IC_ACTIVITE]: 'assets/images/ic-activite.svg',
+    [UIAsset.IC_ACTIVITY]: 'assets/images/ic-activity.svg',
+    [UIAsset.IC_ACTIVITY_MY_APP]: 'assets/images/ic-activity-my-app.svg',
+    [UIAsset.IC_AI_STAR]: 'assets/images/ic-ai-star.svg',
+    [UIAsset.IC_AI_TAG]: 'assets/images/ic-ai-tag.svg',
+    [UIAsset.IC_ALERT_NEW_POST]: 'assets/images/ic-alert-new-post.svg',
+    [UIAsset.IC_ALERT_NOTIFICATION]: 'assets/images/ic-alert-notification.svg',
+    [UIAsset.IC_ANONYMOUS_POST]: 'assets/images/ic-anonymous-post.svg',
+    [UIAsset.IC_ATTENTION]: 'assets/images/ic-attention.svg',
+    [UIAsset.IC_ATTENTION_RULES]: 'assets/images/ic-attention-rules.svg',
+    [UIAsset.IC_AUDIO_CLIPS]: 'assets/images/ic-audio-clips.svg',
+    [UIAsset.IC_AUDIO_LIST]: 'assets/images/ic-audio-list.svg',
+    [UIAsset.IC_AUDIO_LIST_DISABLED]: 'assets/images/ic-audio-list-disabled.svg',
+    [UIAsset.IC_AVATAR]: 'assets/images/ic-avatar.svg',
+    [UIAsset.IC_AVATAR_COMMENT]: 'assets/images/ic-avatar-comment.svg',
+    [UIAsset.IC_AVATAR_LIVE]: 'assets/images/ic-avatar-live.svg',
+    [UIAsset.IC_AVATAR_RANKING_LIST]: 'assets/images/ic-avatar-ranking-list.svg',
+    [UIAsset.IC_AVATAR_RANKING_ONE]: 'assets/images/ic-avatar-ranking-one.svg',
+    [UIAsset.IC_AVATAR_RANKING_TWO]: 'assets/images/ic-avatar-ranking-two.svg',
+    [UIAsset.IC_AVATAR_REGISTER]: 'assets/images/ic-avatar-register.svg',
+    [UIAsset.IC_CERTIFICATION]: 'assets/images/ic-certification.svg',
+    [UIAsset.IC_CERTIFICATION_MAIN]: 'assets/images/ic-certification-main.svg',
+    [UIAsset.IC_CERTIFICATION_MY_APP]: 'assets/images/ic-certification-my-app.svg',
+    [UIAsset.IC_CHALLENGE_PTS]: 'assets/images/ic-challenge-pts.svg',
+    [UIAsset.IC_CHALLENGE_PTS_DETAIL]: 'assets/images/ic-challenge-pts-detail.svg',
+    [UIAsset.IC_CHALLENGE_PTS_LIST]: 'assets/images/ic-challenge-pts-list.svg',
+    [UIAsset.IC_CHALLENGE_PTS_LIST_DISABLED]: 'assets/images/ic-challenge-pts-list-disabled.svg',
+    [UIAsset.IC_CHALLENGE_RANKING]: 'assets/images/ic-challenge-ranking.svg',
+    [UIAsset.IC_CHECK]: 'assets/images/ic-check.svg',
+    [UIAsset.IC_CHROMECAST]: 'assets/images/ic-chromecast.svg',
+    [UIAsset.IC_CLIP_EMPTY]: 'assets/images/ic-clip-empty.svg',
+    [UIAsset.IC_CONTACT]: 'assets/images/ic-contact.svg',
+    [UIAsset.IC_DADOS_CHECK]: 'assets/images/ic-dados-check.svg',
+    [UIAsset.IC_DELETE_ACCOUNT]: 'assets/images/ic-delete-account.svg',
+    [UIAsset.IC_DISABLED_LESSON]: 'assets/images/ic-disabled-lesson.svg',
+    [UIAsset.IC_DOWNLOAD_EMPTY]: 'assets/images/ic-download-empty.svg',
+    [UIAsset.IC_DOWNLOAD_MY_APP]: 'assets/images/ic-download-my-app.svg',
+    [UIAsset.IC_DOWNLOADS_LIST]: 'assets/images/ic-downloads-list.svg',
+    [UIAsset.IC_EMAIL]: 'assets/images/ic-email.svg',
+    [UIAsset.IC_EMPTY_CLASS]: 'assets/images/ic-empty-class.svg',
+    [UIAsset.IC_ERROR]: 'assets/images/ic-error.svg',
+    [UIAsset.IC_ERROR_CHALLENGE]: 'assets/images/ic-error-challenge.svg',
+    [UIAsset.IC_FILE]: 'assets/images/ic-file.svg',
+    [UIAsset.IC_FILE_CLIPS]: 'assets/images/ic-file-clips.svg',
+    [UIAsset.IC_FILE_DISABLED]: 'assets/images/ic-file-disabled.svg',
+    [UIAsset.IC_FIX_POST]: 'assets/images/ic-fix-post.svg',
+    [UIAsset.IC_FLAG_END]: 'assets/images/ic-flag-end.svg',
+    [UIAsset.IC_FLAG_START]: 'assets/images/ic-flag-start.svg',
+    [UIAsset.IC_FULL_IMAGE]: 'assets/images/ic-full-image.svg',
+    [UIAsset.IC_LEVEL_ONE]: 'assets/images/ic-level-one.svg',
+    [UIAsset.IC_LEVEL_ONE_PROFILE]: 'assets/images/ic-level-one-profile.svg',
+    [UIAsset.IC_LEVEL_THREE]: 'assets/images/ic-level-three.svg',
+    [UIAsset.IC_LEVEL_TWO]: 'assets/images/ic-level-two.svg',
+    [UIAsset.IC_LINK_CLIPS]: 'assets/images/ic-link-clips.svg',
+    [UIAsset.IC_LINK_GENERIC]: 'assets/images/ic-link-generic.svg',
+    [UIAsset.IC_LINK_LIST]: 'assets/images/ic-link-list.svg',
+    [UIAsset.IC_LINK_LIST_DISABLED]: 'assets/images/ic-link-list-disabled.svg',
+    [UIAsset.IC_LIVE_WAITING]: 'assets/images/ic-live-waiting.svg',
+    [UIAsset.IC_LOCK]: 'assets/images/ic-lock.svg',
+    [UIAsset.IC_LOCK_CHECK]: 'assets/images/ic-lock-check.svg',
+    [UIAsset.IC_LOCK_LESSON]: 'assets/images/ic-lock-lesson.svg',
+    [UIAsset.IC_MY_LIST]: 'assets/images/ic-my-list.svg',
+    [UIAsset.IC_MY_LIST_EMPTY]: 'assets/images/ic-my-list-empty.svg',
+    [UIAsset.IC_MY_LIST_MY_APP]: 'assets/images/ic-my-list-my-app.svg',
+    [UIAsset.IC_MY_SHOP]: 'assets/images/ic-my-shop.svg',
+    [UIAsset.IC_MY_SHOP_MY_APP]: 'assets/images/ic-my-shop-my-app.svg',
+    [UIAsset.IC_MY_VOTE]: 'assets/images/ic-my-vote.svg',
+    [UIAsset.IC_NOT_FOUND]: 'assets/images/ic-not-found.svg',
+    [UIAsset.IC_NOTE]: 'assets/images/ic-note.svg',
+    [UIAsset.IC_NOTE_MY_APP]: 'assets/images/ic-note-my-app.svg',
+    [UIAsset.IC_NOTIFICATION_EMPTY]: 'assets/images/ic-notification-empty.svg',
+    [UIAsset.IC_NOTIFICATION_MY_APP]: 'assets/images/ic-notification-my-app.svg',
+    [UIAsset.IC_NOTIFICATION_MY_APP_ON]: 'assets/images/ic-notification-my-app-on.svg',
+    [UIAsset.IC_NOTIFICATION_OFF]: 'assets/images/ic-notification-off.svg',
+    [UIAsset.IC_NOTIFICATION_ON]: 'assets/images/ic-notification-on.svg',
+    [UIAsset.IC_POST_EMPTY]: 'assets/images/ic-post-empty.svg',
+    [UIAsset.IC_PAUSE_VIEW]: 'assets/images/ic-pause-view.svg',
+    [UIAsset.IC_PAUSE_VIEW_AUDIO]: 'assets/images/ic-pause-view-audio.svg',
+    [UIAsset.IC_PAUSE_VIEW_SOUND]: 'assets/images/ic-pause-view-sound.svg',
+    [UIAsset.IC_PERGUNTAS]: 'assets/images/ic-perguntas.svg',
+    [UIAsset.IC_PIN_CARD]: 'assets/images/ic-pin-card.svg',
+    [UIAsset.IC_PLAY_CLIPS]: 'assets/images/ic-play-clips.svg',
+    [UIAsset.IC_PLAY_LIST]: 'assets/images/ic-play-list.svg',
+    [UIAsset.IC_PLAY_LIST_DISABLED]: 'assets/images/ic-play-list-disabled.svg',
+    [UIAsset.IC_PLAY_VIEW]: 'assets/images/ic-play-view.svg',
+    [UIAsset.IC_PLAY_VIEW_AUDIO]: 'assets/images/ic-play-view-audio.svg',
+    [UIAsset.IC_PLAY_VIEW_SOUND]: 'assets/images/ic-play-view-sound.svg',
+    [UIAsset.IC_POLITICS]: 'assets/images/ic-politics.svg',
+    [UIAsset.IC_POST]: 'assets/images/ic-post.svg',
+    [UIAsset.IC_POST_AUDIO]: 'assets/images/ic-post-audio.svg',
+    [UIAsset.IC_POST_IMAGE]: 'assets/images/ic-post-image.svg',
+    [UIAsset.IC_POST_TEXT]: 'assets/images/ic-post-text.svg',
+    [UIAsset.IC_POST_VIDEO]: 'assets/images/ic-post-video.svg',
+    [UIAsset.IC_POST_VIDEO_FULL]: 'assets/images/ic-post-video-full.svg',
+    [UIAsset.IC_PTS]: 'assets/images/ic-pts.svg',
+    [UIAsset.IC_QUIZ_CLIPS]: 'assets/images/ic-quiz-clips.svg',
+    [UIAsset.IC_QUIZ_FINAL]: 'assets/images/ic-quiz-final.svg',
+    [UIAsset.IC_QUIZ_LIST]: 'assets/images/ic-quiz-list.svg',
+    [UIAsset.IC_QUIZ_LIST_DISABLED]: 'assets/images/ic-quiz-list-disabled.svg',
+    [UIAsset.IC_RANKING_LOCK]: 'assets/images/ic-ranking-lock.svg',
+    [UIAsset.IC_RANKING_N1]: 'assets/images/ic-ranking-n1.svg',
+    [UIAsset.IC_RANKING_N2]: 'assets/images/ic-ranking-n2.svg',
+    [UIAsset.IC_RANKING_N3]: 'assets/images/ic-ranking-n3.svg',
+    [UIAsset.IC_RATING_LIST]: 'assets/images/ic-rating-list.svg',
+    [UIAsset.IC_RATING_LIST_DISABLED]: 'assets/images/ic-rating-list-disabled.svg',
+    [UIAsset.IC_RATING_PROGRAM]: 'assets/images/ic-rating-program.svg',
+    [UIAsset.IC_SEARCH]: 'assets/images/ic-search.svg',
+    [UIAsset.IC_SEARCH_EMPTY]: 'assets/images/ic-search-empty.svg',
+    [UIAsset.IC_SHOP]: 'assets/images/ic-shop.svg',
+    [UIAsset.IC_SHOP_MY_APP]: 'assets/images/ic-shop-my-app.svg',
+    [UIAsset.IC_SMARTTV]: 'assets/images/ic-smarttv.svg',
+    [UIAsset.IC_SPEED]: 'assets/images/ic-speed.svg',
+    [UIAsset.IC_STATUS_CHALLENGE_WAIT]: 'assets/images/ic-status-challenge-wait.svg',
+    [UIAsset.IC_STORY_CHECK]: 'assets/images/ic-story-check.svg',
+    [UIAsset.IC_SUBSCRIBE]: 'assets/images/ic-subscribe.svg',
+    [UIAsset.IC_SUBSCRIBE_MY_APP]: 'assets/images/ic-subscribe-my-app.svg',
+    [UIAsset.IC_TAG_CHALLENGE]: 'assets/images/ic-tag-challenge.svg',
+    [UIAsset.IC_TAG_RANKING]: 'assets/images/ic-tag-ranking.svg',
+    [UIAsset.IC_TAG_RANKING_MAIN]: 'assets/images/ic-tag-ranking-main.svg',
+    [UIAsset.IC_TAG_VIP]: 'assets/images/ic-tag-vip.svg',
+    [UIAsset.IC_TERMS]: 'assets/images/ic-terms.svg',
+    [UIAsset.IC_TEXT_CLIPS]: 'assets/images/ic-text-clips.svg',
+    [UIAsset.IC_TEXT_LIST]: 'assets/images/ic-text-list.svg',
+    [UIAsset.IC_TEXT_LIST_DISABLED]: 'assets/images/ic-text-list-disabled.svg',
+    [UIAsset.IC_TV]: 'assets/images/ic-tv.svg',
+    [UIAsset.IC_TV_MIRROR]: 'assets/images/ic-tv-mirror.svg',
+    [UIAsset.IC_TYPE_FILE]: 'assets/images/ic-type-file.svg',
+    [UIAsset.IC_TYPE_TEXT]: 'assets/images/ic-type-text.svg',
+    [UIAsset.IC_VERIFIED]: 'assets/images/ic-verified.svg',
+    [UIAsset.IC_VERIFIED_COMMENT]: 'assets/images/ic-verified-comment.svg',
+    [UIAsset.IC_VIEW]: 'assets/images/ic-view.svg',
+    [UIAsset.IC_VIEW_LIVE]: 'assets/images/ic-view-live.svg',
+    [UIAsset.IC_VIEW_STORY]: 'assets/images/ic-view-story.svg',
+    [UIAsset.IC_VOTE]: 'assets/images/ic-vote.svg',
+    [UIAsset.IMG]: 'assets/images/img.webp',
+    [UIAsset.IMG_AVATAR_STORY]: 'assets/images/img-avatar-story.webp',
+    [UIAsset.IMG_AVATAR_STORY_VIEW]: 'assets/images/img-avatar-story-view.webp',
+    [UIAsset.IMG_BG_ASSINATURAS]: 'assets/images/img-bg-assinaturas.webp',
+    [UIAsset.IMG_BG_PAINEL]: 'assets/images/img-bg-painel.webp',
+    [UIAsset.IMG_BT_APPLESTORE]: 'assets/images/img-bt-applestore.webp',
+    [UIAsset.IMG_BT_GOOGLEPLAY]: 'assets/images/img-bt-googleplay.webp',
+    [UIAsset.IMG_CAPA_VIDEO]: 'assets/images/img-capa-video.webp',
+    [UIAsset.IMG_CHECKOUT_DESKTOP]: 'assets/images/img-checkout-desktop.webp',
+    [UIAsset.IMG_CHECKOUT_MOBILE]: 'assets/images/img-checkout-mobile.webp',
+    [UIAsset.IMG_CHECKOUT_RIGHT]: 'assets/images/img-checkout-right.webp',
+    [UIAsset.IMG_CLASS_FILE]: 'assets/images/img-class-file.webp',
+    [UIAsset.IMG_COMUNIDADE]: 'assets/images/img-comunidade.webp',
+    [UIAsset.IMG_FAV]: 'assets/images/img-fav.webp',
+    [UIAsset.IMG_LOGO]: 'assets/images/img-logo.webp',
+    [UIAsset.IMG_LOGO_EMAIL]: 'assets/images/img-logo-email.webp',
+    [UIAsset.IMG_LOGO_HORIZ]: 'assets/images/img-logo-horiz.webp',
+    [UIAsset.IMG_LOGO_LOGIN]: 'assets/images/img-logo-login.webp',
+    [UIAsset.IMG_LOGO_NAV]: 'assets/images/img-logo-nav.webp',
+    [UIAsset.IMG_LOGO_NORMAL]: 'assets/images/img-logo-normal.webp',
+    [UIAsset.IMG_LOGO_PAYMENT]: 'assets/images/img-logo-payment.webp',
+    [UIAsset.IMG_MASK_AUDIO_BLUR]: 'assets/images/img-mask-audio-blur.webp',
+    [UIAsset.IMG_MASK_BANNER_BLUR]: 'assets/images/img-mask-banner-blur.webp',
+    [UIAsset.IMG_MASK_BANNER_MAIN]: 'assets/images/img-mask-banner-main.webp',
+    [UIAsset.IMG_MASK_CAST_LIST]: 'assets/images/img-mask-cast-list.webp',
+    [UIAsset.IMG_MASK_CATEGORY_HIGHLIGHT]: 'assets/images/img-mask-category-highlight.webp',
+    [UIAsset.IMG_MASK_CHALLENGE_ACTIVITY]: 'assets/images/img-mask-challenge-activity.webp',
+    [UIAsset.IMG_MASK_FILE]: 'assets/images/img-mask-file.webp',
+    [UIAsset.IMG_MASK_LIVE]: 'assets/images/img-mask-live.webp',
+    [UIAsset.IMG_MASK_LIVE_TOP]: 'assets/images/img-mask-live-top.webp',
+    [UIAsset.IMG_MASK_LIVE_WAITING]: 'assets/images/img-mask-live-waiting.webp',
+    [UIAsset.IMG_MASK_MAIN_BANNERS]: 'assets/images/img-mask-main-banners.webp',
+    [UIAsset.IMG_MASK_PROFILE]: 'assets/images/img-mask-profile.webp',
+    [UIAsset.IMG_MASK_PROGRAM]: 'assets/images/img-mask-program.webp',
+    [UIAsset.IMG_MASK_RATING]: 'assets/images/img-mask-rating.webp',
+    [UIAsset.IMG_MASK_SOUND_BLUR]: 'assets/images/img-mask-sound-blur.webp',
+    [UIAsset.IMG_PLACEHOLDER_CAST]: 'assets/images/img-placeholder-cast.webp',
+    [UIAsset.IMG_PLACEHOLDER_FILE]: 'assets/images/img-placeholder-file.webp',
+    [UIAsset.IMG_PLACEHOLDER_LEVEL]: 'assets/images/img-placeholder-level.webp',
+    [UIAsset.IMG_PLACEHOLDER_MAIN]: 'assets/images/img-placeholder-main.webp',
+    [UIAsset.IMG_PLACEHOLDER_MEUS_VIDEOS]: 'assets/images/img-placeholder-meus-videos.webp',
+    [UIAsset.IMG_PLACEHOLDER_NOTIFICATION]: 'assets/images/img-placeholder-notification.webp',
+    [UIAsset.IMG_PLACEHOLDER_POST_IMAGEM]: 'assets/images/img-placeholder-post-imagem.webp',
+    [UIAsset.IMG_PLACEHOLDER_POST_VIP]: 'assets/images/img-placeholder-post-vip.webp',
+    [UIAsset.IMG_PLACEHOLDER_PROGRAM]: 'assets/images/img-placeholder-program.webp',
+    [UIAsset.IMG_PLACEHOLDER_RANKING]: 'assets/images/img-placeholder-ranking.webp',
+    [UIAsset.IMG_PLACEHOLDER_STORY]: 'assets/images/img-placeholder-story.webp',
+    [UIAsset.IMG_PLACEHOLDER_TEXT]: 'assets/images/img-placeholder-text.webp',
+    [UIAsset.IMG_PLACEHOLDER_VIDEO_MAIN]: 'assets/images/img-placeholder-video-main.webp',
+    [UIAsset.IMG_SHARE_WHATSAPP]: 'assets/images/img-share-whatsapp.webp',
+    [UIAsset.IMG_SYMBOL80]: 'assets/images/img-symbol80.webp',
+    [UIAsset.IMG_THUMB_HORIZ]: 'assets/images/img-thumb-horiz.webp',
+    [UIAsset.IMG_THUMB_PROG_VERT]: 'assets/images/img-thumb-prog-vert.webp',
+    [UIAsset.IMG_THUMB_PROG_VERT1]: 'assets/images/img-thumb-prog-vert1.webp',
+    [UIAsset.IMG_THUMB_PROG_VERT2]: 'assets/images/img-thumb-prog-vert2.webp',
+    [UIAsset.IMG_THUMB_PROG_VERT3]: 'assets/images/img-thumb-prog-vert3.webp',
+    [UIAsset.MASK_DETAIL]: 'assets/images/mask-detail.webp',
+    [UIAsset.MASK_DETAIL_CERTIFICATION]: 'assets/images/mask-detail-certification.webp',
+    [UIAsset.MASK_DETAIL_CHALLENGE]: 'assets/images/mask-detail-challenge.webp',
+    [UIAsset.MASK_DETAIL_POST_VIP]: 'assets/images/mask-detail-post-vip.webp',
+    [UIAsset.MASK_DETAIL_RANKING]: 'assets/images/mask-detail-ranking.webp',
+    [UIAsset.MASK_IMG_CARROSEL]: 'assets/images/mask-img-carrosel.webp',
+    [UIAsset.MASK_IMG_MAIN]: 'assets/images/mask-img-main.webp',
+    [UIAsset.MASK_IMG_TOP_STORY]: 'assets/images/mask-img-top-story.webp',
+    [UIAsset.MASK_NEXT_CLASS]: 'assets/images/mask-next-class.webp',
+    [UIAsset.REPEAT_BACK]: 'assets/images/repeat-back.svg',
+    [UIAsset.REPEAT_BACK_SOUND]: 'assets/images/repeat-back-sound.svg',
+    [UIAsset.REPEAT_FRONT]: 'assets/images/repeat-front.svg',
+    [UIAsset.REPEAT_FRONT_SOUND]: 'assets/images/repeat-front-sound.svg',
+    [UIAsset.SPACE_GRAY]: 'assets/images/space-gray.svg',
+    [UIAsset.VIDEO_REPEAT_BACK]: 'assets/images/video-repeat-back.svg',
+    [UIAsset.VIDEO_REPEAT_FRONT]: 'assets/images/video-repeat-front.svg',
+    [UIAsset.WAY_LEFT_END_OFF]: 'assets/images/way-left-end-off.svg',
+    [UIAsset.WAY_LEFT_END_ON]: 'assets/images/way-left-end-on.svg',
+    [UIAsset.WAY_ONE_OFF]: 'assets/images/way-one-off.svg',
+    [UIAsset.WAY_ONE_ON]: 'assets/images/way-one-on.svg',
+    [UIAsset.WAY_RIGHT_END_OFF]: 'assets/images/way-right-end-off.svg',
+    [UIAsset.WAY_RIGHT_END_ON]: 'assets/images/way-right-end-on.svg',
+    [UIAsset.WAY_START_OFF]: 'assets/images/way-start-off.svg',
+    [UIAsset.WAY_START_ON]: 'assets/images/way-start-on.svg',
+    [UIAsset.WAY_TASK_OFF]: 'assets/images/way-task-off.svg',
+    [UIAsset.WAY_TASK_ON]: 'assets/images/way-task-on.svg',
+    [UIAsset.WAY_TWO_OFF]: 'assets/images/way-two-off.svg',
+    [UIAsset.WAY_TWO_ON]: 'assets/images/way-two-on.svg',
+    [UIAsset.IC_COMMENT_SEARCH_LIST]: 'assets/images/ic-comment-search-list.svg',
+    [UIAsset.IC_LIKE_SEARCH_LIST]: 'assets/images/ic-like-search-list.svg',
+    [UIAsset.IC_SHARE_SEARCH_LIST]: 'assets/images/ic-share-search-list.svg',
+    [UIAsset.IC_LAST_SEARCH]: 'assets/images/ic-last-search.svg',
 };
 
 class ButtonComponent {
-    constructor(uiComponent, renderer) {
+    constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
+        this.fontSizeMappingService = fontSizeMappingService;
     }
     ngOnInit() {
         // console.debug('button.uiComponent: ', this.uiComponent);
@@ -1874,14 +1981,15 @@ class ButtonComponent {
             this.renderer.setStyle(this.buttonElementRef.nativeElement, 'color', color);
         }
         if (element.textStyle) {
+            const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
             const fontSize = textStyleMappingFontSize[element.textStyle];
             this.renderer.setStyle(this.buttonElementRef.nativeElement, 'font-size', fontSize);
         }
     }
     getAssetPath(asset) {
-        return './assets/' + assetMapping[asset];
+        return assetMapping[asset];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: ButtonComponent, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n  <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n  {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
@@ -1890,7 +1998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }], propDecorators: { buttonElementRef: [{
+                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { buttonElementRef: [{
                 type: ViewChild,
                 args: ['buttonElement']
             }] } });
@@ -1941,9 +2049,7 @@ class ImageComponent {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
     }
-    ngOnInit() {
-        // console.debug('image.uiComponent: ', this.uiComponent);
-    }
+    ngOnInit() { }
     ngAfterViewInit() {
         if (this.uiComponent?.element) {
             this.applyElement(this.uiComponent.element);
@@ -1952,7 +2058,7 @@ class ImageComponent {
     applyElement(element) {
         if (element.asset) {
             const asset = assetMapping[element.asset];
-            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', './assets/' + asset);
+            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', asset);
         }
         else if (element.url) {
             this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', element.url);
@@ -2050,9 +2156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class TagComponent {
-    constructor(uiComponent, renderer) {
+    constructor(uiComponent, renderer, fontSizeMappingService) {
         this.uiComponent = uiComponent;
         this.renderer = renderer;
+        this.fontSizeMappingService = fontSizeMappingService;
     }
     ngOnInit() {
     }
@@ -2071,21 +2178,22 @@ class TagComponent {
             const color = colorMapping[element.textColor];
             this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'color', color);
         }
+        const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
         if (element.textStyle) {
             const fontSize = textStyleMappingFontSize[element.textStyle];
             this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'font-size', fontSize);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagComponent, selector: "ng-component", viewQueries: [{ propertyName: "tagElementRef", first: true, predicate: ["tagElement"], descendants: true }, { propertyName: "tagNameElementRef", first: true, predicate: ["tagNameElement"], descendants: true }], ngImport: i0, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagComponent, 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}\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: TagComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"] }]
+            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}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['uiComponent']
-                }] }, { type: i0.Renderer2 }], propDecorators: { tagElementRef: [{
+                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { tagElementRef: [{
                 type: ViewChild,
                 args: ['tagElement']
             }], tagNameElementRef: [{
@@ -2099,10 +2207,11 @@ var tag_component = /*#__PURE__*/Object.freeze({
 });
 
 class SearchBarComponent {
-    constructor(actionService, uiComponent, renderer) {
+    constructor(actionService, uiComponent, renderer, fontSizeMappingService) {
         this.actionService = actionService;
         this.uiComponent = uiComponent;
         this.renderer = renderer;
+        this.fontSizeMappingService = fontSizeMappingService;
     }
     ngOnInit() {
         // console.debug('label.uiComponent: ', this.uiComponent);
@@ -2110,7 +2219,7 @@ class SearchBarComponent {
     ngAfterViewInit() {
         if (this.uiComponent.element) {
             this.applyElement(this.uiComponent.element);
-            this.renderer.listen(this.inputElementRef.nativeElement, 'keydown', (event) => {
+            this.renderer.listen(this.inputElementRef.nativeElement, 'keyup', (event) => {
                 if (event.key === 'Enter') {
                     const action = this.uiComponent.element?.action;
                     const inputValue = this.inputElementRef.nativeElement.value.trim();
@@ -2145,8 +2254,9 @@ class SearchBarComponent {
         }
     }
     applyElement(element) {
-        console.debug('search.element:', element);
+        const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
         const inputEl = this.inputElementRef.nativeElement;
+        inputEl.focus();
         if (element.placeholder) {
             this.renderer.setAttribute(inputEl, 'placeholder', element.placeholder);
         }
@@ -2175,16 +2285,16 @@ class SearchBarComponent {
             this.renderer.appendChild(document.head, styleEl);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchBarComponent, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchBarComponent, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"] }]
+            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 }], propDecorators: { inputElementRef: [{
+                }] }, { type: i0.Renderer2 }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
                 type: ViewChild,
                 args: ['inputElement']
             }] } });
@@ -2194,6 +2304,321 @@ var searchBar_component = /*#__PURE__*/Object.freeze({
     SearchBarComponent: SearchBarComponent
 });
 
+class SearchBarDismissComponent {
+    constructor(actionService, uiComponent, renderer, router, fontSizeMappingService) {
+        this.actionService = actionService;
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+        this.router = router;
+        this.fontSizeMappingService = fontSizeMappingService;
+    }
+    ngOnInit() {
+        console.debug('label.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            console.log('label.uiComponent: ', this.uiComponent);
+            this.applyElement(this.uiComponent.element);
+            this.renderer.listen(this.inputElementRef.nativeElement, 'keydown', (event) => {
+                if (event.key === 'Enter') {
+                    const action = this.uiComponent.element?.action;
+                    const inputValue = this.inputElementRef.nativeElement.value.trim();
+                    if (action && inputValue && action.url) {
+                        const param = action.param || 'SEARCH';
+                        const encodedValue = encodeURIComponent(inputValue);
+                        try {
+                            const parsed = new URL(action.url);
+                            const innerUrlRaw = parsed.searchParams.get('url');
+                            if (innerUrlRaw) {
+                                const decodedInnerUrl = decodeURIComponent(innerUrlRaw);
+                                const updatedInnerUrl = decodedInnerUrl.replace(`{${param}}`, encodedValue);
+                                parsed.searchParams.set('url', encodeURIComponent(updatedInnerUrl));
+                                const adjustedUrl = parsed.toString();
+                                console.debug('[key.enter]', {
+                                    param,
+                                    encodedValue,
+                                    adjustedUrl,
+                                });
+                                this.actionService.execute({
+                                    ...action,
+                                    url: adjustedUrl,
+                                });
+                            }
+                        }
+                        catch (err) {
+                            console.warn('[key.enter] Invalid action.url format:', action.url, err);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    applyElement(element) {
+        console.debug('search.element:', element);
+        const inputEl = this.inputElementRef.nativeElement;
+        const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
+        if (element.placeholder) {
+            this.renderer.setAttribute(inputEl, 'placeholder', element.placeholder);
+            this.renderer.setAttribute(inputEl, 'value', element.placeholder);
+            this.renderer.setAttribute(inputEl, 'readonly', 'true');
+        }
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(inputEl, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(inputEl, 'font-size', fontSize);
+        }
+        if (element.placeholderTextColor || element.placeholderTextStyle) {
+            const styleEl = this.renderer.createElement('style');
+            const color = element.placeholderTextColor
+                ? colorMapping[element.placeholderTextColor]
+                : 'inherit';
+            const fontSize = element.placeholderTextStyle
+                ? textStyleMappingFontSize[element.placeholderTextStyle]
+                : 'inherit';
+            styleEl.textContent = `
+            edm-sdui-search-bar-dismiss input::placeholder {
+                color: ${color};
+                font-size: ${fontSize};
+            }
+        `;
+            this.renderer.appendChild(document.head, styleEl);
+        }
+    }
+    clearInput() {
+        const rawStack = sessionStorage.getItem('navigationStack');
+        let stack = rawStack ? JSON.parse(rawStack) : [];
+        stack.pop();
+        const previous = stack[stack.length - 1];
+        sessionStorage.setItem('navigationStack', JSON.stringify(stack));
+        if (previous) {
+            this.router.navigateByUrl(previous);
+        }
+        else {
+            this.router.navigate(['/']);
+        }
+    }
+    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.ɵ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: "<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  (click)=\"clearInput()\"\n  class=\"search-bar-close-icon cursor-pointer\"\n  src=\"assets/images/bt-close-comment.svg\"\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchBarDismissComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'edm-sdui-search-bar-dismiss', template: "<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  (click)=\"clearInput()\"\n  class=\"search-bar-close-icon cursor-pointer\"\n  src=\"assets/images/bt-close-comment.svg\"\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: i1$2.Router }, { type: FontSizeMappingService }], propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+
+var searchBarDismiss_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SearchBarDismissComponent: SearchBarDismissComponent
+});
+
+class SduiTranslationService {
+    constructor() {
+        this.translations = {
+            pt: {
+                contentType: {
+                    video: 'Vídeo',
+                    html: 'Texto',
+                    sound: 'Áudio',
+                    file: 'Arquivo',
+                    quiz: 'Questionário',
+                }
+            },
+            en: {
+                contentType: {
+                    video: 'Video',
+                    html: 'Text',
+                    sound: 'Audio',
+                    file: 'File',
+                    quiz: 'Quiz',
+                }
+            }
+        };
+        this.language = this.detectBrowserLanguage();
+    }
+    detectBrowserLanguage() {
+        const lang = navigator.language.toLowerCase();
+        if (lang.startsWith('en'))
+            return 'en';
+        return 'pt'; // fallback default
+    }
+    setLanguage(lang) {
+        this.language = lang;
+    }
+    getLanguage() {
+        return this.language;
+    }
+    translate(context, key) {
+        return (this.translations[this.language]?.[context]?.[key] ??
+            this.translations['pt']?.[context]?.[key] ??
+            key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiTranslationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SduiTranslationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+var UIContentType;
+(function (UIContentType) {
+    UIContentType["VIDEO"] = "video";
+    UIContentType["AUDIO"] = "audio";
+    UIContentType["FILE"] = "file";
+    UIContentType["QUIZ"] = "quiz";
+    UIContentType["LINK"] = "link";
+    UIContentType["HTML"] = "html";
+})(UIContentType || (UIContentType = {}));
+
+class MediaTypeComponent {
+    constructor(uiComponent, renderer, translator, fontSizeMappingService) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+        this.translator = translator;
+        this.fontSizeMappingService = fontSizeMappingService;
+        this.label = '';
+        this.contetType = UIContentType;
+    }
+    ngOnInit() {
+        console.debug('label.uiComponent: ', this.uiComponent);
+        const type = this.uiComponent.element?.contentType ?? '';
+        this.label = this.translator.translate('contentType', type);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        const containerEl = this.containerElementRef?.nativeElement;
+        this.renderer.setStyle(containerEl, 'gap', spaceMapping['s1']);
+        const iconEl = this.iconElementRef?.nativeElement;
+        const size = UISize.ASSET_2; // fixo
+        const height = sizeMappingHeight[size];
+        const width = sizeMappingWidth[size];
+        this.renderer.setStyle(iconEl, 'height', height);
+        this.renderer.setStyle(iconEl, 'width', width);
+        const labelEl = this.labelElementRef?.nativeElement;
+        const color = colorMapping[UIColor.TEXT_COMMENT_SEC];
+        this.renderer.setStyle(labelEl, 'color', color);
+        const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
+        const fontSize = textStyleMappingFontSize[UITextStyle.CAPTION_2];
+        this.renderer.setStyle(labelEl, 'font-size', fontSize);
+        const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
+        this.renderer.setStyle(labelEl, 'line-height', lineHeight);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: MediaTypeComponent, selector: "edm-sdui-media-type", viewQueries: [{ propertyName: "iconElementRef", first: true, predicate: ["iconElementRef"], descendants: true }, { propertyName: "labelElementRef", first: true, predicate: ["labelElementRef"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerElementRef"], descendants: true }], ngImport: i0, template: "<div #containerElementRef class=\"media-container\">\n  @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.HTML)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.FILE)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n  }\n  @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n  {\n    <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n  }\n\n  <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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\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']
+            }] } });
+
+var mediaType_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    MediaTypeComponent: MediaTypeComponent
+});
+
+class PickerItemComponent {
+    constructor(uiComponent, actionService) {
+        this.uiComponent = uiComponent;
+        this.actionService = actionService;
+        this.label = '';
+        this.selected = new EventEmitter();
+    }
+    ngOnInit() {
+        this.label = this.uiComponent.element?.label ?? '';
+    }
+    onClick() {
+        const action = this.uiComponent.element?.action;
+        if (action) {
+            this.actionService.execute(action);
+        }
+        this.selected.emit(this.label);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerItemComponent, deps: [{ token: 'uiComponent' }, { token: UIActionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerItemComponent, selector: "edm-sdui-picker-item", outputs: { selected: "selected" }, ngImport: i0, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n  {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerItemComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'edm-sdui-picker-item', template: "<button class=\"picker-item\" (click)=\"onClick()\">\n  {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: UIActionService }], propDecorators: { selected: [{
+                type: Output
+            }] } });
+
+var pickerItem_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    PickerItemComponent: PickerItemComponent
+});
+
+class PickerComponent {
+    constructor(uiComponent, injector) {
+        this.uiComponent = uiComponent;
+        this.injector = injector;
+        this.selectedLabel = '';
+        this.open = false;
+        this.pickerItemComponent = PickerItemComponent;
+    }
+    ngOnInit() {
+        this.selectedLabel = this.uiComponent.element?.label ?? 'Selecionar';
+    }
+    onItemSelected(label) {
+        this.selectedLabel = label;
+        this.open = false;
+    }
+    createInjector(item) {
+        return Injector.create({
+            providers: [
+                { provide: 'uiComponent', useValue: item }
+            ],
+            parent: this.injector
+        });
+    }
+    ngAfterViewInit() {
+        // if (this.uiComponent.element) {
+        //   this.applyElement(this.uiComponent.element);
+        // }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PickerComponent, selector: "edm-sdui-picker", ngImport: i0, template: "<div class=\"picker\">\n  <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n    {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n    </span></button>\n  <ul *ngIf=\"open\">\n    <li *ngFor=\"let item of uiComponent.components\">\n      <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n    </li>\n  </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:block;padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'edm-sdui-picker', template: "<div class=\"picker\">\n  <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n    {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n    </span></button>\n  <ul *ngIf=\"open\">\n    <li *ngFor=\"let item of uiComponent.components\">\n      <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n    </li>\n  </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:block;padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Injector }] });
+
+var picker_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    PickerComponent: PickerComponent
+});
+
 class SduiModule {
     static forRoot(config) {
         return {
@@ -2203,6 +2628,10 @@ class SduiModule {
                     provide: SDUI_BASE_URL,
                     useValue: config.baseUrl,
                 },
+                {
+                    provide: SDUI_FONT_ADJUST,
+                    useValue: config.fontAdjust ?? 0,
+                }
             ],
         };
     }
@@ -2229,6 +2658,10 @@ class SduiModule {
             ImageComponent,
             TagComponent,
             SearchBarComponent,
+            SearchBarDismissComponent,
+            MediaTypeComponent,
+            PickerComponent,
+            PickerItemComponent,
             // diretivas
             UIViewDirective,
             // navegação
@@ -2259,6 +2692,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ImageComponent,
                         TagComponent,
                         SearchBarComponent,
+                        SearchBarDismissComponent,
+                        MediaTypeComponent,
+                        PickerComponent,
+                        PickerItemComponent,
                         // diretivas
                         UIViewDirective,
                         // navegação