@energycap/components 0.26.5 → 0.26.6

package/bundles/energycap-components.umd.js

@@ -4113,7 +4113,7 @@
         { type: i0.Component, args: [{
                     selector: '[ecOverlay]',
                     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>",
-                    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:#8c9ca5;font-size:1.25rem}.message.error{color:#cd1d20;font-size:1.25rem}"]
+                    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}"]
                 },] }
     ];
     ViewOverlayComponent.propDecorators = {
@@ -7627,7 +7627,7 @@
     ToastComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'ec-toast',
-                    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>",
+                    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>",
                     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)}"]
                 },] }
     ];