@energycap/components 0.32.29 → 0.32.30
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.
|
@@ -74,10 +74,10 @@ export class BannerComponent {
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
BannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BannerComponent, deps: [{ token: i1.CacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
-
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: BannerComponent, selector: "ec-banner", inputs: { hidden: "hidden", id: "id", type: "type", bannerStyle: "bannerStyle", title: "title", text: "text", list: "list", showCloseBtn: "showCloseBtn", autoHideOnClose: "autoHideOnClose", customIcon: "customIcon", rememberClosed: "rememberClosed" }, outputs: { closed: "closed" }, host: { properties: { "hidden": "this.hidden" } }, usesOnChanges: true, ngImport: i0, template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{
|
|
77
|
+
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: BannerComponent, selector: "ec-banner", inputs: { hidden: "hidden", id: "id", type: "type", bannerStyle: "bannerStyle", title: "title", text: "text", list: "list", showCloseBtn: "showCloseBtn", autoHideOnClose: "autoHideOnClose", customIcon: "customIcon", rememberClosed: "rememberClosed" }, outputs: { closed: "closed" }, host: { properties: { "hidden": "this.hidden" } }, usesOnChanges: true, ngImport: i0, template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{color:var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-primary-light)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:var(--ec-box-shadow);background-color:#162f3b;--ec-color-icon: var(--ec-color-primary-light);--ec-button-color-icon: var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-interactive-light)}.toast .banner-content{color:var(--ec-color-primary-light)}.toast ec-button{top:.1875rem;right:.1875rem}.toast ec-button ::ng-deep .ec-button-icon:hover{background-color:#354751}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }] });
|
|
78
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BannerComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
|
-
args: [{ selector: 'ec-banner', template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{
|
|
80
|
+
args: [{ selector: 'ec-banner', template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{color:var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-primary-light)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:var(--ec-box-shadow);background-color:#162f3b;--ec-color-icon: var(--ec-color-primary-light);--ec-button-color-icon: var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-interactive-light)}.toast .banner-content{color:var(--ec-color-primary-light)}.toast ec-button{top:.1875rem;right:.1875rem}.toast ec-button ::ng-deep .ec-button-icon:hover{background-color:#354751}\n"] }]
|
|
81
81
|
}], ctorParameters: function () { return [{ type: i1.CacheService }]; }, propDecorators: { hidden: [{
|
|
82
82
|
type: HostBinding,
|
|
83
83
|
args: ['hidden']
|
|
@@ -297,10 +297,10 @@ class BannerComponent {
|
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
BannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BannerComponent, deps: [{ token: CacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
300
|
-
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: BannerComponent, selector: "ec-banner", inputs: { hidden: "hidden", id: "id", type: "type", bannerStyle: "bannerStyle", title: "title", text: "text", list: "list", showCloseBtn: "showCloseBtn", autoHideOnClose: "autoHideOnClose", customIcon: "customIcon", rememberClosed: "rememberClosed" }, outputs: { closed: "closed" }, host: { properties: { "hidden": "this.hidden" } }, usesOnChanges: true, ngImport: i0, template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{
|
|
300
|
+
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: BannerComponent, selector: "ec-banner", inputs: { hidden: "hidden", id: "id", type: "type", bannerStyle: "bannerStyle", title: "title", text: "text", list: "list", showCloseBtn: "showCloseBtn", autoHideOnClose: "autoHideOnClose", customIcon: "customIcon", rememberClosed: "rememberClosed" }, outputs: { closed: "closed" }, host: { properties: { "hidden": "this.hidden" } }, usesOnChanges: true, ngImport: i0, template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{color:var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-primary-light)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:var(--ec-box-shadow);background-color:#162f3b;--ec-color-icon: var(--ec-color-primary-light);--ec-button-color-icon: var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-interactive-light)}.toast .banner-content{color:var(--ec-color-primary-light)}.toast ec-button{top:.1875rem;right:.1875rem}.toast ec-button ::ng-deep .ec-button-icon:hover{background-color:#354751}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }] });
|
|
301
301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BannerComponent, decorators: [{
|
|
302
302
|
type: Component,
|
|
303
|
-
args: [{ selector: 'ec-banner', template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{
|
|
303
|
+
args: [{ selector: 'ec-banner', template: "<div id=\"banner_{{id}}\" class=\"banner {{type}} {{bannerStyle}}\">\r\n <ec-button id=\"banner{{id}}_close\"\r\n *ngIf=\"showCloseBtn\"\r\n type=\"icon\"\r\n icon=\"ec-icon-sm icon-cancel\"\r\n (clicked)=\"close()\">\r\n </ec-button>\r\n <div class=\"banner-content d-flex text-body-1\">\r\n <i class=\"ec-icon {{icon}}\"></i>\r\n <div class=\"ml-2\">\r\n <p class=\"title mb-0\" *ngIf=\"title\">\r\n {{title}}\r\n </p>\r\n <p class=\"text mb-0\" *ngIf=\"text\">{{text}}</p>\r\n \r\n <ul class=\"list mb-0\" *ngIf=\"list?.length\">\r\n <li *ngFor=\"let item of list\">{{item}}</li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n", styles: [":host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0;border-radius:var(--ec-border-radius-card)}.banner{display:flex;flex-direction:column;flex:1 1;min-height:2.5rem;position:relative;overflow-y:auto;border-radius:var(--ec-border-radius-card)}.banner-content{align-items:var(--ec-banner-align-items-content, normal);padding:.5rem 1rem;flex:none;margin:auto 0;color:var(--ec-color-secondary-dark)}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;top:.25rem;right:.25rem}ec-button+.banner-content{padding-right:2.75rem}.title{font-weight:700}.list{margin:0;padding-left:2em}.text+.list{margin-top:1em}.info:not(.toast){background-color:var(--ec-background-color-info)}.info:not(.toast) .banner-content>.ec-icon{color:#2d9ab8}.warning:not(.toast){background-color:var(--ec-background-color-caution)}.warning:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-bad)}.success:not(.toast){background-color:var(--ec-background-color-success)}.success:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-success)}.error:not(.toast){background-color:var(--ec-background-color-danger)}.error:not(.toast) .banner-content>.ec-icon{color:var(--ec-color-danger)}.pinned{border-radius:0;border-bottom:1px solid rgba(26,26,35,.08)}.promo:not(.toast){border:none;background:linear-gradient(to right,var(--ec-color-blue-6),var(--ec-color-blue-4));--ec-color-icon: var(--ec-color-secondary-light)}.promo:not(.toast) .banner-content{color:var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-primary-light)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:var(--ec-box-shadow);background-color:#162f3b;--ec-color-icon: var(--ec-color-primary-light);--ec-button-color-icon: var(--ec-color-primary-light);--ec-color-interactive: var(--ec-color-interactive-light)}.toast .banner-content{color:var(--ec-color-primary-light)}.toast ec-button{top:.1875rem;right:.1875rem}.toast ec-button ::ng-deep .ec-button-icon:hover{background-color:#354751}\n"] }]
|
|
304
304
|
}], ctorParameters: function () { return [{ type: CacheService }]; }, propDecorators: { hidden: [{
|
|
305
305
|
type: HostBinding,
|
|
306
306
|
args: ['hidden']
|