@edm-sdui/sdui 1.0.18 → 1.0.20
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.
|
@@ -15,11 +15,11 @@ export class ModalComponent {
|
|
|
15
15
|
this.closed.emit();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\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}\n"] }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\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"] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
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}\n"] }]
|
|
22
|
+
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"] }]
|
|
23
23
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { url: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], title: [{
|
package/esm2022/lib/components/uilayout/single-column-layout/single-column-layout.component.mjs
CHANGED
|
@@ -11,11 +11,11 @@ export class SingleColumnLayoutComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <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:
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UINavigationComponent, selector: "edm-sdui-navigation", inputs: ["uiNavigation"] }, { kind: "component", type: i3.FabComponent, selector: "sdui-fab", inputs: ["element"] }, { kind: "component", type: i4.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
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:
|
|
18
|
+
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"] }]
|
|
19
19
|
}], propDecorators: { uiLayout: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
@@ -463,11 +463,11 @@ class ModalComponent {
|
|
|
463
463
|
this.closed.emit();
|
|
464
464
|
}
|
|
465
465
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
466
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\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}\n"] }); }
|
|
466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\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"] }); }
|
|
467
467
|
}
|
|
468
468
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
|
|
469
469
|
type: Component,
|
|
470
|
-
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}\n"] }]
|
|
470
|
+
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"] }]
|
|
471
471
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { url: [{
|
|
472
472
|
type: Input
|
|
473
473
|
}], title: [{
|
|
@@ -2064,11 +2064,11 @@ class SingleColumnLayoutComponent {
|
|
|
2064
2064
|
}
|
|
2065
2065
|
}
|
|
2066
2066
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2067
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <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:
|
|
2067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SingleColumnLayoutComponent, selector: "edm-sdui-single-column-layout", inputs: { uiLayout: "uiLayout" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"single-column-layout\" *ngIf=\"!!uiLayout\">\n <!-- <pre>{{ uiLayout | json }}</pre> -->\n\n <edm-sdui-navigation [uiNavigation]=\"uiLayout.nav\"></edm-sdui-navigation>\n\n <div class=\"header\" *ngIf=\"!!uiLayout?.header\">\n <edm-sdui-component [uiComponent]=\"uiLayout.header\"></edm-sdui-component>\n </div>\n\n <div class=\"scrollview\" *ngIf=\"!!uiLayout?.main\">\n <div class=\"main\">\n <edm-sdui-component\n *ngIf=\"!!uiLayout?.main\"\n [uiComponent]=\"uiLayout.main\"\n ></edm-sdui-component>\n </div>\n </div>\n <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"] }] }); }
|
|
2068
2068
|
}
|
|
2069
2069
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SingleColumnLayoutComponent, decorators: [{
|
|
2070
2070
|
type: Component,
|
|
2071
|
-
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:
|
|
2071
|
+
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"] }]
|
|
2072
2072
|
}], propDecorators: { uiLayout: [{
|
|
2073
2073
|
type: Input
|
|
2074
2074
|
}] } });
|