@edm-sdui/sdui 1.0.0

package/fesm2022/edm-sdui-sdui.mjs

@@ -0,0 +1,2279 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, Injector, Component, Input, Directive, HostListener, ViewChild, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { map, BehaviorSubject, finalize, catchError, of } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { tap } from 'rxjs/operators';
+
+var UIScreenIdentifier;
+(function (UIScreenIdentifier) {
+    UIScreenIdentifier["SINGLE_COLUMN"] = "SINGLE_COLUMN";
+    UIScreenIdentifier["CENTERED_CONTENT"] = "CENTERED_CONTENT";
+})(UIScreenIdentifier || (UIScreenIdentifier = {}));
+
+var UIComponentType;
+(function (UIComponentType) {
+    // stacks
+    UIComponentType["ROW"] = "ROW";
+    UIComponentType["ROW_DIVISOR"] = "ROW_DIVISOR";
+    UIComponentType["COLUMN"] = "COLUMN";
+    UIComponentType["Z_STACK"] = "Z_STACK";
+    // elements
+    UIComponentType["BUTTON"] = "BUTTON";
+    UIComponentType["LABEL"] = "LABEL";
+    UIComponentType["IMAGE"] = "IMAGE";
+    UIComponentType["SPACE"] = "SPACE";
+    // players
+    UIComponentType["VIDEO_PLAYER_HLS"] = "VIDEO_PLAYER_HLS";
+    UIComponentType["VIDEO_PLAYER_WEB"] = "VIDEO_PLAYER_WEB";
+    // componentes visuais media
+    UIComponentType["MEDIA_TYPE"] = "MEDIA_TYPE";
+    UIComponentType["MEDIA_CONTENT"] = "MEDIA_CONTENT";
+    // search
+    UIComponentType["SEARCH_BAR"] = "SEARCH_BAR";
+    UIComponentType["SEARCH_BAR_DISMISS"] = "SEARCH_BAR_DISMISS";
+    // picker
+    UIComponentType["PICKER"] = "PICKER";
+    UIComponentType["PICKER_ITEM"] = "PICKER_ITEM";
+    // tag
+    UIComponentType["TAG"] = "TAG";
+})(UIComponentType || (UIComponentType = {}));
+
+const SDUI_BASE_URL = new InjectionToken('SDUI_BASE_URL');
+
+function resolveSduiUrl(rawUrl, baseUrl = '') {
+    let finalUrl = rawUrl;
+    if (rawUrl.startsWith('edm://')) {
+        const urlParams = new URLSearchParams(rawUrl.split('?')[1]);
+        const extractedUrl = urlParams.get('url');
+        if (!extractedUrl) {
+            throw new Error('URL parameter not found in the input URL');
+        }
+        finalUrl = decodeURIComponent(extractedUrl);
+    }
+    if (!finalUrl.startsWith('http')) {
+        finalUrl = `${baseUrl}${finalUrl}`;
+    }
+    return finalUrl;
+}
+function isSduiUrl(rawUrl) {
+    return rawUrl.startsWith('edm://sdui');
+}
+
+class UIScreenService {
+    constructor(http, baseUrl = '') {
+        this.http = http;
+        this.baseUrl = baseUrl;
+    }
+    getUIScreen(url) {
+        let finalUrl = resolveSduiUrl(url, this.baseUrl);
+        return this.http
+            .get(finalUrl)
+            .pipe(map((json) => this.mapToUIScreen(json)));
+    }
+    mapToUIScreen(json) {
+        const { identifier, content } = json;
+        if (!identifier) {
+            throw new Error(`Identificador da tela ausente no JSON recebido.`);
+        }
+        const layout = this.getLayout(identifier, content);
+        return {
+            identifier: identifier,
+            content: layout,
+            ...this.mapToUIView(json),
+        };
+    }
+    getLayout(identifier, content) {
+        switch (identifier) {
+            case UIScreenIdentifier.SINGLE_COLUMN:
+                return this.mapToSingleColumnLayout(content ?? {});
+            case UIScreenIdentifier.CENTERED_CONTENT:
+                return this.mapToCenteredContentLayout(content ?? {});
+            default:
+                throw new Error(`Tipo de tela desconhecido: ${identifier}`);
+        }
+    }
+    mapToSingleColumnLayout(json) {
+        return {
+            nav: json.nav ? this.mapToUINavigation(json.nav) : null,
+            header: json.header ? this.mapToUIComponent(json.header) : null,
+            main: json.main ? this.mapToUIComponent(json.main) : null,
+            footer: json.footer ? this.mapToUIComponent(json.footer) : null,
+        };
+    }
+    mapToCenteredContentLayout(json) {
+        return {
+            nav: json.nav ? this.mapToUINavigation(json.nav) : null,
+            backgroundComponent: json.backgroundComponent
+                ? this.mapToUIComponent(json.backgroundComponent)
+                : null,
+            header: json.header ? this.mapToUIComponent(json.header) : null,
+            centered: json.centered ? this.mapToUIComponent(json.centered) : null,
+            footer: json.footer ? this.mapToUIComponent(json.footer) : null,
+        };
+    }
+    mapToUINavigation(json) {
+        return {
+            title: json.title ?? null,
+            titleComponent: json.title_component
+                ? this.mapToUIComponent(json.title_component)
+                : null,
+        };
+    }
+    mapToUIComponent(json) {
+        return {
+            type: json.type || UIComponentType.COLUMN, // Define um tipo padrão
+            components: json.components
+                ? json.components.map((c) => this.mapToUIComponent(c))
+                : [],
+            element: json.element ? this.mapToUIElement(json.element) : null,
+        };
+    }
+    mapToUIElement(json) {
+        return {
+            label: json.label ?? null,
+            textColor: json.text_color ? json.text_color : null,
+            textStyle: json.text_style ? json.text_style : null,
+            maxLines: json.max_lines ?? null,
+            asset: json.asset ? json.asset : null,
+            url: json.url ?? null,
+            enabled: json.enabled ?? true,
+            size: json.size ?? null,
+            opacity: json.opacity ?? null,
+            contentType: json.content_type ?? null,
+            aspect: json.aspect ?? null,
+            grow: json.grow ?? null,
+            placeholder: json.placeholder ?? null,
+            placeholderTextColor: json.placeholder_text_color ?? null,
+            placeholderTextStyle: json.placeholder_text_style ?? null,
+            ...this.mapToUIView(json),
+        };
+    }
+    mapToUIView(json) {
+        return {
+            padding: json.padding,
+            background: json.background ? this.mapBackground(json.background) : null,
+            action: json.action ? this.mapAction(json.action) : null,
+            alignment: json.alignment
+                ? { alignment: json.alignment }
+                : null,
+            shadow: json.shadow,
+            radius: json.radius ? this.mapRadius(json.radius) : null,
+            spacing: json.spacing
+                ? { spacing: json.spacing }
+                : null,
+        };
+    }
+    mapBackground(json) {
+        return {
+            backgroundColor: json.background_color,
+        };
+    }
+    mapAction(json) {
+        return {
+            canAccess: json.can_acces ?? null,
+            type: json.type ? json.type : null,
+            url: json.url ?? null,
+        };
+    }
+    mapRadius(json) {
+        return {
+            topLeft: json.top_left ? json.top_left : null,
+            topRight: json.top_right ? json.top_right : null,
+            bottomLeft: json.bottom_left ? json.bottom_left : null,
+            bottomRight: json.bottom_right
+                ? json.bottom_right
+                : null,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, deps: [{ token: i1.HttpClient }, { token: SDUI_BASE_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [SDUI_BASE_URL]
+                }] }] });
+
+const SDUI_URL_PARAM = 'sduiUrl';
+class UIScreenViewModel {
+    constructor(uiScreenService, location //private router: Router, //private route: ActivatedRoute
+    ) {
+        this.uiScreenService = uiScreenService;
+        this.location = location;
+        this.uiScreenSubject = new BehaviorSubject(null);
+        this.isLoadingSubject = new BehaviorSubject(false);
+        this.errorSubject = new BehaviorSubject(null);
+        this.navigationHistorySubject = new BehaviorSubject([]);
+        this.canGoBackSubject = new BehaviorSubject(false);
+        this.currentUrlSubject = new BehaviorSubject(null);
+        this.uiScreen$ = this.uiScreenSubject.asObservable();
+        this.isLoading$ = this.isLoadingSubject.asObservable();
+        this.error$ = this.errorSubject.asObservable();
+        this.navigationHistory$ = this.navigationHistorySubject.asObservable();
+        this.canGoBack$ = this.canGoBackSubject.asObservable();
+        this.currentUrl$ = this.currentUrlSubject.asObservable();
+        console.debug('[UIScreenViewModel] Inicializado');
+    }
+    /**
+     * Atualiza o estado do botão de voltar com base no tamanho do histórico
+     */
+    updateCanGoBack() {
+        const history = this.navigationHistorySubject.getValue();
+        const canGoBack = history.length > 1;
+        console.debug(`[UIScreenViewModel] Histórico: ${history.length} item(s), pode voltar: ${canGoBack}`);
+        this.canGoBackSubject.next(canGoBack);
+    }
+    loadUIScreen(url, shouldUpdateHistory = true, shouldUpdateBrowserUrl = false) {
+        console.debug(`[UIScreenViewModel] Carregando tela: ${url}`);
+        if (shouldUpdateHistory) {
+            const history = this.navigationHistorySubject.getValue();
+            this.navigationHistorySubject.next([...history, url]);
+            this.updateCanGoBack();
+        }
+        if (shouldUpdateBrowserUrl) {
+            this.location.go(url);
+        }
+        this.loadUIScreenInternal(url);
+    }
+    loadUIScreenInternal(url) {
+        this.isLoadingSubject.next(true);
+        this.errorSubject.next(null);
+        this.uiScreenService
+            .getUIScreen(url)
+            .pipe(tap(() => console.debug('[UIScreenViewModel] URL carregada:', url)), finalize(() => this.isLoadingSubject.next(false)), catchError((error) => {
+            this.errorSubject.next(`Erro ao carregar tela: ${error.message}`);
+            return of(null);
+        }))
+            .subscribe((screen) => {
+            if (screen) {
+                console.debug('[UIScreenViewModel] nova screen:', screen.identifier);
+                this.currentUrlSubject.next(url);
+                this.uiScreenSubject.next(screen);
+            }
+            else {
+                console.debug('[UIScreenViewModel] nova screen nula!');
+            }
+        });
+    }
+    /**
+     * Volta para a tela anterior
+     */
+    goBack() {
+        const history = this.navigationHistorySubject.getValue();
+        if (history.length > 1) {
+            // Remove o último item da pilha
+            const newHistory = history.slice(0, -1);
+            const previousUrl = newHistory[newHistory.length - 1];
+            console.debug(`[UIScreenViewModel] Voltando para: ${previousUrl}`);
+            this.navigationHistorySubject.next(newHistory);
+            this.location.back();
+            this.updateCanGoBack();
+            this.loadUIScreenInternal(previousUrl);
+        }
+    }
+    /**
+     * Verifica se é possível voltar
+     */
+    canGoBack() {
+        return this.navigationHistorySubject.getValue().length > 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, deps: [{ token: UIScreenService }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenViewModel, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: UIScreenService }, { type: i1$1.Location }] });
+
+const componentMapping = {
+    // com filhos
+    [UIComponentType.ROW]: () => Promise.resolve().then(function () { return row_component; }).then((m) => m.RowComponent),
+    [UIComponentType.ROW_DIVISOR]: () => Promise.resolve().then(function () { return rowDivisor_component; }).then((m) => m.RowDivisorComponent),
+    [UIComponentType.COLUMN]: () => Promise.resolve().then(function () { return column_component; }).then((m) => m.ColumnComponent),
+    [UIComponentType.Z_STACK]: () => Promise.resolve().then(function () { return zstack_component; }).then((m) => m.ZStackComponent),
+    // elementos
+    [UIComponentType.BUTTON]: () => Promise.resolve().then(function () { return button_component; }).then((m) => m.ButtonComponent),
+    [UIComponentType.IMAGE]: () => Promise.resolve().then(function () { return image_component; }).then((m) => m.ImageComponent),
+    [UIComponentType.SPACE]: () => Promise.resolve().then(function () { return space_component; }).then((m) => m.SpaceComponent),
+    [UIComponentType.LABEL]: () => Promise.resolve().then(function () { return label_component; }).then((m) => m.LabelComponent),
+    // players
+    [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_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),
+    // 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),
+    // tag
+    [UIComponentType.TAG]: () => Promise.resolve().then(function () { return tag_component; }).then((m) => m.TagComponent),
+};
+
+class UIComponentComponent {
+    constructor(injector, cdr) {
+        this.injector = injector;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.initializeComponent();
+    }
+    ngOnChanges(changes) {
+        if (changes['uiComponent'] && changes['uiComponent'].currentValue) {
+            this.initializeComponent();
+        }
+    }
+    initializeComponent() {
+        const current = this.uiComponent;
+        if (!current)
+            return;
+        const mappingFn = componentMapping[current.type];
+        mappingFn().then((component) => {
+            this.componentToRender = component;
+            this.cdr.markForCheck();
+        });
+        this.componentInjector = Injector.create({
+            providers: [{ provide: 'uiComponent', useValue: current }],
+            parent: this.injector,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIComponentComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UIComponentComponent, isStandalone: false, selector: "edm-sdui-component", inputs: { uiComponent: "uiComponent" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"componentToRender\">\n  <ng-container\n    *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n  ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", 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
+            }] } });
+
+class UINavigationComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UINavigationComponent, isStandalone: false, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UINavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav\" *ngIf=\"uiNavigation\">\n  <h1 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h1>\n\n  <edm-sdui-component\n    [uiComponent]=\"uiNavigation.titleComponent\"\n    *ngIf=\"uiNavigation.titleComponent\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { uiNavigation: [{
+                type: Input
+            }] } });
+
+class SingleColumnLayoutComponent {
+    ngOnChanges(changes) {
+        if (changes['uiLayout']) {
+            console.debug('[SingleColumnLayout] Novo layout recebido:', changes['uiLayout'].currentValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SingleColumnLayoutComponent, isStandalone: false, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-single-column-layout', standalone: false, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n    <div class=\"main\">\n      <edm-sdui-component\n        *ngIf=\"!!uiLayout?.main\"\n        [uiComponent]=\"uiLayout.main\"\n      ></edm-sdui-component>\n    </div>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.single-column-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
+        }], propDecorators: { uiLayout: [{
+                type: Input
+            }] } });
+
+class CenteredContentLayoutComponent {
+    ngOnChanges(changes) {
+        if (changes['uiLayout']) {
+            console.debug('[CenteredContentLayoutComponent] Novo layout recebido:', changes['uiLayout'].currentValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: CenteredContentLayoutComponent, isStandalone: false, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n  <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n  <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n  <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n  </div>\n\n  <div class=\"centered\">\n    <edm-sdui-component\n      *ngIf=\"!!uiLayout?.centered\"\n      [uiComponent]=\"uiLayout.centered\"\n    ></edm-sdui-component>\n  </div>\n\n  <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n    <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n  </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{position:fixed;top:0;left:0;width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--header-height, 64px);margin-bottom:var(--footer-height, 64px)}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
+        }], propDecorators: { uiLayout: [{
+                type: Input
+            }] } });
+
+var UISpacingLevel;
+(function (UISpacingLevel) {
+    UISpacingLevel["S1"] = "s1";
+    UISpacingLevel["S2"] = "s2";
+    UISpacingLevel["S3"] = "s3";
+    UISpacingLevel["S4"] = "s4";
+})(UISpacingLevel || (UISpacingLevel = {}));
+
+const spaceMapping = {
+    [UISpacingLevel.S1]: '4px',
+    [UISpacingLevel.S2]: '8px',
+    [UISpacingLevel.S3]: '16px',
+    [UISpacingLevel.S4]: '24px',
+};
+
+var UIColor;
+(function (UIColor) {
+    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"] = "main1";
+    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"] = "main2";
+    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 || (UIColor = {}));
+
+const colorMapping = {
+    [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;
+(function (UIPaddingLevel) {
+    UIPaddingLevel["P1"] = "p1";
+    UIPaddingLevel["P2"] = "p2";
+    UIPaddingLevel["P3"] = "p3";
+    UIPaddingLevel["P4"] = "p4";
+    UIPaddingLevel["P5"] = "p5";
+    UIPaddingLevel["P6"] = "p6";
+    UIPaddingLevel["P7"] = "p7";
+    UIPaddingLevel["P8"] = "p8";
+})(UIPaddingLevel || (UIPaddingLevel = {}));
+
+const padMapping = {
+    [UIPaddingLevel.P1]: '4px',
+    [UIPaddingLevel.P2]: '8px',
+    [UIPaddingLevel.P3]: '16px',
+    [UIPaddingLevel.P4]: '24px',
+    [UIPaddingLevel.P5]: '32px',
+    [UIPaddingLevel.P6]: '40px',
+    [UIPaddingLevel.P7]: '48px',
+    [UIPaddingLevel.P8]: '56px',
+};
+
+var UIRadiusLevel;
+(function (UIRadiusLevel) {
+    UIRadiusLevel["R1"] = "r1";
+    UIRadiusLevel["R2"] = "r2";
+    UIRadiusLevel["R3"] = "r3";
+    UIRadiusLevel["R4"] = "r4";
+    UIRadiusLevel["R5"] = "r5";
+    UIRadiusLevel["R50"] = "r50";
+})(UIRadiusLevel || (UIRadiusLevel = {}));
+
+const radiusMapping = {
+    [UIRadiusLevel.R1]: '3px',
+    [UIRadiusLevel.R2]: '5px',
+    [UIRadiusLevel.R3]: '8px',
+    [UIRadiusLevel.R4]: '10px',
+    [UIRadiusLevel.R5]: '12px',
+    [UIRadiusLevel.R50]: '50%',
+};
+
+var UIAlignmentType;
+(function (UIAlignmentType) {
+    UIAlignmentType["START"] = "start";
+    UIAlignmentType["CENTER"] = "center";
+    UIAlignmentType["END"] = "end";
+})(UIAlignmentType || (UIAlignmentType = {}));
+
+const alignmentMapping = {
+    [UIAlignmentType.CENTER]: 'center',
+    [UIAlignmentType.END]: 'end',
+    [UIAlignmentType.START]: 'start',
+};
+
+var UIActionType;
+(function (UIActionType) {
+    // navegação
+    UIActionType["INTERNAL_URL"] = "INTERNAL_URL";
+    UIActionType["RELOAD_INTERNAL_URL"] = "RELOAD_INTERNAL_URL";
+    UIActionType["DISMISS_TO_SCENE"] = "DISMISS_TO_SCENE";
+    // paywall
+    UIActionType["PAYWALL"] = "PAYWALL";
+    UIActionType["REGISTER"] = "REGISTER";
+    // conteúdo
+    UIActionType["HTML"] = "HTML";
+    UIActionType["FILE"] = "FILE";
+})(UIActionType || (UIActionType = {}));
+
+class UIActionService {
+    constructor(router) {
+        this.router = router;
+    }
+    execute(action) {
+        if (!action || !action.type)
+            return;
+        switch (action.type) {
+            case UIActionType.INTERNAL_URL:
+            case UIActionType.RELOAD_INTERNAL_URL:
+                if (action.url) {
+                    console.debug('[UIActionService] Navigating to:', action.url);
+                    if (isSduiUrl(action.url)) {
+                        const resolved = resolveSduiUrl(action.url);
+                        this.router.navigate([], {
+                            queryParams: { [SDUI_URL_PARAM]: resolved },
+                            queryParamsHandling: 'merge',
+                        });
+                    }
+                    else {
+                        this.router.navigateByUrl(action.url, { replaceUrl: false });
+                    }
+                }
+                break;
+            // Outros tipos de ação podem ser adicionados aqui
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIActionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$2.Router }] });
+
+class UIViewDirective {
+    constructor(elementRef, renderer, router, actionService, screenViewModel) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.router = router;
+        this.actionService = actionService;
+        this.screenViewModel = screenViewModel;
+        this.disableClick = false;
+    }
+    ngOnChanges(changes) {
+        if (this.edmSduiView) {
+            this.applyStyles(this.edmSduiView);
+        }
+    }
+    applyStyles(uiView) {
+        if (uiView.padding) {
+            this.applyPadding(uiView.padding);
+        }
+        if (uiView.background) {
+            this.applyBackground(uiView.background);
+        }
+        if (uiView.action) {
+            this.applyAction(uiView.action);
+        }
+        if (uiView.alignment) {
+            this.applyAlignment(uiView.alignment);
+        }
+        if (uiView.shadow) {
+            this.applyShadow(uiView.shadow);
+        }
+        if (uiView.radius) {
+            this.applyRadius(uiView.radius);
+        }
+        if (uiView.spacing) {
+            this.applySpacing(uiView.spacing);
+        }
+    }
+    applyPadding(uiPadding) {
+        if (uiPadding.top) {
+            const padValue = padMapping[uiPadding.top];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'margin-top', padValue);
+        }
+        if (uiPadding.left) {
+            const padValue = padMapping[uiPadding.left];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'margin-left', padValue);
+        }
+        if (uiPadding.right) {
+            const padValue = padMapping[uiPadding.right];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'margin-right', padValue);
+        }
+        if (uiPadding.bottom) {
+            const padValue = padMapping[uiPadding.bottom];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'margin-bottom', padValue);
+        }
+    }
+    applyBackground(uiBackground) {
+        if (uiBackground.backgroundColor) {
+            const backgroundColor = colorMapping[uiBackground.backgroundColor];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'background-color', backgroundColor);
+        }
+    }
+    applyAction(uiAction) {
+        if (this.disableClick) {
+            return;
+        }
+        this.renderer.setStyle(this.elementRef.nativeElement, 'cursor', 'pointer');
+    }
+    applyAlignment(uiAlignment) {
+        if (uiAlignment.alignment) {
+            // console.debug('alignment:', uiAlignment.alignment);
+            const alignment = alignmentMapping[uiAlignment.alignment];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'align-items', alignment);
+        }
+    }
+    applyShadow(uiShadow) { }
+    applyRadius(uiRadius) {
+        if (uiRadius.topLeft) {
+            const radius = radiusMapping[uiRadius.topLeft];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'border-top-left-radius', radius);
+        }
+        if (uiRadius.topRight) {
+            const radius = radiusMapping[uiRadius.topRight];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'border-top-right-radius', radius);
+        }
+        if (uiRadius.bottomLeft) {
+            const radius = radiusMapping[uiRadius.bottomLeft];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'border-bottom-left-radius', radius);
+        }
+        if (uiRadius.bottomRight) {
+            const radius = radiusMapping[uiRadius.bottomRight];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'border-bottom-right-radius', radius);
+        }
+    }
+    applySpacing(uiSpacing) {
+        if (uiSpacing.spacing) {
+            const spacingValue = spaceMapping[uiSpacing.spacing];
+            this.renderer.setStyle(this.elementRef.nativeElement, 'gap', spacingValue);
+        }
+    }
+    onClick(event) {
+        if (this.disableClick)
+            return;
+        if (this.edmSduiView?.action) {
+            event.stopPropagation();
+            this.actionService.execute(this.edmSduiView.action);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$2.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: UIViewDirective, isStandalone: false, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[edmSduiView]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$2.Router }, { type: UIActionService }, { type: UIScreenViewModel, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { edmSduiView: [{
+                type: Input
+            }], disableClick: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class NavigationControlsComponent {
+    constructor(viewModel) {
+        this.viewModel = viewModel;
+    }
+    ngOnInit() {
+        // Monitorar o estado do botão de voltar para debugging
+        this.viewModel.canGoBack$.subscribe((canGoBack) => {
+            console.debug('[NavigationControls] Estado do botão de voltar:', canGoBack);
+        });
+    }
+    goBack() {
+        console.debug('[NavigationControls] Botão de voltar clicado');
+        this.viewModel.goBack();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: NavigationControlsComponent, isStandalone: false, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <span class=\"material-icons\">arrow_back</span>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"], dependencies: [{ kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: NavigationControlsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\">\n  <button\n    class=\"back-button\"\n    [disabled]=\"!(viewModel.canGoBack$ | async)\"\n    (click)=\"goBack()\"\n  >\n    <span class=\"material-icons\">arrow_back</span>\n  </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;border:1px solid #e0e0e0;background-color:#f5f5f5;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}.navigation-controls button .material-icons{font-size:18px;color:#444}\n"] }]
+        }], ctorParameters: () => [{ type: UIScreenViewModel }] });
+
+class UIScreenComponent {
+    constructor(viewModel) {
+        this.viewModel = viewModel;
+        this.UIScreenIdentifier = UIScreenIdentifier;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: UIScreenComponent, isStandalone: false, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: UIScreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<div *ngIf=\"viewModel.isLoading$ | async\"><p>Carregando...</p></div>\n\n<div *ngIf=\"viewModel.error$ | async as errorMessage\">\n  <p class=\"error-label\">Erro: {{ errorMessage }}</p>\n</div>\n\n<div\n  class=\"ui-screen\"\n  *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n  [edmSduiView]=\"uiScreen\"\n>\n  <edm-sdui-navigation-controls\n    [edmSduiView]=\"uiScreen\"\n  ></edm-sdui-navigation-controls>\n\n  <ng-container [ngSwitch]=\"uiScreen.identifier\">\n    <edm-sdui-single-column-layout\n      *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-single-column-layout>\n\n    <edm-sdui-centered-content-layout\n      *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n      [uiLayout]=\"uiScreen.content\"\n    >\n    </edm-sdui-centered-content-layout>\n  </ng-container>\n</div>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}\n"] }]
+        }], ctorParameters: () => [{ type: UIScreenViewModel }] });
+
+class RowComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('row.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: RowComponent, isStandalone: false, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let component of uiComponent.components\"\n    [uiComponent]=\"component\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row{display:flex;flex-direction:row}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+
+var row_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RowComponent: RowComponent
+});
+
+class ColumnComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('column.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ColumnComponent, isStandalone: false, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  >\n  </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+
+var column_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ColumnComponent: ColumnComponent
+});
+
+var UITextStyle;
+(function (UITextStyle) {
+    UITextStyle["LARGE_TITLE"] = "large_title";
+    UITextStyle["TITLE_1"] = "title_1";
+    UITextStyle["TITLE_2"] = "title_2";
+    UITextStyle["TITLE_3"] = "title_3";
+    UITextStyle["CALLOUT"] = "callout";
+    UITextStyle["HEADLINE"] = "headline";
+    UITextStyle["SUBHEADLINE"] = "subheadline";
+    UITextStyle["BODY"] = "body";
+    UITextStyle["CAPTION_1"] = "caption_1";
+    UITextStyle["CAPTION_2"] = "caption_2";
+    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 LabelComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('label.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
+        }
+        const maxLines = element.maxLines ?? 1;
+        // TODO: - definir o maxLines do Span
+        if (element.opacity) {
+            const opacity = element.opacity;
+            this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: LabelComponent, isStandalone: false, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n  uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-label', standalone: false, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n  uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { spanElementRef: [{
+                type: ViewChild,
+                args: ['spanElement']
+            }] } });
+
+var label_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    LabelComponent: LabelComponent
+});
+
+class SpaceComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('space.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SpaceComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SpaceComponent, isStandalone: false, selector: "edm-sdui-space", ngImport: i0, template: "<div class=\"space\"></div>\n", styles: [":host{display:contents}.space{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SpaceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-space', standalone: false, template: "<div class=\"space\"></div>\n", styles: [":host{display:contents}.space{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+
+var space_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SpaceComponent: SpaceComponent
+});
+
+class ZStackComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('zstack.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ZStackComponent, isStandalone: false, selector: "edm-sdui-zstack", ngImport: i0, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ZStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-zstack', standalone: false, template: "<div class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n  <edm-sdui-component\n    *ngFor=\"let child of uiComponent.components\"\n    [uiComponent]=\"child\"\n  ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid;place-items:center}.zstack>*{grid-area:1/1}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+
+var zstack_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ZStackComponent: ZStackComponent
+});
+
+class RowDivisorComponent {
+    constructor(uiComponent) {
+        this.uiComponent = uiComponent;
+    }
+    ngOnInit() {
+        // console.debug('rowDivisor.uiComponent: ', this.uiComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowDivisorComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: RowDivisorComponent, isStandalone: false, selector: "edm-sdui-row-divisor", ngImport: i0, template: "<div\n  class=\"row-divisor\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n></div>\n", styles: [":host{display:contents}.row-divisor{height:1px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RowDivisorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-row-divisor', standalone: false, template: "<div\n  class=\"row-divisor\"\n  *ngIf=\"uiComponent\"\n  [edmSduiView]=\"uiComponent.element\"\n></div>\n", styles: [":host{display:contents}.row-divisor{height:1px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }] });
+
+var rowDivisor_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RowDivisorComponent: RowDivisorComponent
+});
+
+var UIAsset;
+(function (UIAsset) {
+    UIAsset["BG_ASSINATURAS"] = "bg_assinaturas";
+    UIAsset["BG_CHALLENGE_ACTIVITY_FINAL"] = "bg_challenge_activity_final";
+    UIAsset["BG_LIGHT"] = "bg_light";
+    UIAsset["BG_LOGIN"] = "bg_login";
+    UIAsset["BG_POST"] = "bg_post";
+    UIAsset["BG_QUIZ_FINAL"] = "bg_quiz_final";
+    UIAsset["BG_RATING_PROGRAM"] = "bg_rating_program";
+    UIAsset["BG_SPLASH"] = "bg_splash";
+    UIAsset["BG_STORY"] = "bg_story";
+    UIAsset["BG_SURVEY"] = "bg_survey";
+    UIAsset["BT_ABOUT_ACTIONS_OFF"] = "bt_about_actions_off";
+    UIAsset["BT_ANONYMOUS_COMMENT_OFF"] = "bt_anonymous_comment_off";
+    UIAsset["BT_ANONYMOUS_COMMENT_ON"] = "bt_anonymous_comment_on";
+    UIAsset["BT_BACK"] = "bt_back";
+    UIAsset["BT_BACK_LIVE"] = "bt_back_live";
+    UIAsset["BT_BACK_NEW"] = "bt_back_new";
+    UIAsset["BT_BACK_PLAYER"] = "bt_back_player";
+    UIAsset["BT_BACK_STORY"] = "bt_back_story";
+    UIAsset["BT_CANCEL_LIST"] = "bt_cancel_list";
+    UIAsset["BT_CAPTURE_PHOTO"] = "bt_capture_photo";
+    UIAsset["BT_CAPTURE_VIDEO"] = "bt_capture_video";
+    UIAsset["BT_CAPTURE_VIDEO_LINE"] = "bt_capture_video_line";
+    UIAsset["BT_CERTIFICATION_ACTIONS_OFF"] = "bt_certification_actions_off";
+    UIAsset["BT_CERTIFICATION_ACTIONS_ON"] = "bt_certification_actions_on";
+    UIAsset["BT_CHECK_ACTION_OFF"] = "bt_check_action_off";
+    UIAsset["BT_CHECK_ACTION_ON"] = "bt_check_action_on";
+    UIAsset["BT_CHECK_FIX_OFF"] = "bt_check_fix_off";
+    UIAsset["BT_CHECK_OFF"] = "bt_check_off";
+    UIAsset["BT_CHECK_ON"] = "bt_check_on";
+    UIAsset["BT_CHECK_TERMS_OFF"] = "bt_check_terms_off";
+    UIAsset["BT_CHECK_TERMS_ON"] = "bt_check_terms_on";
+    UIAsset["BT_CLIPS_TAB"] = "bt_clips_tab";
+    UIAsset["BT_CLIPS_TAB_ON"] = "bt_clips_tab_on";
+    UIAsset["BT_CLOSE"] = "bt_close";
+    UIAsset["BT_CLOSE_COMMENT"] = "bt_close_comment";
+    UIAsset["BT_CLOSE_FULL_IMAGE"] = "bt_close_full_image";
+    UIAsset["BT_CLOSE_LIST"] = "bt_close_list";
+    UIAsset["BT_CLOSE_LIVE"] = "bt_close_live";
+    UIAsset["BT_CLOSE_RATING"] = "bt_close_rating";
+    UIAsset["BT_CLOSE_SCREEN_PLAYER"] = "bt_close_screen_player";
+    UIAsset["BT_CLOSE_STORY"] = "bt_close_story";
+    UIAsset["BT_CLOSE_TAGS"] = "bt_close_tags";
+    UIAsset["BT_COMMENT_OFF"] = "bt_comment_off";
+    UIAsset["BT_COMMENT_ON"] = "bt_comment_on";
+    UIAsset["BT_COMUNIDADE_TAB"] = "bt_comunidade_tab";
+    UIAsset["BT_COMUNIDADE_TAB_ON"] = "bt_comunidade_tab_on";
+    UIAsset["BT_CONFIG_NAVBAR"] = "bt_config_navbar";
+    UIAsset["BT_CONFIG_PLAYER"] = "bt_config_player";
+    UIAsset["BT_DELETE_STORY"] = "bt_delete_story";
+    UIAsset["BT_DISABLED"] = "bt_disabled";
+    UIAsset["BT_DOWNLOAD_ACTION_OFF"] = "bt_download_action_off";
+    UIAsset["BT_DOWNLOAD_LIST"] = "bt_download_list";
+    UIAsset["BT_DOWNLOAD_NAV"] = "bt_download_nav";
+    UIAsset["BT_DOWNLOAD_TAB"] = "bt_download_tab";
+    UIAsset["BT_DOWNLOAD_TAB_ON"] = "bt_download_tab_on";
+    UIAsset["BT_EVALUATION_ACTION"] = "bt_evaluation_action";
+    UIAsset["BT_EVALUATION_ACTION_OFF"] = "bt_evaluation_action_off";
+    UIAsset["BT_EVALUATION_ACTION_ON"] = "bt_evaluation_action_on";
+    UIAsset["BT_FAV_ACTIONS_OFF"] = "bt_fav_actions_off";
+    UIAsset["BT_FAV_ACTIONS_ON"] = "bt_fav_actions_on";
+    UIAsset["BT_FAV_OFF"] = "bt_fav_off";
+    UIAsset["BT_FAV_ON"] = "bt_fav_on";
+    UIAsset["BT_FILE"] = "bt_file";
+    UIAsset["BT_FULL_SCREEN_PLAYER"] = "bt_full_screen_player";
+    UIAsset["BT_GALLERY"] = "bt_gallery";
+    UIAsset["BT_INFO"] = "bt_info";
+    UIAsset["BT_LIKE_COMMENT"] = "bt_like_comment";
+    UIAsset["BT_LIKE_COMMENT_ON"] = "bt_like_comment_on";
+    UIAsset["BT_LIKE_LIVE"] = "bt_like_live";
+    UIAsset["BT_LIKE_LIVE_ON"] = "bt_like_live_on";
+    UIAsset["BT_LIKE_OFF"] = "bt_like_off";
+    UIAsset["BT_LIKE_ON"] = "bt_like_on";
+    UIAsset["BT_LINK_GENERIC"] = "bt_link_generic";
+    UIAsset["BT_LOCK"] = "bt_lock";
+    UIAsset["BT_LOGOUT"] = "bt_logout";
+    UIAsset["BT_MATERIAL"] = "bt_material";
+    UIAsset["BT_MATERIALS_ACTIONS_OFF"] = "bt_materials_actions_off";
+    UIAsset["BT_MENU"] = "bt_menu";
+    UIAsset["BT_MY_LIST_ACTION_OFF"] = "bt_my_list_action_off";
+    UIAsset["BT_MY_LIST_ACTION_ON"] = "bt_my_list_action_on";
+    UIAsset["BT_MY_LIST_NAV_OFF"] = "bt_my_list_nav_off";
+    UIAsset["BT_MY_LIST_NAV_ON"] = "bt_my_list_nav_on";
+    UIAsset["BT_NEW_STORY"] = "bt_new_story";
+    UIAsset["BT_NEXT"] = "bt_next";
+    UIAsset["BT_NEXT_ACTIONS"] = "bt_next_actions";
+    UIAsset["BT_NEXT_CHALLENGE"] = "bt_next_challenge";
+    UIAsset["BT_NEXT_CLIPS"] = "bt_next_clips";
+    UIAsset["BT_NEXT_MAIN"] = "bt_next_main";
+    UIAsset["BT_NOTE_ACTIONS_OFF"] = "bt_note_actions_off";
+    UIAsset["BT_NOTE_ACTIONS_ON"] = "bt_note_actions_on";
+    UIAsset["BT_NOTIFICATION"] = "bt_notification";
+    UIAsset["BT_NOTIFICATION_ON"] = "bt_notification_on";
+    UIAsset["BT_NOTIFICATIONS_TAB"] = "bt_notifications_tab";
+    UIAsset["BT_OPEN"] = "bt_open";
+    UIAsset["BT_OPEN_LIST"] = "bt_open_list";
+    UIAsset["BT_OPEN_LIST_AUDIO"] = "bt_open_list_audio";
+    UIAsset["BT_OPORTUNIDADES_TAB"] = "bt_oportunidades_tab";
+    UIAsset["BT_OPORTUNIDADES_TAB_ON"] = "bt_oportunidades_tab_on";
+    UIAsset["BT_OPTIONS"] = "bt_options";
+    UIAsset["BT_PAUSE_VIEW_AUDIO"] = "bt_pause_view_audio";
+    UIAsset["BT_PAUSE_VIEW_CLIPS"] = "bt_pause_view_clips";
+    UIAsset["BT_PERFIL"] = "bt_perfil";
+    UIAsset["BT_PERFIL_TAB"] = "bt_perfil_tab";
+    UIAsset["BT_PHOTO_COMMENT"] = "bt_photo_comment";
+    UIAsset["BT_PIMP_PLAYER"] = "bt_pimp_player";
+    UIAsset["BT_PLAY_VIEW_AUDIO"] = "bt_play_view_audio";
+    UIAsset["BT_PLAY_VIEW_CLIPS"] = "bt_play_view_clips";
+    UIAsset["BT_POST"] = "bt_post";
+    UIAsset["BT_RATING_OFF"] = "bt_rating_off";
+    UIAsset["BT_RATING_ON"] = "bt_rating_on";
+    UIAsset["BT_RESTART_ACTIONS_OFF"] = "bt_restart_actions_off";
+    UIAsset["BT_SEARCH"] = "bt_search";
+    UIAsset["BT_SEEK"] = "bt_seek";
+    UIAsset["BT_SELFIE"] = "bt_selfie";
+    UIAsset["BT_SEND_OFF"] = "bt_send_off";
+    UIAsset["BT_SEND_ON"] = "bt_send_on";
+    UIAsset["BT_SHARE_LIVE"] = "bt_share_live";
+    UIAsset["BT_SHARE_POST_OFF"] = "bt_share_post_off";
+    UIAsset["BT_SPEED_PLAYER"] = "bt_speed_player";
+    UIAsset["BT_TEXT_STORIES"] = "bt_text_stories";
+    UIAsset["BT_TIME24_STORY"] = "bt_time24_story";
+    UIAsset["BT_TIME48_STORY"] = "bt_time48_story";
+    UIAsset["BT_TIME72_STORY"] = "bt_time72_story";
+    UIAsset["BT_TRASH"] = "bt_trash";
+    UIAsset["BT_TV"] = "bt_tv";
+    UIAsset["BT_TV_ON"] = "bt_tv_on";
+    UIAsset["BT_TV_ON_LIST"] = "bt_tv_on_list";
+    UIAsset["BT_TV_ON_MAIN"] = "bt_tv_on_main";
+    UIAsset["BT_VIDEO_HELP_PLAYER"] = "bt_video_help_player";
+    UIAsset["IC_ACTIVITE"] = "ic_activite";
+    UIAsset["IC_ACTIVITY"] = "ic_activity";
+    UIAsset["IC_ACTIVITY_MY_APP"] = "ic_activity_my_app";
+    UIAsset["IC_AI_STAR"] = "ic_ai_star";
+    UIAsset["IC_AI_TAG"] = "ic_ai_tag";
+    UIAsset["IC_ALERT_NEW_POST"] = "ic_alert_new_post";
+    UIAsset["IC_ALERT_NOTIFICATION"] = "ic_alert_notification";
+    UIAsset["IC_ANONYMOUS_POST"] = "ic_anonymous_post";
+    UIAsset["IC_ATTENTION"] = "ic_attention";
+    UIAsset["IC_ATTENTION_RULES"] = "ic_attention_rules";
+    UIAsset["IC_AUDIO_CLIPS"] = "ic_audio_clips";
+    UIAsset["IC_AUDIO_LIST"] = "ic_audio_list";
+    UIAsset["IC_AUDIO_LIST_DISABLED"] = "ic_audio_list_disabled";
+    UIAsset["IC_AVATAR"] = "ic_avatar";
+    UIAsset["IC_AVATAR_COMMENT"] = "ic_avatar_comment";
+    UIAsset["IC_AVATAR_LIVE"] = "ic_avatar_live";
+    UIAsset["IC_AVATAR_RANKING_LIST"] = "ic_avatar_ranking_list";
+    UIAsset["IC_AVATAR_RANKING_ONE"] = "ic_avatar_ranking_one";
+    UIAsset["IC_AVATAR_RANKING_TWO"] = "ic_avatar_ranking_two";
+    UIAsset["IC_AVATAR_REGISTER"] = "ic_avatar_register";
+    UIAsset["IC_CERTIFICATION"] = "ic_certification";
+    UIAsset["IC_CERTIFICATION_MAIN"] = "ic_certification_main";
+    UIAsset["IC_CERTIFICATION_MY_APP"] = "ic_certification_my_app";
+    UIAsset["IC_CHALLENGE_PTS"] = "ic_challenge_pts";
+    UIAsset["IC_CHALLENGE_PTS_DETAIL"] = "ic_challenge_pts_detail";
+    UIAsset["IC_CHALLENGE_PTS_LIST"] = "ic_challenge_pts_list";
+    UIAsset["IC_CHALLENGE_PTS_LIST_DISABLED"] = "ic_challenge_pts_list_disabled";
+    UIAsset["IC_CHALLENGE_RANKING"] = "ic_challenge_ranking";
+    UIAsset["IC_CHECK"] = "ic_check";
+    UIAsset["IC_CHROMECAST"] = "ic_chromecast";
+    UIAsset["IC_CLIP_EMPTY"] = "ic_clip_empty";
+    UIAsset["IC_COMMENT_SEARCH_LIST"] = "ic_comment_search_list";
+    UIAsset["IC_CONTACT"] = "ic_contact";
+    UIAsset["IC_DADOS_CHECK"] = "ic_dados_check";
+    UIAsset["IC_DELETE_ACCOUNT"] = "ic_delete_account";
+    UIAsset["IC_DISABLED_LESSON"] = "ic_disabled_lesson";
+    UIAsset["IC_DOWNLOAD_EMPTY"] = "ic_download_empty";
+    UIAsset["IC_DOWNLOAD_MY_APP"] = "ic_download_my_app";
+    UIAsset["IC_DOWNLOADS_LIST"] = "ic_downloads_list";
+    UIAsset["IC_EMAIL"] = "ic_email";
+    UIAsset["IC_EMPTY_CLASS"] = "ic_empty_class";
+    UIAsset["IC_ERROR"] = "ic_error";
+    UIAsset["IC_ERROR_CHALLENGE"] = "ic_error_challenge";
+    UIAsset["IC_FILE"] = "ic_file";
+    UIAsset["IC_FILE_CLIPS"] = "ic_file_clips";
+    UIAsset["IC_FILE_DISABLED"] = "ic_file_disabled";
+    UIAsset["IC_FIX_POST"] = "ic_fix_post";
+    UIAsset["IC_FLAG_END"] = "ic_flag_end";
+    UIAsset["IC_FLAG_START"] = "ic_flag_start";
+    UIAsset["IC_FULL_IMAGE"] = "ic_full_image";
+    UIAsset["IC_LAST_SEARCH"] = "ic_last_search";
+    UIAsset["IC_LEVEL_ONE"] = "ic_level_one";
+    UIAsset["IC_LEVEL_ONE_PROFILE"] = "ic_level_one_profile";
+    UIAsset["IC_LEVEL_THREE"] = "ic_level_three";
+    UIAsset["IC_LEVEL_TWO"] = "ic_level_two";
+    UIAsset["IC_LIKE_SEARCH_LIST"] = "ic_like_search_list";
+    UIAsset["IC_LINK_CLIPS"] = "ic_link_clips";
+    UIAsset["IC_LINK_GENERIC"] = "ic_link_generic";
+    UIAsset["IC_LINK_LIST"] = "ic_link_list";
+    UIAsset["IC_LINK_LIST_DISABLED"] = "ic_link_list_disabled";
+    UIAsset["IC_LIVE_WAITING"] = "ic_live_waiting";
+    UIAsset["IC_LOCK"] = "ic_lock";
+    UIAsset["IC_LOCK_CHECK"] = "ic_lock_check";
+    UIAsset["IC_LOCK_LESSON"] = "ic_lock_lesson";
+    UIAsset["IC_MY_LIST"] = "ic_my_list";
+    UIAsset["IC_MY_LIST_EMPTY"] = "ic_my_list_empty";
+    UIAsset["IC_MY_LIST_MY_APP"] = "ic_my_list_my_app";
+    UIAsset["IC_MY_SHOP"] = "ic_my_shop";
+    UIAsset["IC_MY_SHOP_MY_APP"] = "ic_my_shop_my_app";
+    UIAsset["IC_MY_VOTE"] = "ic_my_vote";
+    UIAsset["IC_NOT_FOUND"] = "ic_not_found";
+    UIAsset["IC_NOTE"] = "ic_note";
+    UIAsset["IC_NOTE_MY_APP"] = "ic_note_my_app";
+    UIAsset["IC_NOTIFICATION_EMPTY"] = "ic_notification_empty";
+    UIAsset["IC_NOTIFICATION_MY_APP"] = "ic_notification_my_app";
+    UIAsset["IC_NOTIFICATION_MY_APP_ON"] = "ic_notification_my_app_on";
+    UIAsset["IC_NOTIFICATION_OFF"] = "ic_notification_off";
+    UIAsset["IC_NOTIFICATION_ON"] = "ic_notification_on";
+    UIAsset["IC_PAUSE_VIEW"] = "ic_pause_view";
+    UIAsset["IC_PAUSE_VIEW_AUDIO"] = "ic_pause_view_audio";
+    UIAsset["IC_PAUSE_VIEW_SOUND"] = "ic_pause_view_sound";
+    UIAsset["IC_PERGUNTAS"] = "ic_perguntas";
+    UIAsset["IC_PIN_CARD"] = "ic_pin_card";
+    UIAsset["IC_PLAY_CLIPS"] = "ic_play_clips";
+    UIAsset["IC_PLAY_LIST"] = "ic_play_list";
+    UIAsset["IC_PLAY_LIST_DISABLED"] = "ic_play_list_disabled";
+    UIAsset["IC_PLAY_VIEW"] = "ic_play_view";
+    UIAsset["IC_PLAY_VIEW_AUDIO"] = "ic_play_view_audio";
+    UIAsset["IC_PLAY_VIEW_SOUND"] = "ic_play_view_sound";
+    UIAsset["IC_POLITICS"] = "ic_politics";
+    UIAsset["IC_POST"] = "ic_post";
+    UIAsset["IC_POST_AUDIO"] = "ic_post_audio";
+    UIAsset["IC_POST_EMPTY"] = "ic_post_empty";
+    UIAsset["IC_POST_IMAGE"] = "ic_post_image";
+    UIAsset["IC_POST_TEXT"] = "ic_post_text";
+    UIAsset["IC_POST_VIDEO"] = "ic_post_video";
+    UIAsset["IC_POST_VIDEO_FULL"] = "ic_post_video_full";
+    UIAsset["IC_PTS"] = "ic_pts";
+    UIAsset["IC_QUIZ_CLIPS"] = "ic_quiz_clips";
+    UIAsset["IC_QUIZ_FINAL"] = "ic_quiz_final";
+    UIAsset["IC_QUIZ_LIST"] = "ic_quiz_list";
+    UIAsset["IC_QUIZ_LIST_DISABLED"] = "ic_quiz_list_disabled";
+    UIAsset["IC_RANKING_LOCK"] = "ic_ranking_lock";
+    UIAsset["IC_RANKING_N1"] = "ic_ranking_n1";
+    UIAsset["IC_RANKING_N2"] = "ic_ranking_n2";
+    UIAsset["IC_RANKING_N3"] = "ic_ranking_n3";
+    UIAsset["IC_RATING_LIST"] = "ic_rating_list";
+    UIAsset["IC_RATING_LIST_DISABLED"] = "ic_rating_list_disabled";
+    UIAsset["IC_RATING_PROGRAM"] = "ic_rating_program";
+    UIAsset["IC_SEARCH"] = "ic_search";
+    UIAsset["IC_SEARCH_EMPTY"] = "ic_search_empty";
+    UIAsset["IC_SHARE_SEARCH_LIST"] = "ic_share_search_list";
+    UIAsset["IC_SHOP"] = "ic_shop";
+    UIAsset["IC_SHOP_MY_APP"] = "ic_shop_my_app";
+    UIAsset["IC_SMARTTV"] = "ic_smarttv";
+    UIAsset["IC_SPEED"] = "ic_speed";
+    UIAsset["IC_STATUS_CHALLENGE_WAIT"] = "ic_status_challenge_wait";
+    UIAsset["IC_STORY_CHECK"] = "ic_story_check";
+    UIAsset["IC_SUBSCRIBE"] = "ic_subscribe";
+    UIAsset["IC_SUBSCRIBE_MY_APP"] = "ic_subscribe_my_app";
+    UIAsset["IC_TAG_CHALLENGE"] = "ic_tag_challenge";
+    UIAsset["IC_TAG_RANKING"] = "ic_tag_ranking";
+    UIAsset["IC_TAG_RANKING_MAIN"] = "ic_tag_ranking_main";
+    UIAsset["IC_TAG_VIP"] = "ic_tag_vip";
+    UIAsset["IC_TERMS"] = "ic_terms";
+    UIAsset["IC_TEXT_CLIPS"] = "ic_text_clips";
+    UIAsset["IC_TEXT_LIST"] = "ic_text_list";
+    UIAsset["IC_TEXT_LIST_DISABLED"] = "ic_text_list_disabled";
+    UIAsset["IC_TV"] = "ic_tv";
+    UIAsset["IC_TV_MIRROR"] = "ic_tv_mirror";
+    UIAsset["IC_TYPE_FILE"] = "ic_type_file";
+    UIAsset["IC_TYPE_TEXT"] = "ic_type_text";
+    UIAsset["IC_VERIFIED"] = "ic_verified";
+    UIAsset["IC_VERIFIED_COMMENT"] = "ic_verified_comment";
+    UIAsset["IC_VIEW"] = "ic_view";
+    UIAsset["IC_VIEW_LIVE"] = "ic_view_live";
+    UIAsset["IC_VIEW_STORY"] = "ic_view_story";
+    UIAsset["IC_VOTE"] = "ic_vote";
+    UIAsset["IMG"] = "img";
+    UIAsset["IMG_AVATAR_STORY"] = "img_avatar_story";
+    UIAsset["IMG_AVATAR_STORY_VIEW"] = "img_avatar_story_view";
+    UIAsset["IMG_BG_ASSINATURAS"] = "img_bg_assinaturas";
+    UIAsset["IMG_BG_PAINEL"] = "img_bg_painel";
+    UIAsset["IMG_BT_APPLESTORE"] = "img_bt_applestore";
+    UIAsset["IMG_BT_GOOGLEPLAY"] = "img_bt_googleplay";
+    UIAsset["IMG_CAPA_VIDEO"] = "img_capa_video";
+    UIAsset["IMG_CHECKOUT_DESKTOP"] = "img_checkout_desktop";
+    UIAsset["IMG_CHECKOUT_MOBILE"] = "img_checkout_mobile";
+    UIAsset["IMG_CHECKOUT_RIGHT"] = "img_checkout_right";
+    UIAsset["IMG_CLASS_FILE"] = "img_class_file";
+    UIAsset["IMG_COMUNIDADE"] = "img_comunidade";
+    UIAsset["IMG_FAV"] = "img_fav";
+    UIAsset["IMG_LOGO"] = "img_logo";
+    UIAsset["IMG_LOGO_EMAIL"] = "img_logo_email";
+    UIAsset["IMG_LOGO_HORIZ"] = "img_logo_horiz";
+    UIAsset["IMG_LOGO_LOGIN"] = "img_logo_login";
+    UIAsset["IMG_LOGO_NAV"] = "img_logo_nav";
+    UIAsset["IMG_LOGO_NORMAL"] = "img_logo_normal";
+    UIAsset["IMG_LOGO_PAYMENT"] = "img_logo_payment";
+    UIAsset["IMG_MASK_AUDIO_BLUR"] = "img_mask_audio_blur";
+    UIAsset["IMG_MASK_BANNER_BLUR"] = "img_mask_banner_blur";
+    UIAsset["IMG_MASK_BANNER_MAIN"] = "img_mask_banner_main";
+    UIAsset["IMG_MASK_CAST_LIST"] = "img_mask_cast_list";
+    UIAsset["IMG_MASK_CATEGORY_HIGHLIGHT"] = "img_mask_category_highlight";
+    UIAsset["IMG_MASK_CHALLENGE_ACTIVITY"] = "img_mask_challenge_activity";
+    UIAsset["IMG_MASK_FILE"] = "img_mask_file";
+    UIAsset["IMG_MASK_LIVE"] = "img_mask_live";
+    UIAsset["IMG_MASK_LIVE_TOP"] = "img_mask_live_top";
+    UIAsset["IMG_MASK_LIVE_WAITING"] = "img_mask_live_waiting";
+    UIAsset["IMG_MASK_MAIN_BANNERS"] = "img_mask_main_banners";
+    UIAsset["IMG_MASK_PROFILE"] = "img_mask_profile";
+    UIAsset["IMG_MASK_PROGRAM"] = "img_mask_program";
+    UIAsset["IMG_MASK_RATING"] = "img_mask_rating";
+    UIAsset["IMG_MASK_SOUND_BLUR"] = "img_mask_sound_blur";
+    UIAsset["IMG_PLACEHOLDER_CAST"] = "img_placeholder_cast";
+    UIAsset["IMG_PLACEHOLDER_FILE"] = "img_placeholder_file";
+    UIAsset["IMG_PLACEHOLDER_LEVEL"] = "img_placeholder_level";
+    UIAsset["IMG_PLACEHOLDER_MAIN"] = "img_placeholder_main";
+    UIAsset["IMG_PLACEHOLDER_MEUS_VIDEOS"] = "img_placeholder_meus_videos";
+    UIAsset["IMG_PLACEHOLDER_NOTIFICATION"] = "img_placeholder_notification";
+    UIAsset["IMG_PLACEHOLDER_POST_IMAGEM"] = "img_placeholder_post_imagem";
+    UIAsset["IMG_PLACEHOLDER_POST_VIP"] = "img_placeholder_post_vip";
+    UIAsset["IMG_PLACEHOLDER_PROGRAM"] = "img_placeholder_program";
+    UIAsset["IMG_PLACEHOLDER_RANKING"] = "img_placeholder_ranking";
+    UIAsset["IMG_PLACEHOLDER_STORY"] = "img_placeholder_story";
+    UIAsset["IMG_PLACEHOLDER_TEXT"] = "img_placeholder_text";
+    UIAsset["IMG_PLACEHOLDER_VIDEO_MAIN"] = "img_placeholder_video_main";
+    UIAsset["IMG_SHARE_WHATSAPP"] = "img_share_whatsapp";
+    UIAsset["IMG_SYMBOL80"] = "img_symbol80";
+    UIAsset["IMG_THUMB_HORIZ"] = "img_thumb_horiz";
+    UIAsset["IMG_THUMB_PROG_VERT"] = "img_thumb_prog_vert";
+    UIAsset["IMG_THUMB_PROG_VERT1"] = "img_thumb_prog_vert1";
+    UIAsset["IMG_THUMB_PROG_VERT2"] = "img_thumb_prog_vert2";
+    UIAsset["IMG_THUMB_PROG_VERT3"] = "img_thumb_prog_vert3";
+    UIAsset["MASK_DETAIL"] = "mask_detail";
+    UIAsset["MASK_DETAIL_CERTIFICATION"] = "mask_detail_certification";
+    UIAsset["MASK_DETAIL_CHALLENGE"] = "mask_detail_challenge";
+    UIAsset["MASK_DETAIL_POST_VIP"] = "mask_detail_post_vip";
+    UIAsset["MASK_DETAIL_RANKING"] = "mask_detail_ranking";
+    UIAsset["MASK_IMG_CARROSEL"] = "mask_img_carrosel";
+    UIAsset["MASK_IMG_MAIN"] = "mask_img_main";
+    UIAsset["MASK_IMG_TOP_STORY"] = "mask_img_top_story";
+    UIAsset["MASK_NEXT_CLASS"] = "mask_next_class";
+    UIAsset["REPEAT_BACK"] = "repeat_back";
+    UIAsset["REPEAT_BACK_SOUND"] = "repeat_back_sound";
+    UIAsset["REPEAT_FRONT"] = "repeat_front";
+    UIAsset["REPEAT_FRONT_SOUND"] = "repeat_front_sound";
+    UIAsset["SPACE_GRAY"] = "space_gray";
+    UIAsset["VIDEO_REPEAT_BACK"] = "video_repeat_back";
+    UIAsset["VIDEO_REPEAT_FRONT"] = "video_repeat_front";
+    UIAsset["WAY_LEFT_END_OFF"] = "way_left_end_off";
+    UIAsset["WAY_LEFT_END_ON"] = "way_left_end_on";
+    UIAsset["WAY_ONE_OFF"] = "way_one_off";
+    UIAsset["WAY_ONE_ON"] = "way_one_on";
+    UIAsset["WAY_RIGHT_END_OFF"] = "way_right_end_off";
+    UIAsset["WAY_RIGHT_END_ON"] = "way_right_end_on";
+    UIAsset["WAY_START_OFF"] = "way_start_off";
+    UIAsset["WAY_START_ON"] = "way_start_on";
+    UIAsset["WAY_TASK_OFF"] = "way_task_off";
+    UIAsset["WAY_TASK_ON"] = "way_task_on";
+    UIAsset["WAY_TWO_OFF"] = "way_two_off";
+    UIAsset["WAY_TWO_ON"] = "way_two_on";
+})(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',
+};
+
+class ButtonComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('button.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.buttonElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.buttonElementRef.nativeElement, 'font-size', fontSize);
+        }
+    }
+    getAssetPath(asset) {
+        return './assets/' + assetMapping[asset];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonComponent, isStandalone: false, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n  <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n  {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-button', standalone: false, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n  <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n  {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;line-height:1.5;background-color:unset}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { buttonElementRef: [{
+                type: ViewChild,
+                args: ['buttonElement']
+            }] } });
+
+var button_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ButtonComponent: ButtonComponent
+});
+
+var UISize;
+(function (UISize) {
+    UISize["THUMB_1"] = "thumb_1";
+    UISize["ASSET_1"] = "asset_1";
+    UISize["ASSET_2"] = "asset_2";
+    UISize["ASSET_3"] = "asset_3";
+    UISize["ASSET_4"] = "asset_4";
+    UISize["ASSET_5"] = "asset_5";
+    UISize["ASSET_6"] = "asset_6";
+    UISize["ASSET_7"] = "asset_7";
+    UISize["ASSET_8"] = "asset_8";
+})(UISize || (UISize = {}));
+
+const sizeMappingHeight = {
+    [UISize.ASSET_1]: '26px',
+    [UISize.ASSET_2]: '16px',
+    [UISize.ASSET_3]: '80px',
+    [UISize.THUMB_1]: '56px',
+    [UISize.ASSET_4]: '60px',
+    [UISize.ASSET_5]: '18px',
+    [UISize.ASSET_6]: '20px',
+    [UISize.ASSET_7]: '22px',
+    [UISize.ASSET_8]: '24px',
+};
+const sizeMappingWidth = {
+    [UISize.ASSET_1]: '26px',
+    [UISize.ASSET_2]: '16px',
+    [UISize.ASSET_3]: '80px',
+    [UISize.THUMB_1]: '100px',
+    [UISize.ASSET_4]: '60px',
+    [UISize.ASSET_5]: '18px',
+    [UISize.ASSET_6]: '20px',
+    [UISize.ASSET_7]: '22px',
+    [UISize.ASSET_8]: '24px',
+};
+
+class ImageComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('image.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent?.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+        if (element.asset) {
+            const asset = assetMapping[element.asset];
+            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', './assets/' + asset);
+        }
+        else if (element.url) {
+            this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', element.url);
+        }
+        if (element.size) {
+            const height = sizeMappingHeight[element.size];
+            const width = sizeMappingWidth[element.size];
+            this.renderer.setStyle(this.imgElementRef.nativeElement, 'height', height);
+            this.renderer.setStyle(this.imgElementRef.nativeElement, 'width', width);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ImageComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ImageComponent, isStandalone: false, selector: "edm-sdui-image", viewQueries: [{ propertyName: "imgElementRef", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui-image', standalone: false, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { imgElementRef: [{
+                type: ViewChild,
+                args: ['imgElement']
+            }] } });
+
+var image_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ImageComponent: ImageComponent
+});
+
+class SduiComponent {
+    constructor(route, viewModel) {
+        this.route = route;
+        this.viewModel = viewModel;
+        this.currentSduiUrl = null;
+        this.initialUrl = null;
+    }
+    ngOnInit() {
+        this.viewModel.currentUrl$.subscribe((url) => {
+            this.currentSduiUrl = url;
+        });
+        this.route.queryParams.subscribe((params) => {
+            const paramValue = params[SDUI_URL_PARAM];
+            const hasValidParam = this.validateParam(paramValue);
+            if (hasValidParam && this.currentSduiUrl !== paramValue) {
+                console.debug('[SduiComponent] carregando sdui do parâmetro...');
+                this.viewModel.loadUIScreen(paramValue);
+            }
+        });
+    }
+    ngAfterViewInit() {
+        const paramValue = this.route.snapshot.queryParamMap.get(SDUI_URL_PARAM);
+        const hasValidParam = this.validateParam(paramValue);
+        if (!hasValidParam &&
+            this.initialUrl &&
+            this.currentSduiUrl !== this.initialUrl) {
+            console.debug('[SduiComponent] carregando initialUrl:', this.initialUrl);
+            this.viewModel.loadUIScreen(this.initialUrl);
+        }
+    }
+    validateParam(paramValue) {
+        return !!paramValue && paramValue.trim() !== '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: SduiComponent, isStandalone: false, selector: "edm-sdui", inputs: { initialUrl: "initialUrl" }, ngImport: i0, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIScreenComponent, selector: "edm-sdui-uiscreen" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'edm-sdui', standalone: false, template: "<div class=\"sdui-container\">\n  <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
+                type: Input
+            }] } });
+
+const defaultRoutes = [{ path: 'sdui', component: SduiComponent }];
+class SduiRoutingModule {
+    static forChild(customPath) {
+        const routes = customPath
+            ? [{ path: customPath, component: SduiComponent }]
+            : defaultRoutes;
+        return {
+            ngModule: SduiRoutingModule,
+            providers: [],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(defaultRoutes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+class TagComponent {
+    constructor(uiComponent, renderer) {
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+        }
+        if (this.uiComponent.element) {
+            this.applyLabelElement(this.uiComponent.element);
+        }
+    }
+    applyElement(element) {
+    }
+    applyLabelElement(element) {
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(this.tagNameElementRef.nativeElement, 'font-size', fontSize);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: TagComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "tagElementRef", first: true, predicate: ["tagElement"], descendants: true }, { propertyName: "tagNameElementRef", first: true, predicate: ["tagNameElement"], descendants: true }], ngImport: i0, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n    <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { tagElementRef: [{
+                type: ViewChild,
+                args: ['tagElement']
+            }], tagNameElementRef: [{
+                type: ViewChild,
+                args: ['tagNameElement']
+            }] } });
+
+var tag_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TagComponent: TagComponent
+});
+
+class SearchBarComponent {
+    constructor(actionService, uiComponent, renderer) {
+        this.actionService = actionService;
+        this.uiComponent = uiComponent;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        // console.debug('label.uiComponent: ', this.uiComponent);
+    }
+    ngAfterViewInit() {
+        if (this.uiComponent.element) {
+            this.applyElement(this.uiComponent.element);
+            this.renderer.listen(this.inputElementRef.nativeElement, 'keydown', (event) => {
+                if (event.key === 'Enter') {
+                    const action = this.uiComponent.element?.action;
+                    const inputValue = this.inputElementRef.nativeElement.value.trim();
+                    if (action && inputValue && action.url) {
+                        const param = action.param || 'SEARCH';
+                        const encodedValue = encodeURIComponent(inputValue);
+                        try {
+                            const parsed = new URL(action.url);
+                            const innerUrlRaw = parsed.searchParams.get('url');
+                            if (innerUrlRaw) {
+                                const decodedInnerUrl = decodeURIComponent(innerUrlRaw);
+                                const updatedInnerUrl = decodedInnerUrl.replace(`{${param}}`, encodedValue);
+                                parsed.searchParams.set('url', encodeURIComponent(updatedInnerUrl));
+                                const adjustedUrl = parsed.toString();
+                                console.debug('[key.enter]', {
+                                    param,
+                                    encodedValue,
+                                    adjustedUrl,
+                                });
+                                this.actionService.execute({
+                                    ...action,
+                                    url: adjustedUrl,
+                                });
+                            }
+                        }
+                        catch (err) {
+                            console.warn('[key.enter] Invalid action.url format:', action.url, err);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    applyElement(element) {
+        console.debug('search.element:', element);
+        const inputEl = this.inputElementRef.nativeElement;
+        if (element.placeholder) {
+            this.renderer.setAttribute(inputEl, 'placeholder', element.placeholder);
+        }
+        if (element.textColor) {
+            const color = colorMapping[element.textColor];
+            this.renderer.setStyle(inputEl, 'color', color);
+        }
+        if (element.textStyle) {
+            const fontSize = textStyleMappingFontSize[element.textStyle];
+            this.renderer.setStyle(inputEl, 'font-size', fontSize);
+        }
+        if (element.placeholderTextColor || element.placeholderTextStyle) {
+            const styleEl = this.renderer.createElement('style');
+            const color = element.placeholderTextColor
+                ? colorMapping[element.placeholderTextColor]
+                : 'inherit';
+            const fontSize = element.placeholderTextStyle
+                ? textStyleMappingFontSize[element.placeholderTextStyle]
+                : 'inherit';
+            styleEl.textContent = `
+            edm-sdui-search-bar input::placeholder {
+                color: ${color};
+                font-size: ${fontSize};
+            }
+        `;
+            this.renderer.appendChild(document.head, styleEl);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", 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: "19.1.6", type: SearchBarComponent, isStandalone: false, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<input\n  #inputElement\n  class=\"search-bar\"\n  [edmSduiView]=\"uiComponent.element\"\n  [disableClick]=\"true\"\n  *ngIf=\"uiComponent\"\n/>\n", styles: [".search-bar{width:100vw;margin:1rem;line-height:1.5rem;padding:.25rem .5rem;background-color:var(--bg-search)}\n"] }]
+        }], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['uiComponent']
+                }] }, { type: i0.Renderer2 }], propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+
+var searchBar_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SearchBarComponent: SearchBarComponent
+});
+
+class SduiModule {
+    static forRoot(config) {
+        return {
+            ngModule: SduiModule,
+            providers: [
+                {
+                    provide: SDUI_BASE_URL,
+                    useValue: config.baseUrl,
+                },
+            ],
+        };
+    }
+    static forRouting(config) {
+        return SduiRoutingModule.forChild(config?.routePath);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, declarations: [
+            // UIComposite
+            UIScreenComponent,
+            UINavigationComponent,
+            // Layout
+            SingleColumnLayoutComponent,
+            CenteredContentLayoutComponent,
+            // UIComponents
+            UIComponentComponent,
+            RowComponent,
+            RowDivisorComponent,
+            ColumnComponent,
+            ZStackComponent,
+            LabelComponent,
+            SpaceComponent,
+            ButtonComponent,
+            ImageComponent,
+            TagComponent,
+            SearchBarComponent,
+            // diretivas
+            UIViewDirective,
+            // navegação
+            NavigationControlsComponent,
+            // componente base da lib
+            SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, imports: [CommonModule, RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SduiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        // UIComposite
+                        UIScreenComponent,
+                        UINavigationComponent,
+                        // Layout
+                        SingleColumnLayoutComponent,
+                        CenteredContentLayoutComponent,
+                        // UIComponents
+                        UIComponentComponent,
+                        RowComponent,
+                        RowDivisorComponent,
+                        ColumnComponent,
+                        ZStackComponent,
+                        LabelComponent,
+                        SpaceComponent,
+                        ButtonComponent,
+                        ImageComponent,
+                        TagComponent,
+                        SearchBarComponent,
+                        // diretivas
+                        UIViewDirective,
+                        // navegação
+                        NavigationControlsComponent,
+                        // componente base da lib
+                        SduiComponent,
+                    ],
+                    imports: [CommonModule, RouterModule],
+                    exports: [SduiComponent],
+                    providers: [],
+                }]
+        }] });
+
+/*
+ * Public API Surface of sdui
+ */
+// Módulo principal
+// Roteamento (opcional, apenas se necessário)
+// export { SduiRoutingModule } from './lib/sdui-routing.module';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SDUI_URL_PARAM, SduiComponent, SduiModule };
+//# sourceMappingURL=edm-sdui-sdui.mjs.map