@edm-sdui/sdui 1.0.22 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/navigation-controls/navigation-controls.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/button/button.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/column/column.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/image/image.component.mjs +7 -4
- package/esm2022/lib/components/uicomponent/label/label.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/media-type/media-type.component.mjs +5 -5
- package/esm2022/lib/components/uicomponent/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/uicomponent/picker/picker.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/picker-item/picker-item.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/profile-button/profile-button.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/row/row.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/row-divisor/row-divisor.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/scrollable-column/scrollable-column.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/scrollable-row/scrollable-row.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/search-bar/search-bar.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/space/space.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/tag/tag.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/uicomponent.component.mjs +4 -4
- package/esm2022/lib/components/uicomponent/zstack/zstack.component.mjs +4 -4
- package/esm2022/lib/components/uilayout/centered-content-layout/centered-content-layout.component.mjs +4 -4
- package/esm2022/lib/components/uilayout/fab/fab.component.mjs +4 -4
- package/esm2022/lib/components/uilayout/single-column-layout/single-column-layout.component.mjs +4 -4
- package/esm2022/lib/components/uilayout/uinavigation/uinavigation.component.mjs +4 -4
- package/esm2022/lib/components/uiscreen/uiscreen.component.mjs +4 -4
- package/esm2022/lib/core/services/font-size-mapping.service.mjs +3 -3
- package/esm2022/lib/core/services/modal.service.mjs +3 -3
- package/esm2022/lib/core/services/translation.service.mjs +6 -4
- package/esm2022/lib/core/services/ui-action-handlers.service.mjs +3 -3
- package/esm2022/lib/core/services/ui-action.service.mjs +3 -3
- package/esm2022/lib/core/services/uiscreen.service.mjs +3 -3
- package/esm2022/lib/core/uitheme/enums/uicontent-type.mjs +2 -1
- package/esm2022/lib/core/view-models/uiscreen.viewmodel.mjs +3 -3
- package/esm2022/lib/directives/uiview.directive.mjs +3 -3
- package/esm2022/lib/sdui-routing.module.mjs +4 -4
- package/esm2022/lib/sdui.component.mjs +4 -4
- package/esm2022/lib/sdui.module.mjs +4 -4
- package/fesm2022/edm-sdui-sdui.mjs +121 -115
- package/fesm2022/edm-sdui-sdui.mjs.map +1 -1
- package/lib/components/uicomponent/image/image.component.d.ts.map +1 -1
- package/lib/core/services/translation.service.d.ts.map +1 -1
- package/lib/core/uitheme/enums/uicontent-type.d.ts +1 -0
- package/lib/core/uitheme/enums/uicontent-type.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken,
|
|
2
|
+
import { InjectionToken, Optional, Inject, Injectable, Injector, Input, Component, EventEmitter, Output, createComponent, HostListener, Directive, ViewChild, inject, NgModule, ChangeDetectionStrategy } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1$3 from '@angular/router';
|
|
@@ -215,10 +215,10 @@ class UIScreenService {
|
|
|
215
215
|
: null,
|
|
216
216
|
};
|
|
217
217
|
}
|
|
218
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
219
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
218
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenService, deps: [{ token: i1.HttpClient }, { token: SDUI_BASE_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
219
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenService, providedIn: 'root' }); }
|
|
220
220
|
}
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenService, decorators: [{
|
|
222
222
|
type: Injectable,
|
|
223
223
|
args: [{
|
|
224
224
|
providedIn: 'root',
|
|
@@ -318,10 +318,10 @@ class UIScreenViewModel {
|
|
|
318
318
|
canGoBack() {
|
|
319
319
|
return this.navigationHistorySubject.getValue().length > 1;
|
|
320
320
|
}
|
|
321
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
322
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
321
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenViewModel, deps: [{ token: UIScreenService }, { token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
322
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenViewModel, providedIn: 'root' }); }
|
|
323
323
|
}
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenViewModel, decorators: [{
|
|
325
325
|
type: Injectable,
|
|
326
326
|
args: [{
|
|
327
327
|
providedIn: 'root',
|
|
@@ -391,10 +391,10 @@ class UIComponentComponent {
|
|
|
391
391
|
parent: this.injector,
|
|
392
392
|
});
|
|
393
393
|
}
|
|
394
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
394
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIComponentComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UIComponentComponent, isStandalone: false, selector: "edm-sdui-component", inputs: { uiComponent: "uiComponent", translateLabel: "translateLabel" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"componentToRender\">\n <ng-container\n *ngComponentOutlet=\"componentToRender; injector: componentInjector\"\n ></ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
396
396
|
}
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIComponentComponent, decorators: [{
|
|
398
398
|
type: Component,
|
|
399
399
|
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"] }]
|
|
400
400
|
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { uiComponent: [{
|
|
@@ -404,10 +404,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
404
404
|
}] } });
|
|
405
405
|
|
|
406
406
|
class UINavigationComponent {
|
|
407
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UINavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UINavigationComponent, isStandalone: false, selector: "edm-sdui-navigation", inputs: { uiNavigation: "uiNavigation" }, ngImport: i0, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n <h2 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h2>\n\n <edm-sdui-component\n [uiComponent]=\"uiNavigation.titleComponent\"\n *ngIf=\"uiNavigation.titleComponent\"\n ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.nav-main h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
409
409
|
}
|
|
410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UINavigationComponent, decorators: [{
|
|
411
411
|
type: Component,
|
|
412
412
|
args: [{ selector: 'edm-sdui-navigation', standalone: false, template: "<div class=\"nav-main\" *ngIf=\"uiNavigation\">\n <h2 *ngIf=\"uiNavigation.title\">{{ uiNavigation.title }}</h2>\n\n <edm-sdui-component\n [uiComponent]=\"uiNavigation.titleComponent\"\n *ngIf=\"uiNavigation.titleComponent\"\n ></edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.nav-main h2{text-align:center}\n"] }]
|
|
413
413
|
}], propDecorators: { uiNavigation: [{
|
|
@@ -437,10 +437,10 @@ class UIActionHandlersService {
|
|
|
437
437
|
handleInternalNavigation(url) {
|
|
438
438
|
this.internalNavigationHandler?.(url);
|
|
439
439
|
}
|
|
440
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
441
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
441
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, providedIn: 'root' }); }
|
|
442
442
|
}
|
|
443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionHandlersService, decorators: [{
|
|
444
444
|
type: Injectable,
|
|
445
445
|
args: [{ providedIn: 'root' }]
|
|
446
446
|
}] });
|
|
@@ -457,10 +457,10 @@ class ModalComponent {
|
|
|
457
457
|
close() {
|
|
458
458
|
this.closed.emit();
|
|
459
459
|
}
|
|
460
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
461
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\n <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n <div class=\"edm-modal-header\">\n <span class=\"edm-modal-title\">{{ title }}</span>\n <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n </button>\n </div>\n\n <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }); }
|
|
462
462
|
}
|
|
463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, decorators: [{
|
|
464
464
|
type: Component,
|
|
465
465
|
args: [{ selector: 'edm-modal', standalone: true, template: "<div class=\"edm-modal-backdrop\">\n <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n <div class=\"edm-modal-header\">\n <span class=\"edm-modal-title\">{{ title }}</span>\n <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n </button>\n </div>\n\n <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }]
|
|
466
466
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { url: [{
|
|
@@ -490,10 +490,10 @@ class ModalService {
|
|
|
490
490
|
const domElem = componentRef.hostView.rootNodes[0];
|
|
491
491
|
document.body.appendChild(domElem);
|
|
492
492
|
}
|
|
493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
494
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
494
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, providedIn: 'root' }); }
|
|
495
495
|
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalService, decorators: [{
|
|
497
497
|
type: Injectable,
|
|
498
498
|
args: [{ providedIn: 'root' }]
|
|
499
499
|
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
|
|
@@ -550,10 +550,10 @@ class UIActionService {
|
|
|
550
550
|
// Outros tipos de ação podem ser adicionados aqui
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
554
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
553
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, deps: [{ token: i1$3.Router }, { token: ModalService }, { token: UIActionHandlersService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
554
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, providedIn: 'root' }); }
|
|
555
555
|
}
|
|
556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIActionService, decorators: [{
|
|
557
557
|
type: Injectable,
|
|
558
558
|
args: [{ providedIn: 'root' }]
|
|
559
559
|
}], ctorParameters: () => [{ type: i1$3.Router }, { type: ModalService }, { type: UIActionHandlersService }] });
|
|
@@ -1935,10 +1935,10 @@ class UIViewDirective {
|
|
|
1935
1935
|
this.actionService.execute(this.edmSduiView.action);
|
|
1936
1936
|
}
|
|
1937
1937
|
}
|
|
1938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1939
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$3.Router }, { token: UIActionService }, { token: UIScreenViewModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1939
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: UIViewDirective, isStandalone: false, selector: "[edmSduiView]", inputs: { edmSduiView: "edmSduiView", disableClick: "disableClick" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
1940
1940
|
}
|
|
1941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIViewDirective, decorators: [{
|
|
1942
1942
|
type: Directive,
|
|
1943
1943
|
args: [{
|
|
1944
1944
|
selector: '[edmSduiView]',
|
|
@@ -1976,10 +1976,10 @@ class FabComponent {
|
|
|
1976
1976
|
this.actionService.execute(this.element.action);
|
|
1977
1977
|
}
|
|
1978
1978
|
}
|
|
1979
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1980
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1979
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FabComponent, deps: [{ token: UIActionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1980
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FabComponent, isStandalone: false, selector: "sdui-fab", inputs: { element: "element" }, viewQueries: [{ propertyName: "imgElement", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<button\n class=\"edm-fab\"\n (click)=\"onClick()\"\n [edmSduiView]=\"element\"\n>\n <img\n #imgElement\n *ngIf=\"element?.asset\"\n class=\"fab-icon\"\n />\n\n</button>\n", styles: [":host{display:contents}.edm-fab{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
1981
1981
|
}
|
|
1982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FabComponent, decorators: [{
|
|
1983
1983
|
type: Component,
|
|
1984
1984
|
args: [{ selector: 'sdui-fab', standalone: false, template: "<button\n class=\"edm-fab\"\n (click)=\"onClick()\"\n [edmSduiView]=\"element\"\n>\n <img\n #imgElement\n *ngIf=\"element?.asset\"\n class=\"fab-icon\"\n />\n\n</button>\n", styles: [":host{display:contents}.edm-fab{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all .2s ease-in-out;z-index:9999999;background:none}.edm-fab:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059}\n"] }]
|
|
1985
1985
|
}], ctorParameters: () => [{ type: UIActionService }, { type: i0.Renderer2 }], propDecorators: { element: [{
|
|
@@ -1996,10 +1996,10 @@ class SingleColumnLayoutComponent {
|
|
|
1996
1996
|
console.debug('[SingleColumnLayout] Novo layout recebido:', changes['uiLayout'].currentValue);
|
|
1997
1997
|
}
|
|
1998
1998
|
}
|
|
1999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2000
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2000
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SingleColumnLayoutComponent, isStandalone: false, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <div class=\"fab\" *ngIf=\"!!uiLayout?.fab\">\n <sdui-fab [element]=\"uiLayout.fab\"></sdui-fab>\n </div>\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100%;min-height:100vh;position:relative}.single-column-layout .header{width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout .fab{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: FabComponent, selector: "sdui-fab", inputs: ["element"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
2001
2001
|
}
|
|
2002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
|
|
2003
2003
|
type: Component,
|
|
2004
2004
|
args: [{ selector: 'edm-sdui-single-column-layout', standalone: false, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <div class=\"fab\" *ngIf=\"!!uiLayout?.fab\">\n <sdui-fab [element]=\"uiLayout.fab\"></sdui-fab>\n </div>\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.single-column-layout{display:flex;flex-direction:column;width:100%;min-height:100vh;position:relative}.single-column-layout .header{width:100%;z-index:100}.single-column-layout .scrollview .main{flex:1;display:flex;align-items:center;justify-content:center}.single-column-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.single-column-layout .fab{position:fixed;bottom:94px;right:24px;width:64px;z-index:10000}\n"] }]
|
|
2005
2005
|
}], propDecorators: { uiLayout: [{
|
|
@@ -2015,10 +2015,10 @@ class CenteredContentLayoutComponent {
|
|
|
2015
2015
|
console.debug('[CenteredContentLayoutComponent] Novo layout recebido:', changes['uiLayout'].currentValue);
|
|
2016
2016
|
}
|
|
2017
2017
|
}
|
|
2018
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CenteredContentLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2019
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: CenteredContentLayoutComponent, isStandalone: false, selector: "edm-sdui-centered-content-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
2020
2020
|
}
|
|
2021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CenteredContentLayoutComponent, decorators: [{
|
|
2022
2022
|
type: Component,
|
|
2023
2023
|
args: [{ selector: 'edm-sdui-centered-content-layout', standalone: false, template: "<div class=\"centered-content-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"centered\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.centered\"\n [uiComponent]=\"uiLayout.centered\"\n ></edm-sdui-component>\n </div>\n\n <div class=\"footer\" *ngIf=\"!!uiLayout?.footer\">\n <edm-sdui-component [uiComponent]=\"uiLayout.footer\"></edm-sdui-component>\n </div>\n</div>\n", styles: [":host{display:contents}.centered-content-layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;position:relative}.centered-content-layout .header{width:100%;z-index:100}.centered-content-layout .centered{flex:1;display:flex;align-items:center;justify-content:center}.centered-content-layout .footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}\n"] }]
|
|
2024
2024
|
}], propDecorators: { uiLayout: [{
|
|
@@ -2039,10 +2039,10 @@ class NavigationControlsComponent {
|
|
|
2039
2039
|
console.debug('[NavigationControls] Botão de voltar clicado');
|
|
2040
2040
|
this.viewModel.goBack();
|
|
2041
2041
|
}
|
|
2042
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2043
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2042
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationControlsComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2043
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NavigationControlsComponent, isStandalone: false, selector: "edm-sdui-navigation-controls", ngImport: i0, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
|
|
2044
2044
|
}
|
|
2045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavigationControlsComponent, decorators: [{
|
|
2046
2046
|
type: Component,
|
|
2047
2047
|
args: [{ selector: 'edm-sdui-navigation-controls', standalone: false, template: "<div class=\"navigation-controls\" *ngIf=\"false\">\n <button\n class=\"back-button\"\n [disabled]=\"!(viewModel.canGoBack$ | async)\"\n (click)=\"goBack()\"\n >\n <img src=\"assets/images/bt-back.svg\" width=\"100%\" height=\"40px\"/>\n </button>\n</div>\n", styles: [":host{display:contents}.navigation-controls{display:flex;gap:8px}.navigation-controls button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.navigation-controls button:hover:not(:disabled){background-color:#e8e8e8}.navigation-controls button:disabled{opacity:.5;cursor:not-allowed}\n"] }]
|
|
2048
2048
|
}], ctorParameters: () => [{ type: UIScreenViewModel }] });
|
|
@@ -2052,10 +2052,10 @@ class UIScreenComponent {
|
|
|
2052
2052
|
this.viewModel = viewModel;
|
|
2053
2053
|
this.UIScreenIdentifier = UIScreenIdentifier;
|
|
2054
2054
|
}
|
|
2055
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2056
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2055
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenComponent, deps: [{ token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2056
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UIScreenComponent, isStandalone: false, selector: "edm-sdui-uiscreen", ngImport: i0, template: "<ng-container *ngIf=\"viewModel.isLoading$ | async; else loaded\">\n <div class=\"loading-spinner\">\n <div class=\"spinner\"></div>\n </div>\n</ng-container>\n\n<ng-template #loaded>\n <ng-container\n *ngIf=\"viewModel.error$ | async as errorMessage; else renderScreen\"\n >\n <div class=\"error-label\">\n Erro ao carregar a tela:\n <pre>{{ errorMessage }}</pre>\n </div>\n </ng-container>\n\n <ng-template #renderScreen>\n <div\n class=\"ui-screen\"\n *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n [edmSduiView]=\"uiScreen\"\n >\n <edm-sdui-navigation-controls\n [edmSduiView]=\"uiScreen\"\n ></edm-sdui-navigation-controls>\n\n <ng-container [ngSwitch]=\"uiScreen.identifier\">\n <edm-sdui-single-column-layout\n *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n [uiLayout]=\"uiScreen.content\"\n ></edm-sdui-single-column-layout>\n\n <edm-sdui-centered-content-layout\n *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n [uiLayout]=\"uiScreen.content\"\n ></edm-sdui-centered-content-layout>\n </ng-container>\n </div>\n </ng-template>\n</ng-template>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: ["uiLayout"] }, { kind: "component", type: CenteredContentLayoutComponent, selector: "edm-sdui-centered-content-layout", inputs: ["uiLayout"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }, { kind: "component", type: NavigationControlsComponent, selector: "edm-sdui-navigation-controls" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
|
|
2057
2057
|
}
|
|
2058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UIScreenComponent, decorators: [{
|
|
2059
2059
|
type: Component,
|
|
2060
2060
|
args: [{ selector: 'edm-sdui-uiscreen', standalone: false, template: "<ng-container *ngIf=\"viewModel.isLoading$ | async; else loaded\">\n <div class=\"loading-spinner\">\n <div class=\"spinner\"></div>\n </div>\n</ng-container>\n\n<ng-template #loaded>\n <ng-container\n *ngIf=\"viewModel.error$ | async as errorMessage; else renderScreen\"\n >\n <div class=\"error-label\">\n Erro ao carregar a tela:\n <pre>{{ errorMessage }}</pre>\n </div>\n </ng-container>\n\n <ng-template #renderScreen>\n <div\n class=\"ui-screen\"\n *ngIf=\"viewModel.uiScreen$ | async as uiScreen\"\n [edmSduiView]=\"uiScreen\"\n >\n <edm-sdui-navigation-controls\n [edmSduiView]=\"uiScreen\"\n ></edm-sdui-navigation-controls>\n\n <ng-container [ngSwitch]=\"uiScreen.identifier\">\n <edm-sdui-single-column-layout\n *ngSwitchCase=\"UIScreenIdentifier.SINGLE_COLUMN\"\n [uiLayout]=\"uiScreen.content\"\n ></edm-sdui-single-column-layout>\n\n <edm-sdui-centered-content-layout\n *ngSwitchCase=\"UIScreenIdentifier.CENTERED_CONTENT\"\n [uiLayout]=\"uiScreen.content\"\n ></edm-sdui-centered-content-layout>\n </ng-container>\n </div>\n </ng-template>\n</ng-template>\n", styles: [":host{display:contents}.ui-screen{width:100vw;min-height:100vh}.error-label{color:var(--input-error)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;position:relative}.spinner{width:48px;height:48px;border:5px solid var(--actindcolor);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
|
|
2061
2061
|
}], ctorParameters: () => [{ type: UIScreenViewModel }] });
|
|
@@ -2066,10 +2066,10 @@ class RowComponent {
|
|
|
2066
2066
|
}
|
|
2067
2067
|
ngOnInit() {
|
|
2068
2068
|
}
|
|
2069
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2070
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2069
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2070
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: RowComponent, isStandalone: false, selector: "edm-sdui-row", ngImport: i0, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2071
2071
|
}
|
|
2072
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, decorators: [{
|
|
2073
2073
|
type: Component,
|
|
2074
2074
|
args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div class=\"row-1\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}\n"] }]
|
|
2075
2075
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2089,10 +2089,10 @@ class ColumnComponent {
|
|
|
2089
2089
|
ngOnInit() {
|
|
2090
2090
|
// console.debug('column.uiComponent: ', this.uiComponent);
|
|
2091
2091
|
}
|
|
2092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2093
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ColumnComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2093
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ColumnComponent, isStandalone: false, selector: "edm-sdui-column", ngImport: i0, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let child of uiComponent.components\"\n [uiComponent]=\"child\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2094
2094
|
}
|
|
2095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
2096
2096
|
type: Component,
|
|
2097
2097
|
args: [{ selector: 'edm-sdui-column', standalone: false, template: "<div class=\"column\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <edm-sdui-component\n *ngFor=\"let child of uiComponent.components\"\n [uiComponent]=\"child\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.column{display:flex;flex-direction:column}\n"] }]
|
|
2098
2098
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2139,10 +2139,10 @@ class FontSizeMappingService {
|
|
|
2139
2139
|
getMapping() {
|
|
2140
2140
|
return this.mapping;
|
|
2141
2141
|
}
|
|
2142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2143
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2143
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, providedIn: 'root' }); }
|
|
2144
2144
|
}
|
|
2145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FontSizeMappingService, decorators: [{
|
|
2146
2146
|
type: Injectable,
|
|
2147
2147
|
args: [{ providedIn: 'root' }]
|
|
2148
2148
|
}], ctorParameters: () => [] });
|
|
@@ -2236,10 +2236,10 @@ class LabelComponent {
|
|
|
2236
2236
|
}
|
|
2237
2237
|
}
|
|
2238
2238
|
}
|
|
2239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2240
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2240
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: LabelComponent, isStandalone: false, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2241
2241
|
}
|
|
2242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabelComponent, decorators: [{
|
|
2243
2243
|
type: Component,
|
|
2244
2244
|
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"] }]
|
|
2245
2245
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2262,10 +2262,10 @@ class SpaceComponent {
|
|
|
2262
2262
|
ngOnInit() {
|
|
2263
2263
|
// console.debug('space.uiComponent: ', this.uiComponent);
|
|
2264
2264
|
}
|
|
2265
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2266
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SpaceComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SpaceComponent, isStandalone: false, selector: "edm-sdui-space", ngImport: i0, template: "<div class=\"space\"></div>\n", styles: [":host{display:contents}.space{flex-grow:1;flex-shrink:1;min-height:1px;min-width:1px}\n"] }); }
|
|
2267
2267
|
}
|
|
2268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SpaceComponent, decorators: [{
|
|
2269
2269
|
type: Component,
|
|
2270
2270
|
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"] }]
|
|
2271
2271
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2285,10 +2285,10 @@ class ZStackComponent {
|
|
|
2285
2285
|
ngOnInit() {
|
|
2286
2286
|
// console.debug('zstack.uiComponent: ', this.uiComponent);
|
|
2287
2287
|
}
|
|
2288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2289
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2288
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZStackComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2289
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ZStackComponent, isStandalone: false, selector: "edm-sdui-zstack", ngImport: i0, template: "<div #zstackElementRef class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <ng-container *ngFor=\"let child of uiComponent.components\">\n <div class=\"zstack-child\">\n <edm-sdui-component [uiComponent]=\"child\"></edm-sdui-component>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid}.zstack-child{grid-area:1/1;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2290
2290
|
}
|
|
2291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZStackComponent, decorators: [{
|
|
2292
2292
|
type: Component,
|
|
2293
2293
|
args: [{ selector: 'edm-sdui-zstack', standalone: false, template: "<div #zstackElementRef class=\"zstack\" *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <ng-container *ngFor=\"let child of uiComponent.components\">\n <div class=\"zstack-child\">\n <edm-sdui-component [uiComponent]=\"child\"></edm-sdui-component>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:contents}.zstack{display:grid}.zstack-child{grid-area:1/1;display:flex;align-items:center}\n"] }]
|
|
2294
2294
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2308,10 +2308,10 @@ class RowDivisorComponent {
|
|
|
2308
2308
|
ngOnInit() {
|
|
2309
2309
|
// console.debug('rowDivisor.uiComponent: ', this.uiComponent);
|
|
2310
2310
|
}
|
|
2311
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2312
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowDivisorComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2312
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: RowDivisorComponent, isStandalone: false, selector: "edm-sdui-row-divisor", ngImport: i0, template: "<div\n class=\"row-divisor\"\n *ngIf=\"uiComponent\"\n [edmSduiView]=\"uiComponent.element\"\n></div>\n", styles: [":host{display:contents}.row-divisor{height:1px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2313
2313
|
}
|
|
2314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowDivisorComponent, decorators: [{
|
|
2315
2315
|
type: Component,
|
|
2316
2316
|
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"] }]
|
|
2317
2317
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2352,10 +2352,10 @@ class ButtonComponent {
|
|
|
2352
2352
|
getAssetPath(asset) {
|
|
2353
2353
|
return assetMapping[asset];
|
|
2354
2354
|
}
|
|
2355
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ButtonComponent, isStandalone: false, selector: "edm-sdui-button", viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["buttonElement"], descendants: true }], ngImport: i0, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;background-color:unset}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2357
2357
|
}
|
|
2358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
2359
2359
|
type: Component,
|
|
2360
2360
|
args: [{ selector: 'edm-sdui-button', standalone: false, template: "<button #buttonElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">\n <img *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"\">\n {{ uiComponent.element.label }}\n</button>\n", styles: [":host{display:contents}button{border:none;white-space:nowrap;background-color:unset}\n"] }]
|
|
2361
2361
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2433,6 +2433,9 @@ class ImageComponent {
|
|
|
2433
2433
|
}
|
|
2434
2434
|
}
|
|
2435
2435
|
applyElement(element) {
|
|
2436
|
+
if (!element.asset && !element.url) {
|
|
2437
|
+
return;
|
|
2438
|
+
}
|
|
2436
2439
|
if (element.asset) {
|
|
2437
2440
|
const asset = assetMapping[element.asset];
|
|
2438
2441
|
this.renderer.setAttribute(this.imgElementRef.nativeElement, 'src', asset);
|
|
@@ -2453,10 +2456,10 @@ class ImageComponent {
|
|
|
2453
2456
|
this.renderer.setStyle(this.imgElementRef.nativeElement, 'aspect-ratio', element.aspectRatio);
|
|
2454
2457
|
}
|
|
2455
2458
|
}
|
|
2456
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2459
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ImageComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2460
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ImageComponent, isStandalone: false, selector: "edm-sdui-image", viewQueries: [{ propertyName: "imgElementRef", first: true, predicate: ["imgElement"], descendants: true }], ngImport: i0, template: "<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"] }] }); }
|
|
2458
2461
|
}
|
|
2459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ImageComponent, decorators: [{
|
|
2460
2463
|
type: Component,
|
|
2461
2464
|
args: [{ selector: 'edm-sdui-image', standalone: false, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"] }]
|
|
2462
2465
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2505,10 +2508,10 @@ class SduiComponent {
|
|
|
2505
2508
|
validateParam(paramValue) {
|
|
2506
2509
|
return !!paramValue && paramValue.trim() !== '';
|
|
2507
2510
|
}
|
|
2508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2509
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2511
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: UIScreenViewModel }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2512
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SduiComponent, isStandalone: false, selector: "edm-sdui", inputs: { initialUrl: "initialUrl" }, ngImport: i0, template: "<div class=\"sdui-container\">\n <edm-sdui-uiscreen *ngIf=\"currentSduiUrl\"></edm-sdui-uiscreen>\n</div>\n", styles: [":host{display:contents}.sdui-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIScreenComponent, selector: "edm-sdui-uiscreen" }] }); }
|
|
2510
2513
|
}
|
|
2511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiComponent, decorators: [{
|
|
2512
2515
|
type: Component,
|
|
2513
2516
|
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"] }]
|
|
2514
2517
|
}], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
|
|
@@ -2526,11 +2529,11 @@ class SduiRoutingModule {
|
|
|
2526
2529
|
providers: [],
|
|
2527
2530
|
};
|
|
2528
2531
|
}
|
|
2529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2530
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2531
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2532
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2533
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, imports: [i1$3.RouterModule], exports: [RouterModule] }); }
|
|
2534
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, imports: [RouterModule.forChild(defaultRoutes), RouterModule] }); }
|
|
2532
2535
|
}
|
|
2533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, decorators: [{
|
|
2534
2537
|
type: NgModule,
|
|
2535
2538
|
args: [{
|
|
2536
2539
|
imports: [RouterModule.forChild(defaultRoutes)],
|
|
@@ -2570,10 +2573,10 @@ class TagComponent {
|
|
|
2570
2573
|
}
|
|
2571
2574
|
this.renderer.setStyle(this.tagElementRef.nativeElement, 'height', sizeMappingHeight[UISize.ASSET_8]);
|
|
2572
2575
|
}
|
|
2573
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2574
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TagComponent, isStandalone: false, selector: "edm-sdui-tag", viewQueries: [{ propertyName: "tagElementRef", first: true, predicate: ["tagElement"], descendants: true }, { propertyName: "tagNameElementRef", first: true, predicate: ["tagNameElement"], descendants: true }], ngImport: i0, template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2575
2578
|
}
|
|
2576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagComponent, decorators: [{
|
|
2577
2580
|
type: Component,
|
|
2578
2581
|
args: [{ standalone: false, selector: 'edm-sdui-tag', template: "<div class=\"tag\" #tagElement *ngIf=\"uiComponent\" [edmSduiView]=\"uiComponent.element\">\n <span class=\"tag-name\" #tagNameElement>{{ uiComponent.element?.label ?? '' }}</span>\n</div>", styles: [":host{display:contents}.tag{padding:4px 8px;display:flex;align-items:center}\n"] }]
|
|
2579
2582
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2671,10 +2674,10 @@ class SearchBarComponent {
|
|
|
2671
2674
|
this.renderer.appendChild(document.head, styleEl);
|
|
2672
2675
|
}
|
|
2673
2676
|
}
|
|
2674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchBarComponent, isStandalone: false, selector: "edm-sdui-search-bar", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<img\n #icSearchElement\n class=\"search-bar-icon\"\n src=\"assets/images/ic-search.svg\"\n>\n<input\n #inputElement\n class=\"search-bar\"\n [edmSduiView]=\"uiComponent.element\"\n [disableClick]=\"true\"\n *ngIf=\"uiComponent\"\n/>\n<img\n #btCloseElement\n *ngIf=\"this.inputElementRef?.nativeElement?.value.trim()\"\n (click)=\"this.inputElementRef?.nativeElement.value = ''\"\n class=\"search-bar-close-icon\"\n src=\"assets/images/bt-close-comment.svg\"\n\n>\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2676
2679
|
}
|
|
2677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
2678
2681
|
type: Component,
|
|
2679
2682
|
args: [{ standalone: false, selector: 'edm-sdui-search-bar', template: "<img\n #icSearchElement\n class=\"search-bar-icon\"\n src=\"assets/images/ic-search.svg\"\n>\n<input\n #inputElement\n class=\"search-bar\"\n [edmSduiView]=\"uiComponent.element\"\n [disableClick]=\"true\"\n *ngIf=\"uiComponent\"\n/>\n<img\n #btCloseElement\n *ngIf=\"this.inputElementRef?.nativeElement?.value.trim()\"\n (click)=\"this.inputElementRef?.nativeElement.value = ''\"\n class=\"search-bar-close-icon\"\n src=\"assets/images/bt-close-comment.svg\"\n\n>\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search)}\n"] }]
|
|
2680
2683
|
}], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
|
|
@@ -2804,10 +2807,10 @@ class SearchBarDismissComponent {
|
|
|
2804
2807
|
this.router.navigate(['/']); // fallback
|
|
2805
2808
|
}
|
|
2806
2809
|
}
|
|
2807
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2808
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2810
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarDismissComponent, deps: [{ token: UIActionService }, { token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1$3.Router }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2811
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SearchBarDismissComponent, isStandalone: false, selector: "edm-sdui-search-bar-dismiss", viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex w-100\" (click)=\"clearInput()\">\n <img\n class=\"search-bar-icon\"\n src=\"assets/images/ic-search.svg\"\n>\n<input\n #inputElement\n class=\"search-bar\"\n [edmSduiView]=\"uiComponent.element\"\n [disableClick]=\"true\"\n *ngIf=\"uiComponent\"\n/>\n<img\n class=\"search-bar-close-icon cursor-pointer\"\n src=\"assets/images/bt-close-comment.svg\"\n>\n</div>\n\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
2809
2812
|
}
|
|
2810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarDismissComponent, decorators: [{
|
|
2811
2814
|
type: Component,
|
|
2812
2815
|
args: [{ standalone: false, selector: 'edm-sdui-search-bar-dismiss', template: "<div class=\"flex w-100\" (click)=\"clearInput()\">\n <img\n class=\"search-bar-icon\"\n src=\"assets/images/ic-search.svg\"\n>\n<input\n #inputElement\n class=\"search-bar\"\n [edmSduiView]=\"uiComponent.element\"\n [disableClick]=\"true\"\n *ngIf=\"uiComponent\"\n/>\n<img\n class=\"search-bar-close-icon cursor-pointer\"\n src=\"assets/images/bt-close-comment.svg\"\n>\n</div>\n\n", styles: [".search-bar{width:100%;line-height:1.5rem;background-color:var(--bg-search);cursor:pointer}\n"] }]
|
|
2813
2816
|
}], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
|
|
@@ -2833,6 +2836,7 @@ class SduiTranslationService {
|
|
|
2833
2836
|
sound: 'Áudio',
|
|
2834
2837
|
file: 'Arquivo',
|
|
2835
2838
|
quiz: 'Questionário',
|
|
2839
|
+
poll: 'Enquete',
|
|
2836
2840
|
}
|
|
2837
2841
|
},
|
|
2838
2842
|
en: {
|
|
@@ -2842,6 +2846,7 @@ class SduiTranslationService {
|
|
|
2842
2846
|
sound: 'Audio',
|
|
2843
2847
|
file: 'File',
|
|
2844
2848
|
quiz: 'Quiz',
|
|
2849
|
+
poll: 'Poll`',
|
|
2845
2850
|
}
|
|
2846
2851
|
}
|
|
2847
2852
|
};
|
|
@@ -2864,10 +2869,10 @@ class SduiTranslationService {
|
|
|
2864
2869
|
this.translations['pt']?.[context]?.[key] ??
|
|
2865
2870
|
key);
|
|
2866
2871
|
}
|
|
2867
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2868
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2872
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2873
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, providedIn: 'root' }); }
|
|
2869
2874
|
}
|
|
2870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, decorators: [{
|
|
2871
2876
|
type: Injectable,
|
|
2872
2877
|
args: [{ providedIn: 'root' }]
|
|
2873
2878
|
}], ctorParameters: () => [] });
|
|
@@ -2878,6 +2883,7 @@ var UIContentType;
|
|
|
2878
2883
|
UIContentType["AUDIO"] = "audio";
|
|
2879
2884
|
UIContentType["FILE"] = "file";
|
|
2880
2885
|
UIContentType["QUIZ"] = "quiz";
|
|
2886
|
+
UIContentType["POLL"] = "poll";
|
|
2881
2887
|
UIContentType["LINK"] = "link";
|
|
2882
2888
|
UIContentType["HTML"] = "html";
|
|
2883
2889
|
})(UIContentType || (UIContentType = {}));
|
|
@@ -2919,12 +2925,12 @@ class MediaTypeComponent {
|
|
|
2919
2925
|
const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
|
|
2920
2926
|
this.renderer.setStyle(labelEl, 'line-height', lineHeight);
|
|
2921
2927
|
}
|
|
2922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2923
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2928
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: SduiTranslationService }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2929
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MediaTypeComponent, isStandalone: false, selector: "edm-sdui-media-type", viewQueries: [{ propertyName: "iconElementRef", first: true, predicate: ["iconElementRef"], descendants: true }, { propertyName: "labelElementRef", first: true, predicate: ["labelElementRef"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerElementRef"], descendants: true }], ngImport: i0, template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.POLL)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }); }
|
|
2924
2930
|
}
|
|
2925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, decorators: [{
|
|
2926
2932
|
type: Component,
|
|
2927
|
-
args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
2933
|
+
args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.POLL)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
2928
2934
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2929
2935
|
type: Inject,
|
|
2930
2936
|
args: ['uiComponent']
|
|
@@ -2961,10 +2967,10 @@ class PickerItemComponent {
|
|
|
2961
2967
|
}
|
|
2962
2968
|
this.selected.emit(this.label);
|
|
2963
2969
|
}
|
|
2964
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2965
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2970
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, deps: [{ token: 'uiComponent' }, { token: UIActionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2971
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerItemComponent, isStandalone: false, selector: "edm-sdui-picker-item", outputs: { selected: "selected" }, ngImport: i0, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2966
2972
|
}
|
|
2967
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, decorators: [{
|
|
2968
2974
|
type: Component,
|
|
2969
2975
|
args: [{ standalone: false, selector: 'edm-sdui-picker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
|
|
2970
2976
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3014,10 +3020,10 @@ class PickerComponent {
|
|
|
3014
3020
|
this.open = false;
|
|
3015
3021
|
}
|
|
3016
3022
|
}
|
|
3017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3018
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3023
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3024
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerComponent, isStandalone: false, selector: "edm-sdui-picker", host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3019
3025
|
}
|
|
3020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, decorators: [{
|
|
3021
3027
|
type: Component,
|
|
3022
3028
|
args: [{ standalone: false, selector: 'edm-sdui-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"] }]
|
|
3023
3029
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3076,10 +3082,10 @@ class ScrollableRowComponent {
|
|
|
3076
3082
|
scrollContainer.scrollLeft = scrollLeft - walk;
|
|
3077
3083
|
});
|
|
3078
3084
|
}
|
|
3079
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3080
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableRowComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3086
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScrollableRowComponent, isStandalone: false, selector: "edm-sdui-scrollable-row", viewQueries: [{ propertyName: "scrollableRowElementRef", first: true, predicate: ["scrollableRowElement"], descendants: true }], ngImport: i0, template: "<div\n #scrollableRowElement\n [edmSduiView]=\"uiComponent.element\"\n class=\"scrollable-row\"\n *ngIf=\"uiComponent\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.scrollable-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer}.scrollable-row::-webkit-scrollbar{display:none}.scrollable-row>*{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
3081
3087
|
}
|
|
3082
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableRowComponent, decorators: [{
|
|
3083
3089
|
type: Component,
|
|
3084
3090
|
args: [{ selector: 'edm-sdui-scrollable-row', standalone: false, template: "<div\n #scrollableRowElement\n [edmSduiView]=\"uiComponent.element\"\n class=\"scrollable-row\"\n *ngIf=\"uiComponent\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.scrollable-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:pointer}.scrollable-row::-webkit-scrollbar{display:none}.scrollable-row>*{flex-shrink:0}\n"] }]
|
|
3085
3091
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3109,10 +3115,10 @@ class ScrollableColumnComponent {
|
|
|
3109
3115
|
}
|
|
3110
3116
|
applyElement(element) {
|
|
3111
3117
|
}
|
|
3112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3118
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableColumnComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScrollableColumnComponent, isStandalone: false, selector: "edm-sdui-scrollable-column", viewQueries: [{ propertyName: "scrollableColumnElementRef", first: true, predicate: ["scrollableColumnElement"], descendants: true }], ngImport: i0, template: "<div\n #scrollableColumnElement\n [edmSduiView]=\"uiComponent.element\"\n class=\"scrollable-column\"\n *ngIf=\"uiComponent\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.scrollable-column{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scrollable-column::-webkit-scrollbar{display:none}.scrollable-column>*{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
3114
3120
|
}
|
|
3115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableColumnComponent, decorators: [{
|
|
3116
3122
|
type: Component,
|
|
3117
3123
|
args: [{ selector: 'edm-sdui-scrollable-column', standalone: false, template: "<div\n #scrollableColumnElement\n [edmSduiView]=\"uiComponent.element\"\n class=\"scrollable-column\"\n *ngIf=\"uiComponent\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.scrollable-column{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scrollable-column::-webkit-scrollbar{display:none}.scrollable-column>*{flex-shrink:0}\n"] }]
|
|
3118
3124
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3157,10 +3163,10 @@ class ProfileButtonComponent {
|
|
|
3157
3163
|
getAssetPath(asset) {
|
|
3158
3164
|
return assetMapping[asset];
|
|
3159
3165
|
}
|
|
3160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3166
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3167
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProfileButtonComponent, isStandalone: false, selector: "edm-sdui-profile-button", viewQueries: [{ propertyName: "profileButtonElementRef", first: true, predicate: ["profileButtonElement"], descendants: true }, { propertyName: "profileButtonLabelElementRef", first: true, predicate: ["profileButtonLabelElement"], descendants: true }, { propertyName: "profileButtonImageElementRef", first: true, predicate: ["profileButtonImageElement"], descendants: true }], ngImport: i0, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%;display:block;text-align:left}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
3162
3168
|
}
|
|
3163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, decorators: [{
|
|
3164
3170
|
type: Component,
|
|
3165
3171
|
args: [{ selector: 'edm-sdui-profile-button', standalone: false, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%;display:block;text-align:left}\n"] }]
|
|
3166
3172
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3205,10 +3211,10 @@ class ProgressBarComponent {
|
|
|
3205
3211
|
this.renderer.setStyle(this.progressFillElementRef.nativeElement, 'background-color', color);
|
|
3206
3212
|
}
|
|
3207
3213
|
}
|
|
3208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProgressBarComponent, isStandalone: false, selector: "edm-sdui-progress-bar", viewQueries: [{ propertyName: "progressFillElementRef", first: true, predicate: ["progressFillElement"], descendants: true }], ngImport: i0, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
3210
3216
|
}
|
|
3211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
3212
3218
|
type: Component,
|
|
3213
3219
|
args: [{ selector: 'edm-sdui-progress-bar', standalone: false, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"] }]
|
|
3214
3220
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3243,8 +3249,8 @@ class SduiModule {
|
|
|
3243
3249
|
static forRouting(config) {
|
|
3244
3250
|
return SduiRoutingModule.forChild(config?.routePath);
|
|
3245
3251
|
}
|
|
3246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3247
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3253
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, declarations: [
|
|
3248
3254
|
// UIComposite
|
|
3249
3255
|
UIScreenComponent,
|
|
3250
3256
|
UINavigationComponent,
|
|
@@ -3278,9 +3284,9 @@ class SduiModule {
|
|
|
3278
3284
|
NavigationControlsComponent,
|
|
3279
3285
|
// componente base da lib
|
|
3280
3286
|
SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); }
|
|
3281
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3287
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, imports: [CommonModule, RouterModule] }); }
|
|
3282
3288
|
}
|
|
3283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, decorators: [{
|
|
3284
3290
|
type: NgModule,
|
|
3285
3291
|
args: [{
|
|
3286
3292
|
declarations: [
|