@edm-sdui/sdui 1.0.23 → 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 +4 -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 +118 -115
- package/fesm2022/edm-sdui-sdui.mjs.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: [{
|
|
@@ -2456,10 +2456,10 @@ class ImageComponent {
|
|
|
2456
2456
|
this.renderer.setStyle(this.imgElementRef.nativeElement, 'aspect-ratio', element.aspectRatio);
|
|
2457
2457
|
}
|
|
2458
2458
|
}
|
|
2459
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2460
|
-
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"] }] }); }
|
|
2461
2461
|
}
|
|
2462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ImageComponent, decorators: [{
|
|
2463
2463
|
type: Component,
|
|
2464
2464
|
args: [{ selector: 'edm-sdui-image', standalone: false, template: "<img #imgElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\" />\n", styles: [":host{display:contents}\n"] }]
|
|
2465
2465
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2508,10 +2508,10 @@ class SduiComponent {
|
|
|
2508
2508
|
validateParam(paramValue) {
|
|
2509
2509
|
return !!paramValue && paramValue.trim() !== '';
|
|
2510
2510
|
}
|
|
2511
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2512
|
-
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" }] }); }
|
|
2513
2513
|
}
|
|
2514
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiComponent, decorators: [{
|
|
2515
2515
|
type: Component,
|
|
2516
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"] }]
|
|
2517
2517
|
}], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: UIScreenViewModel }], propDecorators: { initialUrl: [{
|
|
@@ -2529,11 +2529,11 @@ class SduiRoutingModule {
|
|
|
2529
2529
|
providers: [],
|
|
2530
2530
|
};
|
|
2531
2531
|
}
|
|
2532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2533
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2534
|
-
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] }); }
|
|
2535
2535
|
}
|
|
2536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiRoutingModule, decorators: [{
|
|
2537
2537
|
type: NgModule,
|
|
2538
2538
|
args: [{
|
|
2539
2539
|
imports: [RouterModule.forChild(defaultRoutes)],
|
|
@@ -2573,10 +2573,10 @@ class TagComponent {
|
|
|
2573
2573
|
}
|
|
2574
2574
|
this.renderer.setStyle(this.tagElementRef.nativeElement, 'height', sizeMappingHeight[UISize.ASSET_8]);
|
|
2575
2575
|
}
|
|
2576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2577
|
-
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"] }] }); }
|
|
2578
2578
|
}
|
|
2579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TagComponent, decorators: [{
|
|
2580
2580
|
type: Component,
|
|
2581
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"] }]
|
|
2582
2582
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2674,10 +2674,10 @@ class SearchBarComponent {
|
|
|
2674
2674
|
this.renderer.appendChild(document.head, styleEl);
|
|
2675
2675
|
}
|
|
2676
2676
|
}
|
|
2677
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2678
|
-
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"] }] }); }
|
|
2679
2679
|
}
|
|
2680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
2681
2681
|
type: Component,
|
|
2682
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"] }]
|
|
2683
2683
|
}], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
|
|
@@ -2807,10 +2807,10 @@ class SearchBarDismissComponent {
|
|
|
2807
2807
|
this.router.navigate(['/']); // fallback
|
|
2808
2808
|
}
|
|
2809
2809
|
}
|
|
2810
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2811
|
-
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"] }] }); }
|
|
2812
2812
|
}
|
|
2813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SearchBarDismissComponent, decorators: [{
|
|
2814
2814
|
type: Component,
|
|
2815
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"] }]
|
|
2816
2816
|
}], ctorParameters: () => [{ type: UIActionService }, { type: undefined, decorators: [{
|
|
@@ -2836,6 +2836,7 @@ class SduiTranslationService {
|
|
|
2836
2836
|
sound: 'Áudio',
|
|
2837
2837
|
file: 'Arquivo',
|
|
2838
2838
|
quiz: 'Questionário',
|
|
2839
|
+
poll: 'Enquete',
|
|
2839
2840
|
}
|
|
2840
2841
|
},
|
|
2841
2842
|
en: {
|
|
@@ -2845,6 +2846,7 @@ class SduiTranslationService {
|
|
|
2845
2846
|
sound: 'Audio',
|
|
2846
2847
|
file: 'File',
|
|
2847
2848
|
quiz: 'Quiz',
|
|
2849
|
+
poll: 'Poll`',
|
|
2848
2850
|
}
|
|
2849
2851
|
}
|
|
2850
2852
|
};
|
|
@@ -2867,10 +2869,10 @@ class SduiTranslationService {
|
|
|
2867
2869
|
this.translations['pt']?.[context]?.[key] ??
|
|
2868
2870
|
key);
|
|
2869
2871
|
}
|
|
2870
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2871
|
-
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' }); }
|
|
2872
2874
|
}
|
|
2873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiTranslationService, decorators: [{
|
|
2874
2876
|
type: Injectable,
|
|
2875
2877
|
args: [{ providedIn: 'root' }]
|
|
2876
2878
|
}], ctorParameters: () => [] });
|
|
@@ -2881,6 +2883,7 @@ var UIContentType;
|
|
|
2881
2883
|
UIContentType["AUDIO"] = "audio";
|
|
2882
2884
|
UIContentType["FILE"] = "file";
|
|
2883
2885
|
UIContentType["QUIZ"] = "quiz";
|
|
2886
|
+
UIContentType["POLL"] = "poll";
|
|
2884
2887
|
UIContentType["LINK"] = "link";
|
|
2885
2888
|
UIContentType["HTML"] = "html";
|
|
2886
2889
|
})(UIContentType || (UIContentType = {}));
|
|
@@ -2922,12 +2925,12 @@ class MediaTypeComponent {
|
|
|
2922
2925
|
const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
|
|
2923
2926
|
this.renderer.setStyle(labelEl, 'line-height', lineHeight);
|
|
2924
2927
|
}
|
|
2925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2926
|
-
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"] }); }
|
|
2927
2930
|
}
|
|
2928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, decorators: [{
|
|
2929
2932
|
type: Component,
|
|
2930
|
-
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"] }]
|
|
2931
2934
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2932
2935
|
type: Inject,
|
|
2933
2936
|
args: ['uiComponent']
|
|
@@ -2964,10 +2967,10 @@ class PickerItemComponent {
|
|
|
2964
2967
|
}
|
|
2965
2968
|
this.selected.emit(this.label);
|
|
2966
2969
|
}
|
|
2967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2968
|
-
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 }); }
|
|
2969
2972
|
}
|
|
2970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, decorators: [{
|
|
2971
2974
|
type: Component,
|
|
2972
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"] }]
|
|
2973
2976
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3017,10 +3020,10 @@ class PickerComponent {
|
|
|
3017
3020
|
this.open = false;
|
|
3018
3021
|
}
|
|
3019
3022
|
}
|
|
3020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3021
|
-
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 }); }
|
|
3022
3025
|
}
|
|
3023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, decorators: [{
|
|
3024
3027
|
type: Component,
|
|
3025
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"] }]
|
|
3026
3029
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3079,10 +3082,10 @@ class ScrollableRowComponent {
|
|
|
3079
3082
|
scrollContainer.scrollLeft = scrollLeft - walk;
|
|
3080
3083
|
});
|
|
3081
3084
|
}
|
|
3082
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3083
|
-
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"] }] }); }
|
|
3084
3087
|
}
|
|
3085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableRowComponent, decorators: [{
|
|
3086
3089
|
type: Component,
|
|
3087
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"] }]
|
|
3088
3091
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3112,10 +3115,10 @@ class ScrollableColumnComponent {
|
|
|
3112
3115
|
}
|
|
3113
3116
|
applyElement(element) {
|
|
3114
3117
|
}
|
|
3115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3116
|
-
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"] }] }); }
|
|
3117
3120
|
}
|
|
3118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScrollableColumnComponent, decorators: [{
|
|
3119
3122
|
type: Component,
|
|
3120
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"] }]
|
|
3121
3124
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3160,10 +3163,10 @@ class ProfileButtonComponent {
|
|
|
3160
3163
|
getAssetPath(asset) {
|
|
3161
3164
|
return assetMapping[asset];
|
|
3162
3165
|
}
|
|
3163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3164
|
-
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"] }] }); }
|
|
3165
3168
|
}
|
|
3166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, decorators: [{
|
|
3167
3170
|
type: Component,
|
|
3168
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"] }]
|
|
3169
3172
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3208,10 +3211,10 @@ class ProgressBarComponent {
|
|
|
3208
3211
|
this.renderer.setStyle(this.progressFillElementRef.nativeElement, 'background-color', color);
|
|
3209
3212
|
}
|
|
3210
3213
|
}
|
|
3211
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3212
|
-
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"] }] }); }
|
|
3213
3216
|
}
|
|
3214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
3215
3218
|
type: Component,
|
|
3216
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"] }]
|
|
3217
3220
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3246,8 +3249,8 @@ class SduiModule {
|
|
|
3246
3249
|
static forRouting(config) {
|
|
3247
3250
|
return SduiRoutingModule.forChild(config?.routePath);
|
|
3248
3251
|
}
|
|
3249
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3250
|
-
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: [
|
|
3251
3254
|
// UIComposite
|
|
3252
3255
|
UIScreenComponent,
|
|
3253
3256
|
UINavigationComponent,
|
|
@@ -3281,9 +3284,9 @@ class SduiModule {
|
|
|
3281
3284
|
NavigationControlsComponent,
|
|
3282
3285
|
// componente base da lib
|
|
3283
3286
|
SduiComponent], imports: [CommonModule, RouterModule], exports: [SduiComponent] }); }
|
|
3284
|
-
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] }); }
|
|
3285
3288
|
}
|
|
3286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SduiModule, decorators: [{
|
|
3287
3290
|
type: NgModule,
|
|
3288
3291
|
args: [{
|
|
3289
3292
|
declarations: [
|