@energycap/components 0.26.5 → 0.26.6
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/bundles/energycap-components.umd.js +2 -2
- package/bundles/energycap-components.umd.js.map +1 -1
- package/bundles/energycap-components.umd.min.js +1 -1
- package/bundles/energycap-components.umd.min.js.map +1 -1
- package/energycap-components.metadata.json +1 -1
- package/energycap-components.min.css +1 -1
- package/esm2015/lib/display/toast/toast/toast.component.js +2 -2
- package/esm2015/lib/display/view-overlay/view-overlay.component.js +1 -1
- package/fesm2015/energycap-components.js +2 -2
- package/fesm2015/energycap-components.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/mixins/_overlay-base.scss +1 -1
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
* EnergyCAP Components - Global Component Styles
|
|
19
19
|
*/.card{background-color:#fff;background-clip:padding-box;border:1px solid rgba(26,26,35,.18);overflow:auto}.card-header{display:flex;align-items:center;min-height:2rem}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;flex:1 1;min-height:0;min-width:0}.card-footer{border-top:1px solid rgba(26,26,35,.18);min-height:2rem;padding:.5rem}.card-actions{display:flex;margin-left:auto}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes fade-in-out{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@keyframes fade-in-out{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.app-splash{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(circle, #495963, #162f3b);transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;opacity:1;top:0;left:0;right:0;bottom:0}.app-splash>svg{width:10rem;height:10rem}.app-splash>svg>g>g path{-webkit-animation:fade-in-out 1.5s ease-in infinite;animation:fade-in-out 1.5s ease-in infinite}.app-splash>svg>g>path{transform-origin:50% 50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.app-splash.app-loaded{opacity:0;pointer-events:none}.unsupported-browser-container{display:flex;position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;align-items:center;background:radial-gradient(circle, #495963 0%, #162f3b 100%)}.unsupported-browser{max-width:25rem;margin:0 auto;font-size:1.25rem;color:#fff}.unsupported-browser a{color:#82c0d3}/*!
|
|
20
20
|
* EnergyCAP Components - Utility Styles
|
|
21
|
-
*/.flex-grow{flex:1 1 !important;min-height:0;min-width:0}.flex-shrink{flex:none !important}.text-title-1,.text-title-2{color:#1a1a23;font-size:1.25rem;font-weight:bold;line-height:1.2;margin:0}.text-title-2{font-weight:normal}.text-heading-1,.text-heading-2,.card-title{color:#1a1a23;font-size:1rem;font-weight:bold;line-height:1.5;margin:0}.text-heading-2,.card-title{font-weight:normal}.text-heading-3{color:rgba(26,26,35,.66);font-size:.75rem;font-weight:bold;line-height:1.333333333;margin:0;text-transform:uppercase}.text-body-1{color:#1a1a23;font-size:.875rem;font-weight:normal;line-height:1.285714286;margin:0}.text-body-2{color:#1a1a23;font-size:.75rem;font-weight:normal;line-height:1.333333333;margin:0}.text-caption-1,.card-footer{color:rgba(26,26,35,.66);font-size:.75rem;font-weight:normal;line-height:1.333333333;margin:0}.text-caption-2{color:rgba(26,26,35,.66);font-size:.625rem;font-weight:bold;line-height:1.6;margin:0}.text-display-1{color:#1a1a23;font-size:1rem;font-weight:normal;line-height:1.25;margin:0}.text-link{color:#0084a9 !important;cursor:pointer}.text-link:hover{text-decoration:underline}.text-link:focus{outline:none;text-decoration:underline}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.font-weight-bold{font-weight:bold !important}.font-weight-normal{font-weight:normal !important}.font-size-small{font-size:.75rem !important}.font-size-medium{font-size:1rem !important}.font-size-base{font-size:.875rem !important}.font-size-large{font-size:1.25rem !important}.font-color-primary{color:#1a1a23 !important}.font-color-primary-light{color:#fff !important}.font-color-secondary{color:rgba(26,26,35,.66) !important}.font-color-secondary-light{color:rgba(255,255,255,.6) !important}.font-color-muted,.font-color-hint{color:rgba(26,26,35,.38) !important}.font-color-link{color:#0084a9 !important}.font-color-error{color:#cd1d20 !important}.font-color-success{color:#3c763d !important}.font-message{color
|
|
21
|
+
*/.flex-grow{flex:1 1 !important;min-height:0;min-width:0}.flex-shrink{flex:none !important}.text-title-1,.text-title-2{color:#1a1a23;font-size:1.25rem;font-weight:bold;line-height:1.2;margin:0}.text-title-2{font-weight:normal}.text-heading-1,.text-heading-2,.card-title{color:#1a1a23;font-size:1rem;font-weight:bold;line-height:1.5;margin:0}.text-heading-2,.card-title{font-weight:normal}.text-heading-3{color:rgba(26,26,35,.66);font-size:.75rem;font-weight:bold;line-height:1.333333333;margin:0;text-transform:uppercase}.text-body-1{color:#1a1a23;font-size:.875rem;font-weight:normal;line-height:1.285714286;margin:0}.text-body-2{color:#1a1a23;font-size:.75rem;font-weight:normal;line-height:1.333333333;margin:0}.text-caption-1,.card-footer{color:rgba(26,26,35,.66);font-size:.75rem;font-weight:normal;line-height:1.333333333;margin:0}.text-caption-2{color:rgba(26,26,35,.66);font-size:.625rem;font-weight:bold;line-height:1.6;margin:0}.text-display-1{color:#1a1a23;font-size:1rem;font-weight:normal;line-height:1.25;margin:0}.text-link{color:#0084a9 !important;cursor:pointer}.text-link:hover{text-decoration:underline}.text-link:focus{outline:none;text-decoration:underline}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.font-weight-bold{font-weight:bold !important}.font-weight-normal{font-weight:normal !important}.font-size-small{font-size:.75rem !important}.font-size-medium{font-size:1rem !important}.font-size-base{font-size:.875rem !important}.font-size-large{font-size:1.25rem !important}.font-color-primary{color:#1a1a23 !important}.font-color-primary-light{color:#fff !important}.font-color-secondary{color:rgba(26,26,35,.66) !important}.font-color-secondary-light{color:rgba(255,255,255,.6) !important}.font-color-muted,.font-color-hint{color:rgba(26,26,35,.38) !important}.font-color-link{color:#0084a9 !important}.font-color-error{color:#cd1d20 !important}.font-color-success{color:#3c763d !important}.font-message{color:rgba(26,26,35,.66);font-size:1.25rem}.font-message-medium{color:rgba(26,26,35,.66);font-size:1rem}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break-all{word-break:break-all}.border-0{border:0 !important}.border-all{border:1px solid rgba(26,26,35,.18) !important}.border-all-dark{border:1px solid rgba(26,26,35,.87) !important}.border-top-0{border-top:0 !important}.border-top{border-top:1px solid rgba(26,26,35,.18) !important}.border-top-dark{border-top:1px solid rgba(26,26,35,.87) !important}.border-bottom-0{border-bottom:0 !important}.border-bottom{border-bottom:1px solid rgba(26,26,35,.18) !important}.border-bottom-dark{border-bottom:1px solid rgba(26,26,35,.87) !important}.border-right-0{border-right:0 !important}.border-right{border-right:1px solid rgba(26,26,35,.18) !important}.border-right-dark{border-right:1px solid rgba(26,26,35,.87) !important}.border-left-0{border-left:0 !important}.border-left{border-left:1px solid rgba(26,26,35,.18) !important}.border-left-dark{border-left:1px solid rgba(26,26,35,.87) !important}.cursor-pointer{cursor:pointer !important}.scroll-y{overflow-y:auto !important}
|
|
@@ -53,7 +53,7 @@ export class ToastComponent {
|
|
|
53
53
|
ToastComponent.decorators = [
|
|
54
54
|
{ type: Component, args: [{
|
|
55
55
|
selector: 'ec-toast',
|
|
56
|
-
template: "<ec-banner id=\"{{toastItem?.id}}_banner\"\r\n [type]=\"toastItem?.type\"\r\n bannerStyle=\"toast\"\r\n [customIcon]=\"toastItem?.icon\"\r\n [showCloseBtn]=\"toastItem?.dismissible\"\r\n [autoHideOnClose]=\"false\"\r\n (closed)=\"closeClicked()\">\r\n <div class=\"d-flex\">\r\n <p id=\"{{toastItem?.id}}_message\"\r\n class=\"mb-0\">{{toastItem?.message}}</p>\r\n <a id=\"{{toastItem?.id}}_action\"\r\n *ngIf=\"toastItem?.action && toastItem?.actionLabel\"\r\n class=\"text-link ml-2\"\r\n (click)=\"toastItem!.action!()\">{{toastItem?.actionLabel | translate}}</a>\r\n </div>\r\n</ec-banner>",
|
|
56
|
+
template: "<ec-banner id=\"{{toastItem?.id}}_banner\"\r\n [type]=\"toastItem?.type\"\r\n bannerStyle=\"toast\"\r\n [customIcon]=\"toastItem?.icon\"\r\n [showCloseBtn]=\"toastItem?.dismissible\"\r\n [autoHideOnClose]=\"false\"\r\n (closed)=\"closeClicked()\">\r\n <div class=\"d-flex\">\r\n <p id=\"{{toastItem?.id}}_message\"\r\n class=\"mb-0\">{{toastItem?.message | translate}}</p>\r\n <a id=\"{{toastItem?.id}}_action\"\r\n *ngIf=\"toastItem?.action && toastItem?.actionLabel\"\r\n class=\"text-link ml-2\"\r\n (click)=\"toastItem!.action!()\">{{toastItem?.actionLabel | translate}}</a>\r\n </div>\r\n</ec-banner>",
|
|
57
57
|
styles: [":host{bottom:0;display:block;left:50%;position:fixed;transform:translate(-50%,150%);transition:transform var(--toast-animation-duration,.25s);transition-timing-function:ease-in;z-index:70}:host.is-open{transform:translate(-50%,calc(var(--toast-bottom, 0rem)*-1 - 1.5rem));transition-timing-function:cubic-bezier(.18,.89,.32,1.28)}"]
|
|
58
58
|
},] }
|
|
59
59
|
];
|
|
@@ -67,4 +67,4 @@ ToastComponent.propDecorators = {
|
|
|
67
67
|
TOAST_ANIMATION_DURATION: [{ type: HostBinding, args: ['style.--toast-animation-duration.ms',] }],
|
|
68
68
|
closed: [{ type: Output }]
|
|
69
69
|
};
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvdG9hc3QvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWdDLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDakksT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFPaEQsTUFBTSxPQUFPLGNBQWM7SUFhekIsWUFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFSVCxTQUFJLEdBQVksS0FBSyxDQUFDO1FBQ0EsNkJBQXdCLEdBQUcsR0FBRyxDQUFDO1FBRXpFLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRXhDLHlCQUFvQixHQUFXLElBQUksQ0FBQztRQUM3QyxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUVVLENBQUM7SUFFbkQsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3pFLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxRQUFRLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUM5RCxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ25CO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7WUFFakIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFO2dCQUMvQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7YUFDeEI7U0FDRjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQztJQUVPLEtBQUssQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixLQUFLLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNsRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxlQUFlO1FBQ3JCLEtBQUssQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxJQUFJLENBQ25DLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FDN0MsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO2FBQ3hEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzs7WUFqRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixxc0JBQXFDOzthQUV0Qzs7O1lBTlEsWUFBWTs7O3dCQVNsQixLQUFLO2lCQUVMLFdBQVcsU0FBQyxTQUFTO21CQUNyQixXQUFXLFNBQUMsZUFBZTt1Q0FDM0IsV0FBVyxTQUFDLHFDQUFxQztxQkFFakQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyByYWNlLCBTdWJqZWN0LCB0aW1lciB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFRvYXN0RXZlbnQsIFRvYXN0SXRlbSB9IGZyb20gJy4uL3RvYXN0LXR5cGVzJztcclxuaW1wb3J0IHsgVG9hc3RTZXJ2aWNlIH0gZnJvbSAnLi4vdG9hc3Quc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXRvYXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgXHJcbiAgQElucHV0KCkgcHVibGljIHRvYXN0SXRlbT86IFRvYXN0SXRlbTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJykgcHVibGljIGlkPzogc3RyaW5nO1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaXMtb3BlbicpIHB1YmxpYyBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbi5tcycpIHB1YmxpYyBUT0FTVF9BTklNQVRJT05fRFVSQVRJT04gPSAyNTA7XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjxUb2FzdEV2ZW50PigpO1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IFRJTUVEX1RPQVNUX0RVUkFUSU9OOiBudW1iZXIgPSA0MDAwO1xyXG4gIHByaXZhdGUgZGVzdHJveWVkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2FzdFNlcnZpY2U6IFRvYXN0U2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy50b2FzdFNlcnZpY2UuZXZlbnRzLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveWVkKSkuc3Vic2NyaWJlKGV2ZW50ID0+IHtcclxuICAgICAgaWYgKGV2ZW50LmFjdGlvbiA9PSAncmVtb3ZlJyAmJiBldmVudC50b2FzdCA9PT0gdGhpcy50b2FzdEl0ZW0pIHtcclxuICAgICAgICB0aGlzLmNsb3NlKGV2ZW50KTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy50b2FzdEl0ZW0gJiYgdGhpcy50b2FzdEl0ZW0pIHtcclxuICAgICAgdGhpcy5pZCA9IHRoaXMudG9hc3RJdGVtLmlkO1xyXG4gICAgICB0aGlzLm9wZW4gPSB0cnVlO1xyXG5cclxuICAgICAgaWYgKCF0aGlzLnRvYXN0SXRlbS5kaXNtaXNzaWJsZSkge1xyXG4gICAgICAgIHRoaXMuY2xvc2VBZnRlclRpbWVyKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5kZXN0cm95ZWQubmV4dCgpO1xyXG4gICAgdGhpcy5kZXN0cm95ZWQuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZUNsaWNrZWQoKSB7XHJcbiAgICBpZiAodGhpcy50b2FzdEl0ZW0pIHtcclxuICAgICAgdGhpcy50b2FzdFNlcnZpY2UuZGlzbWlzc1RvYXN0KHRoaXMudG9hc3RJdGVtLCAndXNlcicpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBjbG9zZShldmVudDogVG9hc3RFdmVudCkge1xyXG4gICAgdGhpcy5vcGVuID0gZmFsc2U7XHJcbiAgICB0aW1lcih0aGlzLlRPQVNUX0FOSU1BVElPTl9EVVJBVElPTikuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5jbG9zZWQuZW1pdChldmVudCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgY2xvc2VBZnRlclRpbWVyKCkge1xyXG4gICAgdGltZXIodGhpcy5USU1FRF9UT0FTVF9EVVJBVElPTikucGlwZShcclxuICAgICAgdGFrZVVudGlsKHJhY2UodGhpcy5jbG9zZWQsIHRoaXMuZGVzdHJveWVkKSlcclxuICAgICkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMudG9hc3RJdGVtKSB7XHJcbiAgICAgICAgdGhpcy50b2FzdFNlcnZpY2UuZGlzbWlzc1RvYXN0KHRoaXMudG9hc3RJdGVtLCAnYXV0bycpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -36,7 +36,7 @@ ViewOverlayComponent.decorators = [
|
|
|
36
36
|
{ type: Component, args: [{
|
|
37
37
|
selector: '[ecOverlay]',
|
|
38
38
|
template: "<!-- Transcluded Content -->\r\n<ng-content *ngIf=\"displayAsMask || (!displayAsMask && status === 'hasData')\"></ng-content>\r\n<!--Used by GI tests to know the overlay status whether we use ngIf or mask version. No visual impact-->\r\n<span [hidden]=\"true\"\r\n\t class=\"overlay-status-{{status}}\"></span>\r\n<!-- Overlay goes last so it is rendered on top of preceding content due to source order -->\r\n<div *ngIf=\"status !== 'hasData'\"\r\n\t class=\"overlay flex-grow {{overlayClassList}}\"\r\n\t [ngClass]=\"{'not-mask': !displayAsMask,\r\n\t\t\t\t'overlay-error': status === 'error',\r\n\t\t\t\t'overlay-nodata': status === 'noData',\r\n\t\t\t\t'overlay-pending': status === 'pending'}\">\r\n\r\n\t<!--Pending Spinner-->\r\n\t<ec-spinner [hidden]=\"status !== 'pending'\"></ec-spinner>\r\n\r\n\t<ng-template [ngIf]=\"status === 'noData' && noDataTemplate\">\r\n\t\t<ng-container *ngTemplateOutlet=\"noDataTemplate\"></ng-container>\r\n\t</ng-template>\r\n\r\n\t<ng-container *ngIf=\"(status === 'noData' && !noDataTemplate) || status !== 'noData'\">\r\n\t\t<!--Status Message-->\r\n\t\t<div id=\"statusMessage\"\r\n\t\t\t class=\"message\"\r\n\t\t\t *ngIf=\"message\"\r\n\t\t\t [ngClass]=\"{'error': status === 'error', 'mt-1': status === 'pending'}\"\r\n\t\t\t [innerHtml]=\"message | translate\">\r\n\t\t</div>\r\n\r\n\t\t<!-- Action -->\r\n\t\t<ec-button type=\"common\"\r\n\t\t\t\t class=\"mt-3\"\r\n\t\t\t\t *ngIf=\"action?.onClick\"\r\n\t\t\t\t [icon]=\"action?.icon\"\r\n\t\t\t\t (clicked)=\"actionClicked($event)\"\r\n\t\t\t\t [label]=\"action?.label\"\r\n\t\t\t\t [hidden]=\"status === 'pending'\">\r\n\t\t</ec-button>\r\n\t</ng-container>\r\n\r\n</div>",
|
|
39
|
-
styles: [":host{position:relative}:host(.bg-body)>.overlay{background-color:#f1f3f4}:host(.bg-body).is-translucent>.overlay{background-color:rgba(241,243,244,.7)}:host(.bg-content)>.overlay{background-color:#fff}:host(.bg-content).is-translucent>.overlay{background-color:hsla(0,0%,100%,.7)}.overlay{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:3rem 4rem;position:absolute;right:0;top:0;z-index:20}.overlay.not-mask{min-height:100%;position:relative}.message{color
|
|
39
|
+
styles: [":host{position:relative}:host(.bg-body)>.overlay{background-color:#f1f3f4}:host(.bg-body).is-translucent>.overlay{background-color:rgba(241,243,244,.7)}:host(.bg-content)>.overlay{background-color:#fff}:host(.bg-content).is-translucent>.overlay{background-color:hsla(0,0%,100%,.7)}.overlay{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:3rem 4rem;position:absolute;right:0;top:0;z-index:20}.overlay.not-mask{min-height:100%;position:relative}.message{color:rgba(26,26,35,.66);font-size:1.25rem}.message.error{color:#cd1d20;font-size:1.25rem}"]
|
|
40
40
|
},] }
|
|
41
41
|
];
|
|
42
42
|
ViewOverlayComponent.propDecorators = {
|
|
@@ -3855,7 +3855,7 @@ ViewOverlayComponent.decorators = [
|
|
|
3855
3855
|
{ type: Component, args: [{
|
|
3856
3856
|
selector: '[ecOverlay]',
|
|
3857
3857
|
template: "<!-- Transcluded Content -->\r\n<ng-content *ngIf=\"displayAsMask || (!displayAsMask && status === 'hasData')\"></ng-content>\r\n<!--Used by GI tests to know the overlay status whether we use ngIf or mask version. No visual impact-->\r\n<span [hidden]=\"true\"\r\n\t class=\"overlay-status-{{status}}\"></span>\r\n<!-- Overlay goes last so it is rendered on top of preceding content due to source order -->\r\n<div *ngIf=\"status !== 'hasData'\"\r\n\t class=\"overlay flex-grow {{overlayClassList}}\"\r\n\t [ngClass]=\"{'not-mask': !displayAsMask,\r\n\t\t\t\t'overlay-error': status === 'error',\r\n\t\t\t\t'overlay-nodata': status === 'noData',\r\n\t\t\t\t'overlay-pending': status === 'pending'}\">\r\n\r\n\t<!--Pending Spinner-->\r\n\t<ec-spinner [hidden]=\"status !== 'pending'\"></ec-spinner>\r\n\r\n\t<ng-template [ngIf]=\"status === 'noData' && noDataTemplate\">\r\n\t\t<ng-container *ngTemplateOutlet=\"noDataTemplate\"></ng-container>\r\n\t</ng-template>\r\n\r\n\t<ng-container *ngIf=\"(status === 'noData' && !noDataTemplate) || status !== 'noData'\">\r\n\t\t<!--Status Message-->\r\n\t\t<div id=\"statusMessage\"\r\n\t\t\t class=\"message\"\r\n\t\t\t *ngIf=\"message\"\r\n\t\t\t [ngClass]=\"{'error': status === 'error', 'mt-1': status === 'pending'}\"\r\n\t\t\t [innerHtml]=\"message | translate\">\r\n\t\t</div>\r\n\r\n\t\t<!-- Action -->\r\n\t\t<ec-button type=\"common\"\r\n\t\t\t\t class=\"mt-3\"\r\n\t\t\t\t *ngIf=\"action?.onClick\"\r\n\t\t\t\t [icon]=\"action?.icon\"\r\n\t\t\t\t (clicked)=\"actionClicked($event)\"\r\n\t\t\t\t [label]=\"action?.label\"\r\n\t\t\t\t [hidden]=\"status === 'pending'\">\r\n\t\t</ec-button>\r\n\t</ng-container>\r\n\r\n</div>",
|
|
3858
|
-
styles: [":host{position:relative}:host(.bg-body)>.overlay{background-color:#f1f3f4}:host(.bg-body).is-translucent>.overlay{background-color:rgba(241,243,244,.7)}:host(.bg-content)>.overlay{background-color:#fff}:host(.bg-content).is-translucent>.overlay{background-color:hsla(0,0%,100%,.7)}.overlay{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:3rem 4rem;position:absolute;right:0;top:0;z-index:20}.overlay.not-mask{min-height:100%;position:relative}.message{color
|
|
3858
|
+
styles: [":host{position:relative}:host(.bg-body)>.overlay{background-color:#f1f3f4}:host(.bg-body).is-translucent>.overlay{background-color:rgba(241,243,244,.7)}:host(.bg-content)>.overlay{background-color:#fff}:host(.bg-content).is-translucent>.overlay{background-color:hsla(0,0%,100%,.7)}.overlay{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:3rem 4rem;position:absolute;right:0;top:0;z-index:20}.overlay.not-mask{min-height:100%;position:relative}.message{color:rgba(26,26,35,.66);font-size:1.25rem}.message.error{color:#cd1d20;font-size:1.25rem}"]
|
|
3859
3859
|
},] }
|
|
3860
3860
|
];
|
|
3861
3861
|
ViewOverlayComponent.propDecorators = {
|
|
@@ -6994,7 +6994,7 @@ class ToastComponent {
|
|
|
6994
6994
|
ToastComponent.decorators = [
|
|
6995
6995
|
{ type: Component, args: [{
|
|
6996
6996
|
selector: 'ec-toast',
|
|
6997
|
-
template: "<ec-banner id=\"{{toastItem?.id}}_banner\"\r\n [type]=\"toastItem?.type\"\r\n bannerStyle=\"toast\"\r\n [customIcon]=\"toastItem?.icon\"\r\n [showCloseBtn]=\"toastItem?.dismissible\"\r\n [autoHideOnClose]=\"false\"\r\n (closed)=\"closeClicked()\">\r\n <div class=\"d-flex\">\r\n <p id=\"{{toastItem?.id}}_message\"\r\n class=\"mb-0\">{{toastItem?.message}}</p>\r\n <a id=\"{{toastItem?.id}}_action\"\r\n *ngIf=\"toastItem?.action && toastItem?.actionLabel\"\r\n class=\"text-link ml-2\"\r\n (click)=\"toastItem!.action!()\">{{toastItem?.actionLabel | translate}}</a>\r\n </div>\r\n</ec-banner>",
|
|
6997
|
+
template: "<ec-banner id=\"{{toastItem?.id}}_banner\"\r\n [type]=\"toastItem?.type\"\r\n bannerStyle=\"toast\"\r\n [customIcon]=\"toastItem?.icon\"\r\n [showCloseBtn]=\"toastItem?.dismissible\"\r\n [autoHideOnClose]=\"false\"\r\n (closed)=\"closeClicked()\">\r\n <div class=\"d-flex\">\r\n <p id=\"{{toastItem?.id}}_message\"\r\n class=\"mb-0\">{{toastItem?.message | translate}}</p>\r\n <a id=\"{{toastItem?.id}}_action\"\r\n *ngIf=\"toastItem?.action && toastItem?.actionLabel\"\r\n class=\"text-link ml-2\"\r\n (click)=\"toastItem!.action!()\">{{toastItem?.actionLabel | translate}}</a>\r\n </div>\r\n</ec-banner>",
|
|
6998
6998
|
styles: [":host{bottom:0;display:block;left:50%;position:fixed;transform:translate(-50%,150%);transition:transform var(--toast-animation-duration,.25s);transition-timing-function:ease-in;z-index:70}:host.is-open{transform:translate(-50%,calc(var(--toast-bottom, 0rem)*-1 - 1.5rem));transition-timing-function:cubic-bezier(.18,.89,.32,1.28)}"]
|
|
6999
6999
|
},] }
|
|
7000
7000
|
];
|